สอนทำปุ่ม ยอมรับ คุกกี้ ในเว็บไซต์ WordPress ทำอย่างไร ?

สอนทำปุ่ม ยอมรับ COOKIES ในเว็บไซต์ Wordpress
https://www.youtube.com/embed/uuH-oeEravw?feature=oembed&autoplay=1

หลายท่านอาจจะเห็นแล้วว่า ในสมัยนี้เว็บไซต์ต่างๆ มีให้เรากด ตกลงก่อนเข้าใช้เว็บไซต์ บางคนอาจจะไม่เข้าใจว่าสิ่งนี้คืออะไรกันแน่ แท้จริงแล้วสิ่งนี้คือ Cookies ครับ เอาไว้สำหรับเก็บข้อมูลของเราชั่วคราว เวลาที่เราไปเยี่ยมเว็บไซต์ต่างๆนั่นเอง

Browser Cookies คืออะไร ?

ถ้าพูดเชิงเทคนิคอาจจะดูยากครับ แต่ถ้าบอกว่า ให้เราลองสังเกตุดูว่า เวลาที่เรา Login เข้าใช้ Gmail หรือ เว็บไซต์สื่อสังคมออนไลน์ ไปแล้ว 1 ครั้ง ครั้งต่อไป เราเปิดมาก็เข้าได้เลย เพราะอะไร สิ่งนี้เป็นเพราะอิทธฤทธิ์ของ Cookies ใน Web Browser ของเรานั่นเองครับ คือ มันจำได้ว่า เราเคย Login ในเว็บไซต์นี้เรียบร้อยแล้วนั่นเองครับ อันนี้ก็เป็นความรู้เบื้องต้นของ Cookies ครับ

ติดตั้ง Plugin เพิ่ม Popup ให้ เว็บไซต์ WordPress ของเรากันดีกว่า

ให้เราติดตั้ง Plugin ตัวนี้ในเว็บไซต์ครับ Cookie Notice for GDPR by dfactory ครับ เป็นตัวที่คนนิยมใช้กันมากเพราะว่า มันง่ายนั่นเองครับ ลิงค์นี้เลยครับ https://wordpress.org/plugins/cookie-notice/

อย่าลืมเปิดใช้งานกันด้วยนะครับ

ตั้งค่า Cookie Notice

ให้เราไปที่ Settings แล้วไปที่ Cookie Notice ครับ สิ่งที่เราตั้งค่าได้มีดังนี้ครับ

Message

ตั้งค่าคำพูดของเราใน Notification Bar ครับ

Button Text

ตั้งค่าตัวอักษรปุ่มยอมรับว่า จะให้แสดงคำอะไรขึ้นมา เช่น OK หรือ ยอมรับ

Enable Privacy Policy Link

ตรงนี้เราสามารถที่จะเพิ่มปุ่มที่ Link ไปยัง Privacy Policy ได้ครับ โดยเลือกหน้าที่มีอยู่ในเว็บไซต์ของเราได้เลยครับ และ Link Target ในนี้เราเลือกได้ว่าเปิดหน้าเดิม (_self) หรือ เปิดหน้าใหม่ครับ (_blank)

Refuse cookies

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

Revoke cookies

ต้องการให้มีปุ่ม เอาสิทธิ์การใช้ Cookie คืนครับ ถ้าเลือกอันนี้จะมีปุ่ม Revoke Cookie โผล่มาครับ

Script Blocking

อันนี้เป็นเรื่องทางเทคนิค ปกติเราไม่ต้อง Set ครับ

Reloading

ถ้าเราเลือก Option นี้ เวลาที่เรากดปุ่ม ยอมรับ หรือไม่ยอมรับ หน้าจะเว็บไซต์เราจะ Refresh 1 ครั้งครับ

On scroll

อันนี้คือการยอมรับด้วยการ Scroll ครับ หมายความว่า แค่ผู้ใช้ Scroll หน้าเว็บไซต์ โดยไม่ต้องกดปุ่ม ก็จะเป็นการยอมรับการใช้ Cookie อัตโนมัติเลยครับ

Cookie Expiry

คือกำหนดระยะเวลาที่ Cookie จะหมดอายุครับ มีตั้งแต่ 1 วัน 1 เดือน และ อีกหลายตัวเลือกครับผม

Script placement

ตำแหน่งที่วางของ Script โดยส่วนมากเราวางใน Footer ครับ

Deactivation

ถ้าเราเลือก Option นี้หมายความว่าตอนที่เรา Deactivate Plugin นี้จะลบการตั้งค่าของเราออกไปด้วย

ต่อมาเป็นเรื่องของการ Design จะมีตัวเลือก ประมาณนี้ครับ

Position

คือ ตำแหน่งของ Bar ว่าจะอยู่ด้านบน หรือ ด้านล่างของเว็บไซต์ครับ

Animation

เราสามารถกำหนดได้ว่า Animation จะเป็น Fade หรือ Slide ครับ

Button Style

รูปแบบของปุ่ม ที่เราเลือกได้ครับว่าจะเอาแบบไหน

Button Class

คือ CSS class ที่นักพัฒนาสามารถใส่ลงไปได้ เพื่อทำการปรับรูปแบบให้เข้ากับธีมครับ

Colors

เราสามารถปรับสีของบาร์ และ สีของตัวอักษรได้ครับ

ทดสอบ Cookie Notice

ลองทดสอบดูที่หน้าเว็บไซต์ครับว่า เว็บเรามีบาร์ขึ้นให้ Accept ไหม ถ้าเราลองกดดู Bar จะหายไป ตามกรอบเวลาที่กำหนด ถ้าเราต้องการจะทดสอบใหม่ เราอาจจะต้องใช้ Web Browser อีกตัวหนึ่งเพื่อให้มันแสดงขึ้นมาครับ

จะเห็นได้ว่า ถ้าเราใช้ Web Browser ที่ต่างกัน Cookie ก็แยกกันครับ ไม่รวมกันระหว่าง Web Browser เช่น ถ้าเราใช้ Chrome คุกกี้ที่ Chrome ใช้ ก็จะอยู่ที่ Chrome อย่างเดียว ถ้าเราเปลี่ยนไปที่ Safari Cookie ที่เราเคยใช้ใน Chrome ก็จะไม่มีนั่นเองครับ

สรุป

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

ใส่ความเห็น

อีเมลของคุณจะไม่แสดงให้คนอื่นเห็น ช่องข้อมูลจำเป็นถูกทำเครื่องหมาย *