Treasure Data x 어디서 JP 연계 영역 정보를 부여한 웹 액세스 로그 수집

이 기사에서는 웹 액세스 로그의 지역 타겟팅 활용을 목적으로 Treasure Data와 어디서 JP의 연계를 통해 영역 정보를 부여한 웹 액세스 로그 수집에 대해 소개합니다.

Treasure Data가 제공하는 JavaScript SDK을 웹 페이지에 포함하면 액세스 소스 IP 및 referer와 같은 웹 액세스 분석에 필요한 기본 로그 데이터를 자동으로 보류 데이터에 저장할 수 있습니다. , 어디 어디 JP가 제공하는 지역 타겟팅 API 를 함께 이용하면, 지역이나 조직 등, 부가가치가 높은 정보를 맞추어 수집하는 것이 가능하게 됩니다.

Treasure Data 측의 필수 정보



사전 준비가 필요한 Treasure Data 정보는 다음과 같습니다.
  • 데이터베이스 이름 : 아래 샘플에서는 yada_demo
  • 테이블 이름 : 아래 샘플에서는 docodoco
  • Write only API key: 확인 방법은 이쪽

  • 어디서 JP에 필요한 정보



    사전에 필요한 어디서 JP의 준비는 다음과 같습니다.
  • 어디 JP에 가입
  • 도메인 등록
  • 가입시 추적하려는 웹 페이지의 도메인을 등록합니다. 이 도메인이 아니면 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 액세스 로그의 가치를 높여 준다고 생각합니다.

    참고



    보물 데이터를 이용한 웹 액세스 분석에 대해서는, 아래에 알기 쉽게 소개되고 있으므로, 별도 참고해 주십시오.
  • 액세스 로그 분석 최전선:Treasure Data JavaScript SDK로 시작하는 패스 분석 그 1
  • 【입문편】TreasureData로 WEB 로그 분석을 해 보았다
  • 【입문편】TreasureData로 사이트의 액세스 해석을 해 보았다~제2탄!~
  • 좋은 웹페이지 즐겨찾기