การติดตั้งสคริปต์
การติดตั้งคือแท็กสคริปต์หนึ่งตัวใน head ของหน้า สคริปต์โหลดแบบอะซิงโครนัส ไม่เคยบล็อกการเรนเดอร์ และไม่ตั้งคุกกี้ในอุปกรณ์ของผู้เข้าชมของคุณ
แท็กสคริปต์
คัดลอกแท็กจากหน้าการเชื่อมต่อ แท็กมี publishable key ของคุณ ซึ่งเป็นสาธารณะโดยการออกแบบและใช้ได้เฉพาะบนโดเมนของคุณเอง
<script async src="https://…/l.js" data-loop="pk_live_…"></script>ตำแหน่งบนแพลตฟอร์มยอดนิยม
| แพลตฟอร์ม | ตำแหน่ง |
|---|---|
| WordPress | Appearance → Theme File Editor → header.php หรือปลั๊กอิน “header scripts” |
| Ghost | Settings → Code injection → Site header |
| Tistory | Skin editor → HTML → inside <head> |
| Webflow | Site settings → Custom code → Head code |
| Squarespace | Settings → Advanced → Code Injection → Header |
| Wix | Settings → Custom code → Head |
| Shopify | Online Store → Themes → Edit code → theme.liquid |
ติดตั้งด้วย AI
การเชื่อมต่อ → ติดตั้งด้วย AI ให้คำสั่งสำหรับ Claude Code, Cursor หรือ Codex คำสั่งระบุแท็กที่ต้องเพิ่มอย่างตรงตัว ตำแหน่งที่เหมาะสมในเฟรมเวิร์กของคุณ สิ่งที่ห้ามแตะต้อง และวิธีตรวจสอบผลลัพธ์ ประกอบขึ้นจากข้อความคงที่ที่ผ่านการตรวจสอบแล้ว และมีเฉพาะคีย์สาธารณะของคุณ
React และ Next.js
คอมโพเนนต์ที่ห่อสคริปต์และสล็อตอยู่ในแพ็กเกจ SDK แพ็กเกจยังไม่ได้เผยแพร่บน npm เว็บไซต์ส่วนใหญ่จึงควรใช้แท็กสคริปต์ ใน Next.js App Router ให้วางไว้ใน app/layout.tsx หรือใช้ next/script ที่มีแอตทริบิวต์เดียวกัน
Content-Security-Policy
หากเว็บไซต์ของคุณส่งเฮดเดอร์ Content-Security-Policy ให้อนุญาต origin ของสคริปต์ทั้งใน script-src และ connect-src
การยืนยันทำงานอย่างไร
ไม่ต้องอัปโหลดไฟล์และไม่ต้องตั้งค่า DNS การที่สคริปต์เรียกมาหาเราจากหน้าบนโดเมนของคุณคือหลักฐานว่าคุณควบคุมเว็บไซต์ บัญชีแรกที่ทำเช่นนั้นจะถือโดเมนนั้น จนกว่าจะถึงตอนนั้นใคร ๆ ก็เก็บฉบับร่างที่ยังไม่ยืนยันของโดเมนนั้นได้ และเว็บไซต์ที่ยังไม่ยืนยันจะไม่เข้าร่วมการแลกเปลี่ยน
คำถาม
- สคริปต์มีขนาดเท่าไร
- ต่ำกว่า 4 KB เมื่อบีบอัด
- ตั้งคุกกี้หรือไม่
- ไม่มีคุกกี้ และไม่มีสิ่งใดถูกเก็บในอุปกรณ์ของผู้เข้าชมของคุณเอง ข้อยกเว้นหนึ่งข้อ: บนเว็บไซต์ที่ผู้เข้าชมไปถึงหลังจากคลิกยูนิต โทเค็นของการเข้าชมนั้นจะถูกเก็บไว้สำหรับแท็บเบราว์เซอร์นั้นนานสูงสุดหนึ่งชั่วโมง เพื่อให้นับการสมัครหรือการซื้อที่นั่นได้ โทเค็นจะหายไปเมื่อปิดแท็บ และไม่มีเว็บไซต์อื่นอ่านได้
- โหลดผ่าน tag manager ได้หรือไม่
- ได้ ตราบเท่าที่แท็กยังคงแอตทริบิวต์ data-loop การโหลดโดยตรงใน head จะยืนยันเว็บไซต์ได้เร็วกว่า