webtru

ウィジェット設置サンプル

公表・通知モード

公表モード（リンク方式）

設置タグ

<head> <script id="__datasign_consent_manager__" src="//cmp.datasign.co/v2/※※※※※※/cmp.js" async></script> ... </head> <body> ... <a id="__datasign_consent_manager_open_widget__" href="#" onclick="return false;">外部送信先について</a> ... </body>

公表モード(埋込方式)

設置タグ

<head> <script id="__datasign_consent_manager__" src="//cmp.datasign.co/v2/※※※※※※/cmp.js" data-embed-disclosure-mode="true" async></script> ... </head> <body> ... <div class="__datasign_embed_disclosure_mode_※※※※※※__" style="width: 680px;"></div> ... </body>

通知モード

設置タグ

<head> <script id="__datasign_consent_manager__" src="//cmp.datasign.co/v2/※※※※※※/cmp.js" async></script> ... </head>

同意・オプトアウトモード

設置タグ

<head> <script id="__datasign_consent_manager__" src="//cmp.datasign.co/v2/※※※※※※/cmp.js" async></script> ... </head>

設置タグ

<head> <script id="__datasign_consent_manager__" src="//cmp.datasign.co/v2/※※※※※※/cmp.js" async></script> ... </head>

オプトアウトモード(ダイアログ方式)

設置タグ

<head> <script id="__datasign_consent_manager__" src="//cmp.datasign.co/v2/※※※※※※/cmp.js" async></script> ... </head>

オプトアウトモード(ボタン方式)

設置タグ

<head> <script id="__datasign_consent_manager__" src="//cmp.datasign.co/v2/※※※※※※/cmp.js" async></script> ... </head>

JSONファイル

オンラインプライバシー通知

JSONファイル参照URL

https://cmp.datasign.co/v2/※※※※※※/opn.json

設置サンプルコード（jQueryを利用しています）

<div id="online-privacy-notice"></div> <link rel="stylesheet" href="path_to_css/opn-json.css"> <script src="https://code.jquery.com/jquery-3.7.1.min.js" integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=" crossorigin="anonymous"></script> <script src="/path_to_js/widget-json.js"></script>

オンラインプライバシー通知をページに展開するサンプルです。