# Osano Cookie Consentを使用したJavaScriptでのWeb Tracking ウェブサイトはcookieを使用してコンテンツと広告をパーソナライズし、ソーシャルメディア機能を強化し、サイトのトラフィックを監視します。Cookieにより、ウェブサイトはサイトの使用方法に関する情報をソーシャルメディア、広告、分析パートナーと共有できます。ウェブサイトは、GDPRやCCPAなどのプライバシーおよびセキュリティ法に準拠するために、お客様の情報を使用する許可またはcookie consentを取得する必要があります。 Cookie Consentを使用すると、ウェブサイトでcookieを使用していることをユーザーに警告できます。Osanoは無料のJavaScript pluginを提供しています。 * [Osanoについて](#about-osano) * [前提条件](#prerequisites) * [Osanoの無料版のテスト](#testing-the-free-version-of-osano) * [サンプルビュー](#sample-view) ## Osanoについて Osanoは、顧客データを共有するすべてのvendorを管理するデータプライバシープラットフォームです。数分と1行のJavaScriptで、Osanoはウェブサイトがcomply GDPRやCCPAなどの法律に準拠するのに役立ちます。幅広いレイアウトとカラースキームから選択できます。 ![](/assets/image-20200611-141051.1f598e651444ee85b47976d2d720e0719693478d723347268765f094c61d5956.ad50cbca.png) ## 前提条件 [Osano wizardとconfiguratorをダウンロード](https://www.osano.com/cookieconsent/download/)します。または、[JavaScript API documentation](https://www.osano.com/cookieconsent/documentation/javascript-api/)を使用できます。 ## Osanoの無料版のテスト 1. テスト用のサンプルランディングページHTMLファイルを定義します。たとえば、以下のtest.mdコードを使用できます。 2. サンプルコードの以下のfieldを置き換えます: * `` * `` * `` ```html ``` 1. 簡単なHTTPサーバーをセットアップします: たとえばMacの場合: ```bash 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を使用してbrowserからアクセスしてみてください: [http://127.0.0.1/test.md](http://127.0.0.1/test.md) または、このライブデモを参照できます: [https://treasure-data.github.io/js-examples/consensus-management/index.html](https://treasure-data.github.io/js-examples/consensus-management/index.html) 下部にバーが表示された空白のページが表示されます。Allow cookiesを選択しないでください。 ![](/assets/screen_shot_2019-03-13_at_18.28.45.ed34df1f38e7b557e489b90bfbf7161a4e292df6e91cd2845493a3bfa8832eb6.ad50cbca.png) 1. ページを数回更新し、tracking情報が送信される宛先tableを確認します。最大で数分後には、宛先tableでstreamingデータが表示され始めるはずです。SELECT TABLE statementを実行して確認できます。 ```sql select td_ip,td_client_id,td_global_id from . ``` ![](/assets/screen_shot_2019-03-13_at_18.18.35.050e9f4360943cc3501eea0b94af96ca31e47f6bdbedfb4a98442b5a57d3245d.ad50cbca.png) 1. test.mdページでDeclineを選択します。 2. ページを更新します。更新後、consent promptは表示されなくなります。 ![](/assets/screen_shot_2019-03-13_at_18.28.45.ed34df1f38e7b557e489b90bfbf7161a4e292df6e91cd2845493a3bfa8832eb6.ad50cbca.png) 1. web trackingの宛先tableを再度確認します。最大で数分後には、宛先tableで新しいstreamingデータが表示され始めるはずです。SELECT TABLE statementを実行して確認できます。 ```sql select td_ip,td_client_id,td_global_id from . ``` ご覧のとおり、td_ip、td_client_id、td_global_id columnがTDに送信されたstreamingデータから除外されています。 ![](/assets/screen_shot_2019-03-13_at_18.21.49.95acf0d08ec7aa9dc7bf145888f3f1096245066fbd356463fb64f9aea013aca7.ad50cbca.png) 1. テストをクリーンアップするには、ローカルPCで実行されているHTTPサーバーを停止します。 ```bash sudo apachectl stop ``` 1. test.mdファイルを削除します。 ```bash sudo rm -f Library/WebServer/Documents/test.md ``` ## サンプルビューユーザーが初めてwebページにアクセスすると、デフォルトで以下の情報が保存されたcookieに含まれます(td_ip、td_client_id、td_global_id): ![](/assets/image-20200619-193149.9c800ea1d15773b0e5d82f2b2e64402aa3a0ae7cd0b5a047cdcd6fd292469f6a.ad50cbca.png) ユーザーがcookie consent promptで**Decline**を選択した場合、以下のfield(td_ip、td_client_id、td_global_id)は、このユーザーによる後続のページ訪問では送信されません: ![](/assets/image-20200619-194719.dfa5a50849ce716bd83856dac95ebdc21c33e04d1a1a5db04a38f84962af8512.ad50cbca.png)