วิธีเพิ่มแชทบอท AI Asyntai ไปยังเว็บไซต์ที่โฮสต์บน Plesk

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

แพลตฟอร์ม:

ขั้นตอนที่ 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: ระบุประเภทเว็บไซต์ของคุณ

วิธีการติดตั้งขึ้นอยู่กับแพลตฟอร์มที่เว็บไซต์ของคุณใช้ Plesk เป็นแผงควบคุมโฮสติ้งที่สามารถโฮสต์เว็บไซต์ประเภทต่างๆ ได้:

WordPress/Joomla/Drupal: หากเว็บไซต์ของคุณใช้ CMS ให้ดูคู่มือเฉพาะสำหรับแพลตฟอร์มนั้น (WordPress, Joomla, Drupal)

สำหรับเว็บไซต์ HTML แบบสแตติก

หากคุณมีเว็บไซต์ HTML แบบสแตติกที่โฮสต์บน Plesk ให้ใช้ File Manager เพื่อแก้ไขไฟล์ HTML ของคุณ:

วิธีที่ 1: การใช้ Plesk File Manager

เข้าสู่ระบบ Plesk Control Panel ของคุณ
นำทางไปยัง Websites & Domains
คลิก File Manager
นำทางไปยังไดเรกทอรีรากของเว็บไซต์ (โดยปกติคือ httpdocs หรือ public_html)
ค้นหาไฟล์ HTML หลักของคุณ (โดยปกติคือ index.html หรือ index.php)
คลิกที่ชื่อไฟล์เพื่อเปิดเมนูตัวแก้ไข
เลือก Code Editor สำหรับการเน้น syntax HTML
เลื่อนเพื่อค้นหาแท็กปิด </body>
วางโค้ดฝังตัว Asyntai ของคุณก่อนแท็ก </body>
คลิก "Save" หรือ "OK"
ทำซ้ำสำหรับหน้า HTML อื่นๆ หากจำเป็น

เคล็ดลับ: Plesk File Manager มีตัวแก้ไขหลายตัว: Code Editor (พร้อมการเน้น syntax), HTML Editor (WYSIWYG) และ Text Editor ใช้ Code Editor เพื่อผลลัพธ์ที่ดีที่สุดเมื่อแก้ไขไฟล์ HTML

วิธีที่ 2: การใช้การเข้าถึง FTP

ใน Plesk ไปที่ Websites & Domains
ค้นหาส่วน FTP Access
จดบันทึกข้อมูลรับรอง FTP ของคุณหรือสร้างบัญชี FTP ใหม่
ใช้ FTP client เช่น FileZilla เพื่อเชื่อมต่อกับเซิร์ฟเวอร์ของคุณ
นำทางไปยังไดเรกทอรีของเว็บไซต์ (httpdocs)
ดาวน์โหลดไฟล์ HTML ที่คุณต้องการแก้ไข
เพิ่มโค้ดฝังตัว Asyntai ของคุณก่อนแท็ก </body>
อัปโหลดไฟล์ที่แก้ไขแล้วกลับไปยังเซิร์ฟเวอร์

สำหรับเว็บไซต์ที่ใช้ PHP

หากเว็บไซต์ของคุณใช้เทมเพลต PHP หรือ includes:

ใน Plesk File Manager นำทางไปยังไฟล์เทมเพลตหรือ include ของคุณ
ค้นหาไฟล์เทมเพลตส่วนท้าย (โดยปกติคือ footer.php, footer.inc.php หรือ template.php)
เปิดด้วย Code Editor
เพิ่มโค้ดฝังตัว Asyntai ของคุณก่อนแท็ก </body>
บันทึกไฟล์

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

การสร้างสำเนาสำรอง

ก่อนทำการเปลี่ยนแปลง แนะนำให้สร้างสำเนาสำรอง:

ใน Plesk ไปที่ Websites & Domains
คลิก Backup Manager
สร้างสำเนาสำรองเต็มของเว็บไซต์ของคุณ
เก็บรักษาไว้อย่างปลอดภัยก่อนทำการเปลี่ยนแปลงใดๆ

สำคัญ: ทดสอบการเปลี่ยนแปลงในสภาพแวดล้อม staging ก่อนเสมอหากมี ตรวจสอบให้แน่ใจว่าสำรองไฟล์ก่อนแก้ไขเพื่อหลีกเลี่ยงการสูญเสียข้อมูล

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

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

ไม่เห็นวิดเจ็ต? ล้างแคชเบราว์เซอร์และแคชฝั่งเซิร์ฟเวอร์ใดๆ ใน Plesk ตรวจสอบคอนโซลเบราว์เซอร์ (F12) สำหรับข้อผิดพลาด JavaScript ตรวจสอบว่าไฟล์ถูกบันทึกอย่างถูกต้องโดยดูอีกครั้งใน File Manager

เอกสาร