blog
copyright ©
creamu Inc. All Rights Reserved.
art direction & design: Kunitaka Kawashimo
code, interaction & photography: creamu Inc.
category: Technology

WebサイトにOneTrustのCookie同意スクリプトを実装する方法

Pocket

WebサイトにOneTrustのCookie同意スクリプトを実装するには、以下のようにします。

1. OneTrustのCookie同意スクリプトを統合
• OneTrustのCDNスクリプトを使用して、Cookie同意バナーと設定センターをウェブサイトに導入します。

スクリプト例(ウェブサイトの <head> または <body> に追加)

<!– OneTrust Cookies Consent Notice start –>
<script src=”https://cdn.cookielaw.org/scripttemplates/otSDKStub.js”
type=”text/javascript” charset=”UTF-8″
data-domain-script=”YOUR-DOMAIN-SCRIPT-ID”></script>
<script type=”text/javascript”>
function OptanonWrapper() { }
</script>
<!– OneTrust Cookies Consent Notice end –>

2. Cookieセンターを設置
• フッターなど、目立つ場所に「Cookie設定」リンクを追加します。

<!– OneTrust Cookies Settings link start –>
<a class=”ot-sdk-show-settings”>Cookieセンター</a>
<!– OneTrust Cookies Settings link end –>

chromeでwebサイトを開き、command + option + iでデベロッパーツールを開き、「アプリケーション > Cookie」で、OptanonConsentがあるかを確認。

再度ポップアップ表示を確認するには、OptanonConsent を選択してdeleteで削除し、ブラウザをリロードする。