คู่มือนักพัฒนา · คุกกี้แบนเนอร์

ติดตั้งคุกกี้แบนเนอร์ใน 10 นาที

ส่งหน้านี้ให้คนดูแลเว็บของคุณได้เลย · เจ้าของบัญชี AIPDPA คัดลอกโค้ดจากระบบส่งให้ คนดูแลเว็บไม่ต้องมีบัญชีและไม่ต้องติดตั้งปลั๊กอิน · ใช้ได้กับทุกเว็บที่ใส่โค้ดในส่วน <head> ได้ เช่น WordPress, เว็บที่เขียนเอง หรือระบบร้านค้าออนไลน์

  1. 1วางโค้ด 1 บรรทัดทุกหน้า ในส่วน <head>
  2. 2กด “ตรวจว่าติดตั้งแล้ว”ระบบยืนยันว่าเป็นเว็บของคุณ
  3. 3ติดป้ายสคริปต์ติดตามให้รอจนผู้เยี่ยมชมยินยอม

1วางโค้ดบรรทัดเดียวในทุกหน้า

ในระบบ AIPDPA เปิดเมนู ความยินยอม → คุกกี้แบนเนอร์ → เลือกเว็บไซต์ แล้วกดปุ่ม “คัดลอก” ที่การ์ด “ติดตั้งบนเว็บ” · นำไปวางในส่วน <head> ของทุกหน้า (ไว้บนสุดยิ่งดี เพื่อให้ทำงานก่อนสคริปต์อื่น)

การ์ดติดตั้งบนเว็บ ในระบบ AIPDPA
การ์ดติดตั้งบนเว็บ ในระบบ AIPDPA
<script src="https://aipdpa.com/cmp/<รหัสเว็บของคุณ>.js"></script>

WordPress

ใช้ปลั๊กอินที่เพิ่มโค้ดในส่วนหัว (เช่น WPCode) หรือวางในไฟล์ header.php ของธีม ก่อน </head>

2กดตรวจ แล้วเผยแพร่

กลับมาที่ระบบ กด “ตรวจว่าติดตั้งแล้ว” ระบบจะเปิดหน้าแรกของเว็บคุณเพื่อหาโค้ด พบ = ยืนยันว่าคุณดูแลเว็บนี้ · จากนั้นเลือกตำแหน่ง สกิน แล้วกด “บันทึกและเผยแพร่” แบนเนอร์จะขึ้นบนเว็บภายใน 5 นาที

แบนเนอร์บนเว็บตัวอย่าง
แบนเนอร์บนเว็บตัวอย่าง

3ให้สคริปต์ติดตามรอความยินยอม

สคริปต์ที่ติดตามผู้ใช้ (Google Analytics, Facebook Pixel, วิดีโอ YouTube ฯลฯ) ต้องไม่ทำงานก่อนผู้เยี่ยมชมยินยอม · แก้แค่ 2 จุดในแท็กเดิม: เปลี่ยน type เป็น text/plain และเพิ่มป้ายหมวด แบนเนอร์จะเปิดให้เองเมื่อผู้เยี่ยมชมยินยอมหมวดนั้น

ก่อน — ทำงานทันที

<script src="https://www.googletagmanager.com/gtag/js?id=G-XXXX"></script>

หลัง — รอความยินยอม

<script type="text/plain" data-aipdpa-category="analytics"
  src="https://www.googletagmanager.com/gtag/js?id=G-XXXX"></script>
ป้ายหมวดใช้กับ
analyticsสถิติผู้เข้าชม เช่น Google Analytics, Hotjar
advertisingโฆษณาและติดตามข้ามเว็บ เช่น Facebook Pixel, Google Ads, TikTok Pixel
functionalฟีเจอร์เสริม เช่น แชตสด แผนที่ วิดีโอ

ใช้ Google Tag Manager อยู่แล้ว?

ไม่ต้องแก้แท็กทีละตัว แบนเนอร์ส่งสัญญาณ Consent Mode v2 ให้ Google เองอัตโนมัติ

