วิธีเพิ่มแชทบอท AI Asyntai ลงใน Blogger
คู่มือทีละขั้นตอนสำหรับเว็บไซต์ Blogger
ขั้นตอนที่ 1: รับโค้ดฝังตัวของคุณ
ก่อนอื่น ไปที่แดชบอร์ด Asyntai ของคุณและเลื่อนลงไปที่ส่วน "Embed Code" คัดลอกโค้ดฝังตัวเฉพาะของคุณซึ่งจะมีลักษณะดังนี้:
<script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>
หมายเหตุ: โค้ดด้านบนเป็นเพียงตัวอย่าง คุณต้องคัดลอกโค้ดฝังตัวเฉพาะของคุณจากแดชบอร์ดเนื่องจากมี widget ID ส่วนตัวของคุณ
ขั้นตอนที่ 2: ใช้แกดเจ็ต HTML/JavaScript (แนะนำ)
วิธีที่ง่ายที่สุดในการเพิ่มแชทบอทคือใช้แกดเจ็ต HTML/JavaScript ในตัวของ Blogger:
- เข้าสู่ระบบ Blogger Dashboard ของคุณที่ blogger.com
- เลือกบล็อกของคุณจากรายการ
- คลิก "Layout" ในแถบด้านข้างซ้าย
- ค้นหาส่วนที่คุณต้องการเพิ่มวิดเจ็ต (ควรเป็นส่วนท้าย)
- คลิก "Add a Gadget"
- เลือก "HTML/JavaScript" จากรายการแกดเจ็ต
- ปล่อยชื่อว่างไว้ (หรือเพิ่มหากต้องการ)
- วางโค้ดฝังตัว Asyntai ของคุณในพื้นที่เนื้อหา
- คลิก "Save"
- คลิก "Save arrangement" ในหน้า Layout
เคล็ดลับ: การเพิ่มแกดเจ็ตลงในส่วนท้ายทำให้แน่ใจว่าโหลดในทุกหน้าของบล็อก แชทบอทจะปรากฏเป็นปุ่มลอยไม่ว่าคุณจะวางแกดเจ็ตไว้ที่ไหน
ทางเลือก: แก้ไข HTML ของธีม
คุณยังสามารถเพิ่มโค้ดลงใน HTML ของธีมโดยตรง:
- ไปที่ "Theme" ในแถบด้านข้างซ้าย
- คลิกลูกศรดรอปดาวน์ถัดจาก "Customize\
- เลือก "Edit HTML"
- กด Ctrl+F (หรือ Cmd+F บน Mac) เพื่อเปิดการค้นหา
- ค้นหา
</body> - วางโค้ดฝังตัว Asyntai ของคุณก่อนแท็ก
</body> - คลิก "Save theme"
สำคัญ: เมื่อแก้ไข HTML ของธีม ระวังอย่าลบหรือแก้ไขโค้ดอื่น พิจารณาสำรองข้อมูลธีมก่อนโดยคลิก "Backup" ก่อนทำการเปลี่ยนแปลง
ขั้นตอนที่ 3: ยืนยันการติดตั้ง
หลังจากบันทึกการเปลี่ยนแปลง เข้าชมบล็อกของคุณในแท็บเบราว์เซอร์ใหม่หรือหน้าต่างไม่ระบุตัวตน คุณควรเห็นปุ่มวิดเจ็ตแชทที่มุมล่างขวา คลิกเพื่อให้แน่ใจว่าเปิดและทำงานได้อย่างถูกต้อง
ไม่เห็นวิดเจ็ต? Blogger อาจใช้เวลาสักครู่ในการใช้การเปลี่ยนแปลง ลองล้างแคชเบราว์เซอร์หรือดูในหน้าต่างไม่ระบุตัวตน ตรวจสอบให้แน่ใจว่าคุณคลิก "Save" หลังจากเพิ่มแกดเจ็ต
Weebly