วิธีเพิ่มแชทบอท AI Asyntai ลงใน Blogger

คู่มือทีละขั้นตอนสำหรับเว็บไซต์ Blogger

แพลตฟอร์ม:

ขั้นตอนที่ 1: รับโค้ดฝังตัวของคุณ

ขั้นแรก ไปที่ แดชบอร์ด Asyntai ของคุณ แล้วเลื่อนลงไปที่ส่วน "โค้ดฝัง" คัดลอกโค้ดฝังเฉพาะของคุณ ซึ่งจะมีลักษณะดังนี้:

<script>(function(){var l=function(){var s=document.createElement("script");s.src="https://widget.asyntai.com/static/js/chat-widget.js";s.async=true;s.setAttribute("data-asyntai-id","YOUR_WIDGET_ID");document.head.appendChild(s)};if(document.readyState==="complete"){l()}else{window.addEventListener("load",l)}})();</script>

หมายเหตุ: โค้ดด้านบนเป็นเพียงตัวอย่าง คุณต้องคัดลอกโค้ดฝังตัวเฉพาะของคุณจากแดชบอร์ดเนื่องจากมี widget ID ส่วนตัวของคุณ

ขั้นตอนที่ 2: ใช้แกดเจ็ต HTML/JavaScript (แนะนำ)

วิธีที่ง่ายที่สุดในการเพิ่มแชทบอทคือใช้แกดเจ็ต HTML/JavaScript ในตัวของ Blogger:

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

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

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

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

ไปที่ "Theme" ในแถบด้านข้างซ้าย
คลิกลูกศรชี้ลง (More) ข้าง "Customize"
เลือก "Edit HTML"
กด Ctrl+F (หรือ Cmd+F บน Mac) เพื่อเปิดการค้นหา
ค้นหา </body>
วางโค้ดฝังตัว Asyntai ของคุณก่อนแท็ก </body>
คลิก "Save"

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

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

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

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

เอกสาร

วิธีเพิ่มแชทบอท AI Asyntai ลงใน Blogger

ขั้นตอนที่ 1: รับโค้ดฝังตัวของคุณ

ขั้นตอนที่ 2: ใช้แกดเจ็ต HTML/JavaScript (แนะนำ)

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

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