วิดีโอหรือแผนที่ที่ฝังด้วย iframe: เปลี่ยน src เป็น data-src แล้วเพิ่มป้ายหมวดเหมือนกัน

<iframe data-aipdpa-category="advertising" data-src="https://www.youtube.com/embed/..."></iframe>

เพิ่มได้ ถ้าต้องการ

ลิงก์ “ตั้งค่าคุกกี้” ท้ายเว็บ

ให้ผู้เยี่ยมชมเปลี่ยนใจได้ทุกเมื่อ กดแล้วแบนเนอร์เปิดขึ้นมาใหม่

<a href="#" data-aipdpa-open>ตั้งค่าคุกกี้</a>

ตารางคุกกี้บนหน้านโยบายของคุณ

วางตรงไหนก็ได้ ระบบเติมตารางให้และอัปเดตเองเมื่อพบคุกกี้ใหม่

<div data-aipdpa-declaration></div>
หน้าต่างตั้งค่าคุกกี้ที่เปิดจากลิงก์ท้ายเว็บ
หน้าต่างตั้งค่าคุกกี้ที่เปิดจากลิงก์ท้ายเว็บ

10 สกิน ใช้ได้กับทุกเว็บ

แบนเนอร์มีสีและแบบอักษรของตัวเอง ไม่ต้องให้เว็บคุณมีธีมแบบเดียวกัน · เลือกสกินที่เข้ากับเว็บ หรือใช้สีปุ่มของแบรนด์ตัวเอง · โหมดมืด/สว่างเปลี่ยนตามเว็บให้เอง ภาพด้านล่างคือแบนเนอร์จริงบนเว็บตัวอย่าง

  • สกินเอมเบอร์

    เอมเบอร์

  • สกินทะเลลึก

    ทะเลลึก

  • สกินคูเปอร์ติโน

    คูเปอร์ติโน

  • สกินมาการอง

    มาการอง

  • สกินไนโตร

    ไนโตร

  • สกินป่าฝน

    ป่าฝน

  • สกินโมโน

    โมโน

  • สกินทราย

    ทราย

การเลือกของผู้เยี่ยมชมเก็บอย่างไร

บนเครื่องผู้เยี่ยมชม

คุกกี้ชื่อ aipdpa_consent จำว่าเลือกอะไร 12 เดือน จะได้ไม่ถามซ้ำทุกหน้า

หลักฐานสำหรับผู้ตรวจ

ทุกครั้งที่กดเลือก ระบบเก็บรหัสสุ่ม ตัวเลือกรายหมวด เวลา หน้า และเวอร์ชันแบนเนอร์ · ไม่เก็บ IP ไม่เก็บชื่อ · ดูและส่งออก CSV ได้ในระบบ

ลบเองเมื่อครบกำหนด

ค่าเริ่มต้นเก็บ 13 เดือน (ถามใหม่ทุก 12 เดือน + เผื่อไว้ให้ตรวจ) แล้วลบอัตโนมัติ ปรับได้ในหน้าคุกกี้แบนเนอร์

คำถามที่คนทำเว็บถามบ่อย

เว็บจะช้าลงไหม

สคริปต์ถูกบีบอัดเหลือประมาณ 15 KB และแคชไว้ 5 นาที โหลดครั้งเดียวต่อการเปิดเว็บ

ถ้าลืมกดเผยแพร่ หรือยังไม่ยืนยันเว็บ จะพังไหม

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

เว็บมีระบบสมาชิก อยากให้เลือกครั้งเดียวใช้ได้ทุกอุปกรณ์

ในหน้าคุกกี้แบนเนอร์ เปิด “เว็บที่มีระบบสมาชิก” จะมี Secret Key และโค้ดตัวอย่าง PHP/Node.js ให้คัดลอก · Secret Key ใส่ฝั่งเซิร์ฟเวอร์เท่านั้น