Treasure Data x どこどこJP連携 エリア情報を付与したWebアクセスログの収集

13588 ワード
アクセス解析 どこどこJP TreasureData TreasureData テキストリンク

本記事では、Webアクセスログのエリアターゲティング活用を目的とした、Treasure DataとどこどこJPの連携による、エリア情報を付与したWebアクセスログの収集について紹介します。

Treasure Dataが提供しているJavaScript SDKをWebページに埋め込むことで、アクセス元IPやrefererなど、Webアクセス解析に必要な基本的なログデータを自動的にトレジャーデータに格納することができますが、どこどこJPが提供するエリアターゲティングAPIをあわせて利用すると、地域や組織など、付加価値の高い情報を合わせて収集することが可能となります。

Treasure Data側の必要情報

事前に準備が必要なTreasure Dataの情報は以下です。

  • データベース名: 下記サンプルでは yada_demo
  • テーブル名: 下記サンプルでは docodoco
  • Write only API key: 確認方法はこちら

どこどこJPの必要情報

事前に必要などこどこJPの準備としては、以下になります。

  • どこどこJPへのサインアップ
  • ドメインの登録
    • サインアップ時にトラッキングしたいWEBページのドメインを登録します。このドメインからでないとAPIの認証が通らずエリア情報が取得できませんので注意ください。本記事ではローカルファイルをブラウザで参照していますが、ローカルファイル参照では問題なく動作します。
  • APIを含んだJSタグの確認
    • サインアップ時にAPIキーが発行されます。どこどこJPの管理画面からリンクをクリック。
    • ページ下部のAPIキーを含むJSスクリプトタグをコピーします。

サンプルHTML

下記のようなサンプルHTMLで、動作確認をします。
スクリプトの説明を簡単にすると、どこどこJPのJSタグと、トレジャーデータのjs-sdkタグを挿入しています。
additonal_data変数に、どこどこJPのJS APIで取得したデータを参照しセットしています。参照できるデータの一覧はこちらから確認できます。
td.set()関数およびtd.trackPageview()関数で、td-js-sdkで取得できる基本トラッキング情報にadditional_dataを追加して、トレジャーデータのdocodocoテーブルに送信しています。

hellotd_docodoco.html
<html>
  <head>
  <!-- Docodoco.jp -->
    <script type="text/javascript" src="http://api.docodoco.jp/v5/docodoco?key=xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx" charset="utf-8">
    </script>

  <!-- Treasure Data -->
 <script>
 !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}},n=["addRecord","set","trackEvent","trackPageview","ready"],s=0;s<n.length;s++){var i=n[s];e[t].prototype[i]=r(i)}var a=document.createElement("script");a.type="text/javascript",a.async=!0,a.src=("https:"===document.location.protocol?"https:":"http:")+"//cdn.treasuredata.com/sdk/td-1.5.1.js";var c=document.getElementsByTagName("script")[0];c.parentNode.insertBefore(a,c)}}("Treasure",this);
 </script>
  </head>
  <body>
<script>
  // Configure an instance for your database
  var td = new Treasure({
    protocol: 'https',
    host: 'in.treasuredata.com',
    writeKey: 'xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx', // PLEASE MODIFY HERE
    database: 'yada_demo'
  });

  // Create a data object with the properties you want to send
   var additional_data = {
      continent: SURFPOINT.getContinentCode(),
      country: SURFPOINT.getCountryJName(),
      pref: SURFPOINT.getPrefJName(),
      city: SURFPOINT.getCityJName(),
      org: SURFPOINT.getOrgName()
    };

  // track pageview information to 'docodoco' table
  td.set('docodoco', additional_data);

  td.trackPageview('docodoco');

  </script>
    Hello Treasure Data!
  </body>
</html>

データの確認

まとめ

Treasure Data と どこどこJPの Javascript APIを用いて、エリア情報を付与したWebアクセスログの収集を行う方法を紹介しました。マーケティングにおいて非常に有用な情報となるユーザの地域属性や組織情報などはWebアクセスログの価値を高めてくれることと思います。

参考

トレジャーデータを利用したWebアクセス分析については、下記にわかりやすく紹介されていますので、別途ご参考ください。