ตัวสร้าง Cookie Consent Banner
ตัวสร้าง cookie consent banner ฟรี สร้าง popup แจ้งยินยอม cookie ที่รองรับ GDPR/CCPA พร้อมข้อความ ปุ่ม ตำแหน่ง และธีมที่กำหนดเองได้ copy-paste HTML, CSS
Loading tool...
ตัวสร้าง Cookie Consent Banner คืออะไร?
Cookie Consent Banner Generator สร้าง popup หรือแถบที่กำหนดเองได้ เพื่อขออนุญาตจากผู้เยี่ยมชมเว็บไซต์ก่อนตั้งค่า non-essential cookies โดยสร้างโค้ด HTML, CSS และ JavaScript แบบ self-contained ที่คุณวางลงในเว็บไซต์เพื่อปฏิบัติตามกฎหมายความเป็นส่วนตัว เช่น GDPR ของสหภาพยุโรป และ CCPA ของแคลิฟอร์เนีย
ประโยชน์หลัก
- รองรับ GDPR และ CCPA
- ไม่ต้องใช้ external dependency
- เก็บสถานะความยินยอมใน localStorage
- พรีวิวแบบเรียลไทม์
- ปรับแต่งดีไซน์ได้
กรณีการใช้งาน
- •บล็อกส่วนตัวและ portfolio
- •เว็บไซต์ธุรกิจ
- •ร้านค้าออนไลน์
- •หน้า landing page ของ SaaS
วิธีสร้าง Cookie Consent Banner
- ปรับแต่งข้อความ: แก้ไขข้อความขอความยินยอมและข้อความปุ่มยอมรับ/ปฏิเสธให้เข้ากับเว็บไซต์ของคุณ
- เลือกตำแหน่งและธีม: เลือกตำแหน่งด้านล่าง ด้านบน หรือกลางจอ แล้วเลือกธีมสว่างหรือมืดพร้อมสีหลัก
- พรีวิว banner: สลับไปแท็บพรีวิวเพื่อดูว่า banner จะแสดงอย่างไรบนเว็บไซต์จำลอง
- คัดลอกและติดตั้ง: คัดลอก HTML, CSS และ JavaScript ที่สร้างขึ้นแล้ววางก่อนปิดแท็ก body ของทุกหน้า
คุณสมบัติหลัก
- กำหนดข้อความและข้อความปุ่มได้
- สามตำแหน่ง: แถบด้านล่าง ด้านบน หรือ popup กลางจอ
- ธีมสว่างและมืด พร้อมสีหลักที่กำหนดเองได้
- เปิด/ปิดปุ่มปฏิเสธและลิงก์นโยบายได้
- HTML, CSS และ JavaScript แบบ self-contained - ไม่มี dependency
- เก็บสถานะใน localStorage ไม่แสดงซ้ำกับผู้เยี่ยมชมคนเดิม
คำถามที่พบบ่อย
banner นี้รองรับ GDPR และ CCPA หรือไม่?
banner ที่สร้างขึ้นมีกลไกขอความยินยอมที่ครอบคลุมข้อกำหนดพื้นฐานของ GDPR และ CCPA - โดยขอความยินยอมอย่างชัดแจ้งก่อนตั้งค่า non-essential cookies และมีปุ่มปฏิเสธ อย่างไรก็ตาม การปฏิบัติตามอย่างสมบูรณ์ยังขึ้นกับการจัดการ cookies หลังได้รับความยินยอม นโยบายความเป็นส่วนตัว และเขตอำนาจศาลของคุณ ควรปรึกษาผู้เชี่ยวชาญกฎหมายเพื่อตรวจสอบอย่างเป็นทางการ
ต้องใช้ external library หรือ script เพิ่มไหม?
ไม่จำเป็น โค้ดที่สร้างขึ้นเป็นแบบ self-contained ทั้งหมด - มี inline CSS และ vanilla JavaScript ไม่ต้องใช้ external dependency, CDN หรือ API call ใดๆ ทำงานได้แบบออฟไลน์หลังติดตั้งแล้ว
banner จำความยินยอมของผู้เยี่ยมชมได้อย่างไร?
script จะเก็บการตัดสินใจ (ยอมรับหรือปฏิเสธ) ไว้ใน localStorage ของเบราว์เซอร์ภายใต้ key ชื่อ cookie-consent-status เมื่อผู้เยี่ยมชมกลับมา banner จะตรวจสอบ localStorage และไม่แสดงซ้ำ สามารถรีเซ็ตได้โดยล้างข้อมูลไซต์
สามารถเปิด analytics หลังได้รับความยินยอมเท่านั้นได้ไหม?
ได้ เมื่อผู้เยี่ยมชมคลิกยอมรับ script จะส่ง window event ชื่อ cookieConsentAccepted คุณสามารถรอรับ event นี้เพื่อเริ่มต้น analytics, marketing pixels หรือ script อื่นๆ ที่ต้องการความยินยอมได้