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

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

แพลตฟอร์ม:

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

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

<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: การใช้ Code Injection (แนะนำ)

Ghost มีฟีเจอร์ Code Injection ในตัวที่ทำให้การเพิ่มสคริปต์แบบกำหนดเองง่ายมาก:

เข้าสู่ระบบแผงผู้ดูแลระบบ Ghost ของคุณ
คลิกไอคอนเฟือง (Settings) ที่มุมซ้ายล่าง
เลื่อนลงไปที่ส่วน "Advanced"
คลิกที่ "Code injection"
ในส่วน "Site footer" วางโค้ดฝัง Asyntai ของคุณ
คลิก "Save" ที่มุมขวาบน

เคล็ดลับ: การเพิ่ม JavaScript ลงใน Site Footer (แทนที่จะเป็น Site Header) ช่วยให้โหลดหลังจากเนื้อหาหน้าเว็บ ซึ่งแนะนำสำหรับวิดเจ็ตแชทและจะไม่ทำให้หน้าเว็บโหลดช้าลง

ทางเลือก: Code Injection เฉพาะหน้า

หากคุณต้องการแชทบอทเฉพาะในหน้าหรือโพสต์บางรายการ:

เปิดโพสต์หรือหน้าที่คุณต้องการเพิ่มแชทบอท
คลิกไอคอนการตั้งค่า (เฟือง) ที่มุมขวาบน
เลื่อนลงเพื่อค้นหา "Code injection"
ขยายส่วนและวางโค้ดฝัง Asyntai ของคุณในฟิลด์ "Post footer"
คลิกนอกฟิลด์เพื่อบันทึก จากนั้นเผยแพร่/อัปเดตโพสต์ของคุณ

หมายเหตุ: Code injection เฉพาะหน้ามีประโยชน์หากคุณต้องการแชทบอทเฉพาะในบางหน้าแทนที่จะทั่วทั้งเว็บไซต์

ทางเลือก: แก้ไขไฟล์ธีม (สำหรับโฮสต์เอง)

หากคุณโฮสต์ Ghost เองและต้องการแก้ไขไฟล์ธีมโดยตรง:

เข้าถึงไฟล์การติดตั้ง Ghost ผ่าน FTP หรือตัวจัดการไฟล์
ไปที่โฟลเดอร์ธีมของคุณ: content/themes/your-theme/
เปิดไฟล์ default.hbs (ไฟล์เลย์เอาต์หลัก)
ค้นหาแท็กปิด </body>
วางโค้ดฝังตัว Asyntai ของคุณก่อนแท็ก </body>
บันทึกไฟล์
รีสตาร์ท Ghost หรือล้างแคช

สำคัญ: ไม่แนะนำให้แก้ไขไฟล์ธีมโดยตรงเว้นแต่จำเป็น การเปลี่ยนแปลงอาจถูกเขียนทับเมื่ออัปเดตธีม วิธี Code Injection เป็นที่นิยมเนื่องจากยังคงอยู่หลังการอัปเดตธีม

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

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