ตัวอย่างและ Template Cookie Consent Banner สำหรับร้านค้าออนไลน์และ E-commerce

ทีมที่เพิ่งเริ่มติดตั้ง Cookie Consent Banner บนร้านค้าออนไลน์มักเสียเวลากับการร่างข้อความและจัดโครงสร้างตั้งแต่ต้น ทั้งที่ส่วนใหญ่ต้องการเพียงโครงที่ใช้งานได้จริงแล้วนำไปปรับให้ตรงกับ Cookie และ Script ของร้านตัวเอง บทความนี้รวม Template ที่ใช้เป็นจุดเริ่มต้นได้ โดยอ้างอิงแนวทางจาก คู่มือ Cookie Consent Banner สำหรับ E-commerce และหลักการออกแบบใน Cookie & Consent

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

โครงสร้าง Template ที่ร้านค้าออนไลน์ใช้ได้จริง

Banner ที่ใช้งานได้ดีบนร้านค้าออนไลน์ควรมีองค์ประกอบหลักสี่ส่วน คือ ข้อความสั้นบอกว่าเก็บ Cookie ไปทำอะไร ปุ่ม Accept All และ Reject All ที่มีน้ำหนักเท่ากัน ลิงก์ Customize สำหรับเลือกรายหมวด และลิงก์ไปยัง Cookie Policy ฉบับเต็ม โครงสร้างนี้ใช้ได้ทั้งกับ Banner แบบแถบล่างจอและแบบ Modal กลางจอ

ตัวอย่างข้อความ Banner ภาษาไทย

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

ข้อความนี้เป็นตัวอย่างโครงสร้างเท่านั้น ร้านค้าต้องปรับให้ตรงกับ Cookie ที่ติดตั้งจริง เช่น ถ้าร้านไม่มีการแสดงโฆษณาแบบ Retargeting ก็ไม่ควรเขียนว่ามีคุกกี้โฆษณาไว้ในข้อความ

ตัวอย่างข้อความ Banner ภาษาอังกฤษสำหรับร้านที่มีลูกค้าต่างชาติ

We use cookies to run cart and checkout on this site, and additional cookies to analyze traffic and show relevant ads. You can accept all cookies, reject non-essential cookies, or customize your choice by category. Read our Cookie Policy for details.

ร้านที่มีลูกค้าทั้งไทยและต่างชาติควรให้ทั้งสองภาษาสื่อความหมายตรงกัน ไม่ใช่แปลแบบคำต่อคำจนความหมายเพี้ยน โดยเฉพาะคำอธิบายหมวด Cookie ที่ต้องสอดคล้องกับ Cookie Inventory ชุดเดียวกัน ร้านที่ตั้งค่าเบราว์เซอร์ตาม Locale ของผู้ใช้ควรทดสอบว่า Banner สลับภาษาได้ถูกต้องตามที่ผู้ใช้ตั้งค่าไว้ ไม่ใช่ค้างเป็นภาษาไทยสำหรับผู้ใช้ต่างชาติหรือกลับกัน

ตัวอย่างตาราง Cookie Category สำหรับหน้า Customize

ตารางนี้เป็นโครงตัวอย่าง รายชื่อ Cookie จริงต้องมาจากการตรวจ Script บนเว็บไซต์ ไม่ใช่คัดลอกจากบทความอื่นมาใส่ เพราะแต่ละร้านติดตั้ง App และ Pixel ไม่เหมือนกัน

ตัวอย่าง Cookie Inventory สำหรับทีมพัฒนา

อายุ Cookie ในตารางนี้เป็นตัวอย่างที่พบได้ทั่วไปในเอกสารของผู้ให้บริการ ไม่ใช่ค่าคงที่ที่ตรงกับทุกการติดตั้งเสมอไป ทีมพัฒนาควรตรวจค่าจริงจาก DevTools ของเบราว์เซอร์ก่อนเผยแพร่ Cookie Policy

ตัวอย่างการวางปุ่มป้องกัน Dark Pattern

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

เชื่อม Template กับ Google Consent Mode

เมื่อผู้ใช้กด Accept All, Reject All หรือ Customize บน Template ที่วางไว้ ค่าที่เลือกต้องถูกส่งต่อไปยัง Google Consent Mode เพื่ออัปเดต Default Consent State ให้ตรงกับตัวเลือกจริง ไม่ใช่ปล่อยให้ Consent Mode ใช้ค่า Default เดิมทั้งที่ผู้ใช้เลือกปฏิเสธแล้ว

ปรับ Template ให้ตรงกับสินค้าและธุรกิจของแต่ละร้าน

ร้านขายเสื้อผ้าอาจมี Cookie จาก Try-on Widget หรือ Size Recommendation ที่ร้านขายอาหารไม่มี ร้านที่ขายผ่านหลายช่องทาง เช่น มี LINE OA หรือ Marketplace ผูกกับเว็บไซต์ อาจมี Tracking Pixel เพิ่มเติมจากช่องทางเหล่านั้น การนำ Template ไปใช้จึงต้องเริ่มจากการทำ Cookie Inventory ของร้านตัวเองก่อนเสมอ ไม่ใช่นำ Template จากบทความไปติดตั้งตรงทั้งชุด

