กลับไปที่แดชบอร์ด

เอกสาร

เรียนรู้วิธีใช้ Asyntai

วิธีเพิ่มแชทบอท 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:

  1. เข้าสู่ระบบ Blogger Dashboard ของคุณที่ blogger.com
  2. เลือกบล็อกของคุณจากรายการ
  3. คลิก "Layout" ในแถบด้านข้างซ้าย
  4. ค้นหาส่วนที่คุณต้องการเพิ่มวิดเจ็ต (ควรเป็นส่วนท้าย)
  5. คลิก "Add a Gadget"
  6. เลือก "HTML/JavaScript" จากรายการแกดเจ็ต
  7. ปล่อยชื่อว่างไว้ (หรือเพิ่มหากต้องการ)
  8. วางโค้ดฝังตัว Asyntai ของคุณในพื้นที่เนื้อหา
  9. คลิก "Save"
  10. คลิก "Save arrangement" ในหน้า Layout

เคล็ดลับ: การเพิ่มแกดเจ็ตลงในส่วนท้ายทำให้แน่ใจว่าโหลดในทุกหน้าของบล็อก แชทบอทจะปรากฏเป็นปุ่มลอยไม่ว่าคุณจะวางแกดเจ็ตไว้ที่ไหน

ทางเลือก: แก้ไข HTML ของธีม

คุณยังสามารถเพิ่มโค้ดลงใน HTML ของธีมโดยตรง:

  1. ไปที่ "Theme" ในแถบด้านข้างซ้าย
  2. คลิกลูกศรดรอปดาวน์ถัดจาก "Customize\
  3. เลือก "Edit HTML"
  4. กด Ctrl+F (หรือ Cmd+F บน Mac) เพื่อเปิดการค้นหา
  5. ค้นหา </body>
  6. วางโค้ดฝังตัว Asyntai ของคุณก่อนแท็ก </body>
  7. คลิก "Save theme"

สำคัญ: เมื่อแก้ไข HTML ของธีม ระวังอย่าลบหรือแก้ไขโค้ดอื่น พิจารณาสำรองข้อมูลธีมก่อนโดยคลิก "Backup" ก่อนทำการเปลี่ยนแปลง

ขั้นตอนที่ 3: ยืนยันการติดตั้ง

หลังจากบันทึกการเปลี่ยนแปลง เข้าชมบล็อกของคุณในแท็บเบราว์เซอร์ใหม่หรือหน้าต่างไม่ระบุตัวตน คุณควรเห็นปุ่มวิดเจ็ตแชทที่มุมล่างขวา คลิกเพื่อให้แน่ใจว่าเปิดและทำงานได้อย่างถูกต้อง

ไม่เห็นวิดเจ็ต? Blogger อาจใช้เวลาสักครู่ในการใช้การเปลี่ยนแปลง ลองล้างแคชเบราว์เซอร์หรือดูในหน้าต่างไม่ระบุตัวตน ตรวจสอบให้แน่ใจว่าคุณคลิก "Save" หลังจากเพิ่มแกดเจ็ต