이 기사는 PlayCanvas Advent Calendar 2017의 17 일째 기사입니다.

무엇

PlayCanvas에 Google 웹로그 분석을 통합하여 행동 분석

준비

Google 애널리틱스에서 새 속성을 만들고 추적 ID를 가져옵니다.

주의

최신의 글로벌 사이트 태그(gtag.js)를 사용한 방식이라면, html로의 script 로드가 들어가 있기 때문에, PlayCanvas의 개발 환경에서는 동작하지 않습니다.
구식 GoogleAnalyticsObject 'ga'를 사용하는 방법을 사용합니다.

  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

    ga('create', 'UA-xxxxxxxx-x', 'auto');
    ga('send', 'pageview');

※xxx..는 자신의 트래킹 코드로 변경해 주세요.

이것을 적절한 스크립트의 initialize 메소드에 붙여 넣습니다.

확인

실행하면 analytics를 얻을 수 있는지 확인할 수 있습니다.

이벤트 전송

어느 버튼이 얼마나 밀렸는지, 어디에서 적에게 쓰러졌는지 등을 쉽게 얻을 수 있는 이벤트 기능을 사용하여 행동 분석을 간편하게 할 수 있습니다.

                ga('send', 'event', {
                  'eventCategory': "イベントカテゴリー",
                  'eventAction': "イベントアクション",
                  'eventLabel' : "イベントラベル",
                  'eventValue': "値"
                });

ga('send','event',{}); 를 호출하는 것만으로 이벤트 전송이 가능합니다.
전송된 이벤트는 analytics 보고서 > 행동 > 이벤트에서 확인할 수 있습니다.