โค้ดและวิดเจ็ต: CSS และสคริปต์แบบกำหนดเอง
ส่วน "โค้ดและวิดเจ็ต" ในการตั้งค่า ช่วยให้คุณสามารถแทรกโค้ดของคุณเองลงในเว็บไซต์ได้ เช่น ตัวนับจำนวนผู้เข้าชม พิกเซลโฆษณา วิดเจ็ตแชท แบนเนอร์คุกกี้ รวมถึง CSS ของคุณเองเพื่อปรับแต่งรูปลักษณ์ให้สวยงามยิ่งขึ้น
โค้ดในส่วนหัวและส่วนลำตัว#
- โค้ดส่วนหัว — แทรกเข้าไปใน
<head>ของแต่ละหน้าเว็บไซต์ สำหรับ Google Analytics, Meta Pixel และเมตาแท็กสำหรับการตรวจสอบ - โค้ดส่วนท้ายของเนื้อหา จะถูกแทรกก่อน
</body>สำหรับวิดเจ็ตแชท แบนเนอร์คุกกี้ และสคริปต์ที่ต้องการโหลดหน้าเว็บ
วางโค้ดทั้งหมดที่ได้รับจากบริการลงในช่องที่กำหนด แล้วคลิก "บันทึก" จำกัดจำนวนอักขระ 20,000 ตัวต่อช่อง โค้ดนี้ใช้ได้เฉพาะบนเว็บไซต์สาธารณะเท่านั้น ไม่สามารถใช้ในบัญชีของคุณได้
ตัวอย่าง:
- Google Analytics 4 - ส่วนของ
gtag.jsในส่วนหัว - Meta Pixel คือส่วนย่อยของพิกเซลในส่วนหัว
- วิดเจ็ตแชท (Tawk, Crisp, JivoChat) - สคริปต์อยู่ในส่วนเนื้อหา
- การตรวจสอบสิทธิ์ของ Google/Bing/Yandex ทำได้สะดวกยิ่งขึ้นผ่านส่วน SEO → “การตรวจสอบสิทธิ์”
CSS แบบกำหนดเอง#
การเพิ่ม CSS แบบกำหนดเองทำได้ผ่านผู้ช่วย AI หรือแชท AI ที่เชื่อมต่ออยู่: "เพิ่ม CSS: ทำให้ปุ่มกลมสนิท" ผู้ช่วยจะตรวจสอบโค้ดและนำไปใช้กับเว็บไซต์ สำหรับการปรับแต่งที่แม่นยำยิ่งขึ้น ให้ใช้แอตทริบิวต์ขององค์ประกอบเว็บไซต์ เช่น [data-asd="card"] สำหรับการ์ด [data-asd="header"] สำหรับส่วนหัว และ [data-asd="block-hero"] สำหรับบล็อกฮีโร่ ผู้ช่วยจะแนะนำรายการต่างๆ ให้
ไฟล์ CSS ของคุณจะถูกจัดเก็บแยกต่างหากจากไฟล์ CSS ในแคตตาล็อก: เมื่อคุณเปลี่ยนแปลงสไตล์ การแก้ไขของคุณจะยังคงอยู่
ข้อจำกัดและความปลอดภัย#
- ใน CSS ของคุณ แท็กและนิพจน์
<style>,<script>,@importเป็นสิ่งต้องห้าม - ระบบจะลบออกระหว่างการตรวจสอบความถูกต้อง - สคริปต์ในส่วนหัวและส่วนเนื้อหาจะถูกเรียกใช้ในเบราว์เซอร์ของผู้เข้าชม โปรดแทรกโค้ดจากบริการที่คุณไว้วางใจเท่านั้น
- หากเว็บไซต์ "มีปัญหา" หลังจากวางข้อความ ให้ล้างช่องข้อความแล้วบันทึก เว็บไซต์จะกลับมาแสดงผลตามปกติ
คำถามและคำตอบ#
ตัวนับไม่นับ#
ตรวจสอบให้แน่ใจว่าได้วางโค้ดลงในส่วนหัวแล้ว บันทึกแล้ว และเว็บไซต์นั้นเปิดอยู่ที่ที่อยู่สาธารณะ (ไม่ใช่ในบัญชีของคุณ) โปรแกรมบล็อกโฆษณาอาจรบกวนการตรวจสอบได้
สามารถแทรกแผนที่หรือแบบฟอร์มได้หรือไม่?#
ใช่ค่ะ สามารถเพิ่มเป็นบล็อก "HTML แบบกำหนดเอง" บนหน้าเว็บผ่านผู้ช่วย AI ได้ ดู ที่หน้าแรกและเมนู ค่ะ