วิธีทำ Snack Bar แสดง นโยบายความเป็นส่วนตัว รองรับ พรบ. คุ้มครองข้อมูลส่วนตัว PDPA

&NewLine;<figure class&equals;"wp-block-video"><&sol;figure>&NewLine;&NewLine;&NewLine;&NewLine;<p class&equals;"wp-block-paragraph"><strong>PDPA หรือ Personal Data Protection Act<&sol;strong>&nbsp&semi;คือ &nbsp&semi;พระราชบัญญัติคุ้มครองข้อมูลส่วนบุคคล โดยจะมีผลบังคับใช้เต็มรูปแบบ ในวันที่ 27 พฤษภาคม 2563 แต่ถูกเลื่อนออกไปเป็นวันที่ 27 พฤษภาคม 2564 แทน เนื่องจากสถานการณ์ไวรัส COVID-19<&sol;p>&NewLine;&NewLine;&NewLine;&NewLine;<p class&equals;"wp-block-paragraph">แต่ถึงยังไงก็แล้วแต่ การเตรียมตัวสำหรับเว็บไซต์ที่ทำการเก็บข้อมูลผู้ใช้งานแต่เนิน ๆ เป็นส่ิงที่ต้องเริ่มทำตั้งแต่วันนี้ เพราะ พ&period;ร&period;บ&period; นี้มีโทษหนักมาก<&sol;p>&NewLine;&NewLine;&NewLine;&NewLine;<p class&equals;"wp-block-paragraph">บทลงโทษของ PDPA<br>– โทษปรับสูงสุด 5 ล้านบาท<br>– จำคุกสูงสุด 1 ปี<br>– ค่าเสียหายตามจริง สินไหมทดแทน สูงสุดสองเท่าของค่าเสียหายตามจริง<&sol;p>&NewLine;&NewLine;&NewLine;&NewLine;<p class&equals;"wp-block-paragraph">PDPA นั้นจะมีผลบังคับใช้ทั้งภาคเอกชนและรัฐบาล ทั้งบุคคลและนิติบุคคล ที่นี้เราจะรู้ได้อย่างไรว่าเว็บไซต์ของเรามีความเสี่ยงการละเมิดพระราชบัญญัติคุ้มครองข้อมูลส่วนบุคคลนี้ เมื่อใดก็ตามที่เว็บไซต์ของเรามีการเก็บข้อมูลไม่ว่าจะผ่านช่องทางไหน ทางตรงหรือทางอ้อม เช่น การเก็บ IP Adress โดยตรงผ่านระบบเว็บไซต์ของเราเอง การใช้งาน Google Analytics เป็นต้น ถือว่าเว็บไซต์นั้นได้เก็บข้อมูลของผู้ใช้งานแล้ว<&sol;p>&NewLine;&NewLine;&NewLine;&NewLine;<p class&equals;"wp-block-paragraph">ส่ิงที่เราจะต้องทำต่อไปคือการ ร่างนโยบายการใช้งาน นโยบายความเป็นส่วนตัว &lpar; Policy Privacy &rpar; ข้อกำหนดและเงื่อนไขการใช้งาน &lpar; Term &amp&semi; Condition &rpar; เพื่อแจ้งให้ผู้ใช้งานทราบทุกครั้งเมื่อมีการเข้าใช้งานเว็บไซต์ <&sol;p>&NewLine;&NewLine;&NewLine;&NewLine;<figure class&equals;"wp-block-image size-large"><img src&equals;"https&colon;&sol;&sol;www&period;codebee&period;co&period;th&sol;labs&sol;wp-content&sol;uploads&sol;2020&sol;06&sol;privacypolicy&period;jpg" alt&equals;"" class&equals;"wp-image-5084" data-full&equals;"https&colon;&sol;&sol;codebee&period;co&period;th&sol;labs&sol;wp-content&sol;uploads&sol;2020&sol;06&sol;privacypolicy&period;jpg" data-full-size&equals;"618x298" &sol;><&sol;figure>&NewLine;&NewLine;&NewLine;&NewLine;<p class&equals;"wp-block-paragraph">วิ<strong>ธีทำ Stack Bar แสดง นโยบายความเป็นส่วนตัว <&sol;strong><&sol;p>&NewLine;&NewLine;&NewLine;&NewLine;<p class&equals;"wp-block-paragraph">เริ่มจากสร้างไฟล์ <strong>snackbar&period;css<&sol;strong> สำหรับแสดง snack bar แบบ Fixed Position และมีปุ่มให้ปิดการแสดง ดังนี้<&sol;p>&NewLine;&NewLine;&NewLine;&NewLine;<pre class&equals;"wp-block-code"><code>&period;footerpolicy &lbrace;&NewLine;&Tab;position&colon; fixed&semi;&NewLine;&Tab;z-index&colon; 999999&semi;&NewLine;&Tab;left&colon; 0&semi;&NewLine;&Tab;bottom&colon; 0&semi;&NewLine;&Tab;width&colon; 100&percnt;&semi;&NewLine;&Tab;background-color&colon; &num;2F4F4F&semi;&NewLine;&Tab;color&colon; white&semi;&NewLine;&Tab;text-align&colon; center&semi;&NewLine;&Tab;font-size&colon;12px&semi;&NewLine;&rcub;&NewLine;&period;footerpolicy p&lbrace;&NewLine;&Tab;font-size&colon;12px&semi;&NewLine;&Tab;text-align&colon;center&semi;&NewLine;&rcub;&NewLine;&period;footerpolicy a&lbrace;&NewLine;&Tab;font-size&colon;12px&semi;&NewLine;&rcub;&NewLine;&period;footerpolicy i&lbrace;&NewLine;&Tab;cursor&colon;pointer&semi;&NewLine;&Tab;color&colon;rgb&lpar;124&comma; 123&comma; 123&rpar;&semi;&NewLine;&rcub;<&sol;code><&sol;pre>&NewLine;&NewLine;&NewLine;&NewLine;<p class&equals;"wp-block-paragraph">จากนั้นเขียน Tag แสดงผล ไว้เหนือแท็ก body ดังนี้<&sol;p>&NewLine;&NewLine;&NewLine;&NewLine;<pre class&equals;"wp-block-preformatted"><div class&equals;"footerpolicy">&NewLine; <p>&NewLine; โดยการใช้เว็บไซต์ของเราคุณรับทราบว่าคุณได้อ่านและทำความเข้าใจ &NewLine; <a href&equals;"&num;">นโยบายความเป็นส่วนตัว นโยบายคุกกี้นโยบายความเป็นส่วนตัวและข้อกำหนดในการให้บริการ<a> ของเรา&NewLine; <i onClick&equals;"closePolicy&lpar;&rpar;&semi;" class&equals;"fa fa-close"><&sol;i>&NewLine; <&sol;p>&NewLine;<&sol;div><&sol;pre>&NewLine;&NewLine;&NewLine;&NewLine;<p class&equals;"wp-block-paragraph">เขียน Javascript ฟังก์ชั่นสำหรับปิดการแสดงผล Snack Bar ดังนี้<&sol;p>&NewLine;&NewLine;&NewLine;&NewLine;<pre class&equals;"wp-block-code"><code>function closePolicy&lpar;&rpar;&lbrace;&NewLine; &dollar;&lpar;"&period;footerpolicy"&rpar;&period;hide&lpar;&rpar;&semi;&NewLine;&rcub;<&sol;code><&sol;pre>&NewLine;&NewLine;&NewLine;&NewLine;<p class&equals;"wp-block-paragraph">ที่นี้เราก็จะได้ Snack bar ที่แสดง นโบายการใช้งานของเว็บไซต์เราแล้ว สามารถปิดการแสดงผลได้ ในส่วนของข้อความที่แสดงนั้น ให้ใส่ Link เชื่อมโยงไปยังหน้า นโยบายความเป็นส่วนตัว ที่ให้ข้อมูลการใช้งานเว็บไซต์อย่างครบถ้วนนะครับ ด้านล่างคือตัวอย่างการแสดงผลของ Snackbar นโยบายความเป็นส่วนตัว<&sol;p>&NewLine;&NewLine;&NewLine;&NewLine;<figure class&equals;"wp-block-image size-large"><img src&equals;"https&colon;&sol;&sol;www&period;codebee&period;co&period;th&sol;labs&sol;wp-content&sol;uploads&sol;2020&sol;05&sol;วิธีทำ-Snack-Bar-แสดง-นโยบายความเป็นส่วนตัว-รองรับ-พรบ-คุ้มครองข้อมูลส่วนตัว-PDPA2-940x488&period;png" alt&equals;"" class&equals;"wp-image-4994" data-full&equals;"https&colon;&sol;&sol;codebee&period;co&period;th&sol;labs&sol;wp-content&sol;uploads&sol;2020&sol;05&sol;วิธีทำ-Snack-Bar-แสดง-นโยบายความเป็นส่วนตัว-รองรับ-พรบ-คุ้มครองข้อมูลส่วนตัว-PDPA2&period;png" data-full-size&equals;"2502x1298" &sol;><&sol;figure>&NewLine;&NewLine;&NewLine;&NewLine;<p class&equals;"wp-block-paragraph">ดาวน์โหลด Source Code ที่หน้า ดาวน์โหลดครับ <a href&equals;"https&colon;&sol;&sol;www&period;codebee&period;co&period;th&sol;th&sol;download" target&equals;"&lowbar;blank" rel&equals;"noreferrer noopener">https&colon;&sol;&sol;www&period;codebee&period;co&period;th&sol;th&sol;download<&sol;a><&sol;p>&NewLine;