Khi cần hiện 1 thông báo đơn giản cho khách hàng ghé thăm website của bạn thì có thể dùng code sau:
<p id="cookie-notice">Đây là thông báo với khách hàng đã ghé thăm website!<br><button onclick="acceptCookie();">Đông Ý!</button></p>
<style>#cookie-notice{color:#fff;font-family:inherit;background:#596cd5;padding:20px;position:fixed;bottom:10px;left:10px;width:100%;max-width:300px;box-shadow:0 10px 20px rgba(0,0,0,.2);border-radius:5px;margin:0px;visibility:hidden;z-index:1000000;box-sizing:border-box}#cookie-notice button{color:inherit;background:#3842c7;border:0;padding:10px;margin-top:10px;width:100%;cursor:pointer}@media only screen and (max-width:600px){#cookie-notice{max-width:100%;bottom:0;left:0;border-radius:0}}</style>
<script>function acceptCookie(){document.cookie="cookieaccepted=1; expires=Thu, 18 Dec 2030 12:00:00 UTC; path=/",document.getElementById("cookie-notice").style.visibility="hidden"}document.cookie.indexOf("cookieaccepted")<0&&(document.getElementById("cookie-notice").style.visibility="visible");</script>
Khi khách vào web sẽ có thông báo sau:
Đoạn code thông báo với khách hàng này có các ưu điểm sau:
- Kích thước nhỏ hơn 1 KB (~500 byte được nén)
- Không có tệp CSS hoặc JavaScript (mọi thứ được nội tuyến)
- Không phụ thuộc jQuery
- Không cần truy vấn cơ sở dữ liệu
- Bạn có thể chèn liên kết hoặc bất cứ thứ gì bạn muốn trong thẻ <p>.
Cách cài đặt đơn giản: vào Appearance -> Theme Editor -> (footer.php) và dán đoạn code dưới đây vào trước thẻ </body>
Chúc bạn thành công!
Xem thêm:
