Cookie Consentは、ウェブサイトでのcookieの使用についてユーザーに警告するための無料のJavaScript pluginです。GDPRなどのデータプライバシー規制に準拠しながら、高品質なユーザー体験を提供するのに役立つように設計されています。

https://cookieconsent.insites.com/documentation/about-cookie-consent/

Treasure Dataは、サイトでTreasure Data JavaScript SDK version 3を使用した新機能や機能の実装を推奨しています。cookieの管理方法が異なります。これらの記事のほとんどを参照する際は、提案されたeventコレクターとTreasure Data JavaScript SDK version 3の呼び出しをソリューション内で定義する必要があることに注意してください。

レイアウトのカスタマイズ

以下の例を含む、幅広いレイアウトとカラースキームから選択できます:

ユーザービュー

ユーザーが初めてwebページにアクセスすると、デフォルトで以下の情報が保存されたcookieに含まれます(td_ip、td_client_id、td_global_id)。

ユーザーがcookie consent promptで"Decline"を選択した場合、以下のfield(td_ip、td_client_id、td_global_id)は、このユーザーによる後続のページ訪問では送信されません。

サンプルの実行

テストを実行するには、test.mdを使用してHTMLを作成する必要があります以下の内容をカスタマイズした詳細に置き換えます:

a. 'WRITE YOUR WRITE ONLY API KEY'

b. 'WRITE YOUR DB NAME'

c. 'WRITE YOUR TABLE NAME'

<html>
  <head>
  <script type="text/javascript">
    !function(t,e){if(void 0===e[t]){e[t]=function(){e[t].clients.push(this),this._init=[Array.prototype.slice.call(arguments)]},e[t].clients=[];for(var r=function(t){return function(){return this["_"+t]=this["_"+t]||[],this["_"+t].push(Array.prototype.slice.call(arguments)),this}},s=["addRecord","blockEvents","fetchServerCookie","fetchGlobalID","fetchUserSegments","resetUUID","ready","setSignedMode","setAnonymousMode","set","trackEvent","trackPageview","trackClicks","unblockEvents"],n=0;n<s.length;n++){var c=s[n];e[t].prototype[c]=r(c)}var o=document.createElement("script");o.type="text/javascript",o.async=!0,o.src=("https:"===document.location.protocol?"https:":"http:")+"//cdn.treasuredata.com/sdk/2.5/td.min.js";var a=document.getElementsByTagName("script")[0];a.parentNode.insertBefore(o,a)}}("Treasure",this);

    // Configure an instance for your database
    var td = new Treasure({
      host: 'in.treasuredata.com',
      writeKey: 'WRITE YOUR WRITE ONLY API KEY',
      database: 'WRITE YOUR DB NAME',
      startInSignedMode: true
    });

    // Enable cross-domain tracking
    td.set('$global', 'td_global_id', 'td_global_id');
    // Track pageview information to a table
    td.trackPageview('WRITE YOUR TABLE NAME');
    </script>
    <!-- =======================================================
      Start https://cookieconsent.insites.com/ tag
    ======================================================= -->
    <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.1.0/cookieconsent.min.css" />
    <script src="https://cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.1.0/cookieconsent.min.js"></script>
    <script>
    window.addEventListener("load", function(){
      window.cookieconsent.initialise({
        "palette": {
        "popup": {
          "background": "#3c404d",
          "text": "#d6d6d6"
        },
        "button": {
          "background": "#8bed4f"
        }
      },
        "type": "opt-out",
        "revokable": true,
        onStatusChange: function(status) {
          this.hasConsented() ? td.setSignedMode() : td.setAnonymousMode();
          },
        })
      });
      </script>
    </head>
  <body></body>
</html>

簡単なHTTPサーバーをセットアップします。

たとえばMacの場合:

sudo apachectl start
sudo cp test.md /Library/WebServer/Documents
# setup owner and permission same with other files in copy destination folder above
# sudo chown
# sudo chmod

ブラウザから次のURLにアクセスしてみてください: http://127.0.0.1/test.md

または、このライブデモを参照できます: https://treasure-data.github.io/js-examples/consensus-management/index.md

下部にバーが表示された空白のページが表示されます。

"Allow cookies"オプションを選択しないでください。

ページを数回更新し、tracking情報が送信される宛先tableを確認します。最大で数分後には、宛先tableでstreamingデータが表示され始めるはずです。
以下のようなqueryを実行して、streamingデータを確認します:

select td_ip,td_client_id,td_global_id from <db name>.<tbl name>

6. test.mdページでDeclineを選択します。

ページを更新します。更新後、consent promptは表示されなくなります。

web trackingの宛先tableを再度確認します。最大で数分後には、宛先tableで新しいstreamingデータが表示され始めるはずです。
以下のようなqueryを実行して確認します:

select td_ip,td_client_id,td_global_id from <db name>.<tbl name>

以下のtableでは、td_ip、td_client_id、td_global_id columnがTDに送信されたstreamingデータから除外されていることがわかります。

ローカルPCでHTTPサーバーの実行を停止し、test.mdファイルを削除することでファイルをクリーンアップできます。

sudo apachectl stop
sudo rm -f Library/WebServer/Documents/test.md

レイアウトのカスタマイズ

ユーザービュー

サンプルの実行

Was this helpful?