これを行う方法の 1 つを以下に示します。
1) Cookie が有効になっているかどうか、およびユーザーが既に Cookie を受け入れているかどうかを確認する JavaScript メソッドを作成します。
var cookieLaw = {
setCookies : function (showCookieMsg) {
if(navigator.cookieEnabled == true) {
if(document.cookie.indexOf('cookie-permission') == -1) {
showCookieMsg();
}
}
},
2) Cookie が有効になっているが受け入れられない場合、次のメッセージが表示されます。
showMessage : function () {
$('body').append('<div id="cookie-message">[your_cookie_message]<a id="continue-link" href="#">X Don't show this message again.</a></div>');
$('#cookie-message').fadeIn();
$('#continue-link').click(function() {
$('#cookie-message').fadeOut();
document.cookie = "cookie-permission=accepted; expires=Thu, 31 Jan 2030 23:59:59 UTC; path=/";
});
}
};
3)ページの準備ができたら、コードを実行します。
jQuery(document).ready(function() {
cookieLaw.setCookies(cookieLaw.showMessage);
};
4)以下を追加して、メッセージを非表示にします。
#cookie-message {display:none;}
必要に応じて、CSS ファイルやその他のフォーマットに追加します。
この方法は、JavaScript が有効になっているブラウザに対応していることに注意してください。非 JS ブラウザーの場合、サーバー側のコードを追加する必要があります。