cookie-consent
โปรแกรมมิ่ง

การติดตั้ง Cookie Consent ให้กับเว็บไซต์

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

มาดูขั้นตอน วิธีการติดตั้งกันเลย…

  1. เรียกใช้งานส่วนที่เป็น css กันก่อน โดยใช้คำสั่งด้านล่าง วางไว้ก่อนปิด </head>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/Wruczek/Bootstrap-Cookie-Alert@gh-pages/cookiealert.css">

2. เพิ่มส่วนที่จะแสดงข้อความให้ยอมรับ Cookie

<!-- START Bootstrap-Cookie-Alert -->
<div class="alert text-center cookiealert" role="alert">
    <b>Do you like cookies?</b> 🍪 We use cookies to ensure you get the best experience on our website. <a href="https://cookiesandyou.com/" target="_blank">Learn more</a>

    <button type="button" class="btn btn-primary btn-sm acceptcookies">
        I agree
    </button>
</div>
<!-- END Bootstrap-Cookie-Alert -->

3. เรียกใช้งาน Javascript วางไว้ต่อจาก ข้อ 2 ได้เลย

<script src="https://cdn.jsdelivr.net/gh/Wruczek/Bootstrap-Cookie-Alert@gh-pages/cookiealert.js"></script>

4. เพิ่มคำสั่งนี้ไว้ก่อน </body>

<script type="javascript">
window.addEventListener("cookieAlertAccept", function() {
    alert("cookies accepted")
})
</script>

กดดูผลที่หน้าเว็บได้เลย ^^

Related Posts