ตัวอย่างข้อความแจ้งเตือนเมื่อผู้ใช้เปลี่ยนใจภายหลัง

นอกจาก Banner ตอนเข้าเว็บครั้งแรก ควรมีจุดให้ผู้ใช้กลับมาเปลี่ยนการตั้งค่า Consent ได้ภายหลัง เช่น ลิงก์ "ตั้งค่าคุกกี้" ที่ Footer ของทุกหน้า ตัวอย่างข้อความสั้น ๆ ที่ใช้ได้คือ "คุณสามารถเปลี่ยนการตั้งค่าคุกกี้ได้ทุกเมื่อจากลิงก์ด้านล่างของหน้านี้" การมีจุดเข้าถึงซ้ำแบบนี้ช่วยให้ผู้ใช้ที่กด Accept All ไปก่อนหน้านี้ สามารถกลับมาปิดคุกกี้การตลาดภายหลังได้โดยไม่ต้องล้างข้อมูลเบราว์เซอร์ทั้งหมด

ระบบหลังบ้านที่รองรับ Template นี้ควรบันทึกว่าการเปลี่ยนแปลงแต่ละครั้งเกิดขึ้นเมื่อใด และใช้ Policy เวอร์ชันใด เพื่อให้ Consent Log สอดคล้องกับสิ่งที่ผู้ใช้เห็นจริงในแต่ละช่วงเวลา

ตัวอย่างการปรับ Template ตามประเภทสินค้า

ร้านขายสินค้าสุขภาพหรือความงามที่มีแบบสอบถามผิวหรือข้อมูลสุขภาพประกอบการแนะนำสินค้า ควรเพิ่มข้อความอธิบายแยกต่างหากว่าแบบสอบถามนั้นเก็บข้อมูลอะไรและใช้ทำอะไร แทนที่จะรวมไว้ในข้อความ Cookie Banner ทั่วไป เพราะเป็นการเก็บข้อมูลอ่อนไหวที่มีขอบเขตต่างจาก Cookie ทั่วไป ส่วนร้านที่ขายผ่านหลายแพลตฟอร์มควรระบุใน Cookie Policy ว่า Pixel ใดมาจากแพลตฟอร์มใดเพื่อให้ผู้ใช้ตรวจสอบย้อนกลับได้

คำถามที่พบบ่อยเรื่องการใช้ Template

Template จากบทความนี้ใช้แทน Cookie Policy ทั้งฉบับได้ไหม คำตอบคือไม่ได้ Template เป็นเพียงโครงข้อความบน Banner ส่วน Cookie Policy ฉบับเต็มต้องมีรายละเอียด Vendor, Retention และสิทธิ์ของผู้ใช้ตามที่เว็บไซต์เก็บข้อมูลจริง

เช็กลิสต์ปฏิบัติ

• ทำ Cookie Inventory ของร้านตัวเองก่อนแทนที่รายชื่อ Cookie ใน Template
• ปรับข้อความ Banner ให้ตรงกับ Script ที่ติดตั้งจริง ไม่เขียนเกินสิ่งที่มี
• ตรวจให้ปุ่ม Accept All และ Reject All มีขนาดและตำแหน่งเท่ากัน
• ตรวจอายุ Cookie จริงจาก DevTools ก่อนใส่ในตาราง Cookie Policy
• เชื่อมค่าที่ผู้ใช้เลือกบน Banner เข้ากับ Google Consent Mode
• ให้ข้อความภาษาไทยและอังกฤษสื่อความหมายตรงกัน
• ทบทวน Template ทุกครั้งที่เพิ่ม App หรือ Pixel ใหม่ในร้าน

ข้อผิดพลาดที่พบบ่อย

• คัดลอกรายชื่อ Cookie จาก Template โดยไม่ตรวจว่าร้านตัวเองมี Script เหล่านั้นจริงหรือไม่
• เขียนข้อความ Banner ว่ามีคุกกี้โฆษณาทั้งที่ร้านยังไม่ได้ติดตั้ง Pixel การตลาด
• แปลข้อความภาษาอังกฤษแบบคำต่อคำจนความหมายไม่ตรงกับฉบับภาษาไทย
• ใส่อายุ Cookie แบบเดาโดยไม่ตรวจค่าจริงจากเบราว์เซอร์
• ใช้ Template แทน Cookie Policy ฉบับเต็มทั้งที่ต้องมีรายละเอียดมากกว่านั้น

สรุป

Template ช่วยให้ทีม E-commerce เริ่มต้นได้เร็วขึ้น แต่โครงสร้างที่ดีต้องมาพร้อมกับการปรับให้ตรงกับ Cookie และ Script ที่ติดตั้งจริงในร้าน การคัดลอกไปใช้ทั้งชุดโดยไม่ตรวจสอบอาจทำให้ Banner แสดงข้อมูลที่ไม่ตรงกับสิ่งที่เว็บไซต์เก็บจริง ซึ่งเป็นความเสี่ยงมากกว่าการไม่มี Template เลย

แหล่งข้อมูลอ้างอิง

• สำนักงานคณะกรรมการคุ้มครองข้อมูลส่วนบุคคล (PDPC)
• Google Tag Platform — Consent