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

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

แพลตฟอร์ม:

ขั้นตอนที่ 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: เพิ่มลงในเทมเพลตธีม (แนะนำ)

วิธีที่แนะนำในการเพิ่มแชทบอทคือการแก้ไขไฟล์เทมเพลตธีม e107 ของคุณโดยตรง:

ไปที่โฟลเดอร์ธีม e107 ของคุณ: e107_themes/yourtheme/
เปิดไฟล์เทมเพลตหลักของธีม (โดยปกติคือ theme.php หรือ theme.html)
ค้นหาแท็กปิด </body>
วางโค้ดฝัง Asyntai ของคุณก่อนแท็ก </body>:

<script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>
</body>

เคล็ดลับ: หากธีมของคุณใช้ theme.php ให้ค้นหาส่วนที่ HTML ของ footer ถูกเรนเดอร์ โค้ดฝังควรวางหลังจากเนื้อหาอื่นทั้งหมดแต่ก่อนแท็กปิด body

วิธีทางเลือกที่ 1: การใช้ Custom Header/Footer ของ e107

คุณสามารถเพิ่มสคริปต์แชทบอทผ่านแผงผู้ดูแลระบบ e107 โดยไม่ต้องแก้ไขไฟล์ธีม:

เข้าสู่ระบบแผงผู้ดูแลระบบ e107 ของคุณ
ไปที่ Admin > Preferences > Site Preferences
ค้นหาส่วน "Custom Footer" หรือ "Footer Scripts"
วางโค้ดฝัง Asyntai ของคุณลงในพื้นที่ข้อความสคริปต์ footer
คลิก "Save" เพื่อบันทึกการเปลี่ยนแปลง

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

วิธีทางเลือกที่ 2: การใช้ปลั๊กอิน e107

สำหรับวิธีที่เป็นโมดูลมากขึ้น คุณสามารถสร้างปลั๊กอินง่าย ๆ หรือใช้ระบบ hook ของปลั๊กอินเพื่อแทรกสคริปต์แชทบอท:

สร้างปลั๊กอินง่าย ๆ หรือใช้ปลั๊กอิน "Custom Pages"
เพิ่มสคริปต์ผ่านระบบ hook ของปลั๊กอิน e107 โดยสร้างไฟล์ e_footer.php ในไดเรกทอรีปลั๊กอินของคุณ
ภายใน e_footer.php แสดงผลโค้ดฝังของคุณ:

<?php
// e_footer.php - Asyntai Chatbot Plugin Hook
echo '<script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>';
?>

เคล็ดลับ: วิธี hook ของปลั๊กอินช่วยให้การรวมแชทบอทแยกจากธีม ดังนั้นจะยังคงอยู่แม้ว่าคุณจะเปลี่ยนธีม

วิธีทางเลือกที่ 3: การใช้ระบบเมนู e107

คุณสามารถใช้ระบบเมนูในตัวของ e107 เพื่อเพิ่มสคริปต์แชทบอทในพื้นที่ footer:

เข้าสู่ระบบแผงผู้ดูแลระบบ e107 ของคุณ
ไปที่ Admin > Menus
สร้าง เมนู HTML แบบกำหนดเอง
วางโค้ดฝัง Asyntai ของคุณลงในเนื้อหาเมนู
กำหนดเมนูให้กับพื้นที่ footer ของเทมเพลตของคุณ
บันทึกการตั้งค่าเมนู

สำคัญ: เมื่อใช้ระบบเมนู ตรวจสอบให้แน่ใจว่าพื้นที่เมนูที่คุณกำหนดรองรับการแสดงผล HTML/สคริปต์แบบดิบ พื้นที่เมนูบางส่วนอาจลบแท็กสคริปต์เพื่อความปลอดภัย หากสคริปต์ถูกลบ ให้ใช้วิธีอื่นแทน

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

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

ไม่เห็นวิดเจ็ต? ลองล้างแคช e107 จากแผงผู้ดูแลระบบภายใต้ Admin > Cache นอกจากนี้ลองล้างแคชเบราว์เซอร์หรือดูในหน้าต่างส่วนตัว ตรวจสอบให้แน่ใจว่าโค้ดฝังของคุณวางอย่างถูกต้องและมี widget ID เฉพาะของคุณจากแดชบอร์ด