2017/05/11 - AB 테스트 쉽고 빠르게 하는 방법 - 001


2017/05/13 - AB 테스트 쉽고 빠르게 하는 방법 - 002 (Google Optimize)



위 2개 포스팅에서 이어집니다. 


이번에는 Google Tag Manager 사용방법에 대해서 작성해두려고 합니다. 





1. Account와 Container를 만들어주세요.


아래 URL에 접속해서  CREATE ACCOUNT 버튼을 누르면 됩니다. 


https://tagmanager.google.com/?hl=en#/home




  Container는 서비스에서 사용하고 있는 플랫폼을 선택하시면 되는데요. 저는 블로그에 Tag Manager를 달아보고 싶은거라서 Web을 선택했습니다. 아래 내용도 Web에서 사용하는 방법에 대한 것이라 iOS, Android, AMP 같은 경우에는 다른 자료를 찾아보시는게 더 도움이 될 것 같네요.




2. Tag Manager 코드를 추가해주세요.


 GA도 그렇고 Google Optimize에서도 마찬가지였고요. Tag Manager도 Javascript 코드를 추가하면 됩니다. 아래 그림과 같이 2개의 코드가 나오는데요. 위에꺼만 head에 붙여넣으시면 됩니다. 




 티스토리 블로그에 붙여넣는 방법은 HTML / CSS 편집에서 head에 붙여넣으면 됩니다. 아래처럼요. 아 아마도 GA나 Google Optimize보다 더 먼저 붙여넣으셔야 하는 것 같아요.







3. 생성된 것을 확인하고 Workspace로 이동합니다.



ACCOUNT / CONTAINER 생성된 화면



Container를 누르면 Workspace로 이동되요.






4. ADD A NEW TAG 버튼으로 태그를 생성해보겠습니다. 


초기 화면이고요. 위에 Tag Configuration 부분을 선택하시면 태그 설정이 시작됩니다.


태그 종류는 참 많은데요. 일반적인 상황에서는 유니버설 애널리틱스를 선택하시면 됩니다.





추적유형은 이벤트로 카테고리, 작업, 라벨은 적당히 설정하시면 되고요. 

가장 아래 있는 Google 애널리틱스 설정을 선택해서 GA 연결을 수행해야 합니다. 



여러분의 Google Analytics ID를 추적 ID에 입력해주고 저장하시면 됩니다. 



잘 설정되었으면 다음으로 넘어갑니다. 



태그를 적당한 이름으로 저장합니다. 



저장이 완료되면 위와 같은 화면이 보이고요. 이제 Trigger를 설정하면 됩니다. 

Trigger는 태그를 실행하는 조건이라 생각하시면 좋을 것 같아요.





5. Trigger를 설정하기에 앞서서 Variables 설정을 조금 수정해야 합니다. 


 왜냐면 저는 사용자가 어떤 버튼을 클릭했을 때 GA에 기록하고 싶은데 클릭하는 것이 기본적으로 고를 수 없게 되어 있어서 수정해야 합니다. 

 먼저 Workspace로 나가서 Variables를 선택해봅니다. 


그림에 표시한 것처럼 CONFIGURE를 선택합니다.


Clicks에 있는 요소들을 체크해줍니다.



이렇게 Click과 관련된 것들이 추가되었으면 Triggers를 하나 추가해줍니다.





6. Trigger 추가하기


  트리거 추가는 상황에 따라 많이 달라질 수 있는데요. 여기서는 블로그 메뉴를 클릭했을 때를 Trigger로 사용해보려고 합니다. 블로그에 가서 확인해보니 왼쪽에 있는 카테고리 선택 메뉴는 link_item 이라는 클래스로 되어 있더라고요. 




 트리거 configuration에서 저는 "클릭 - 모든 요소"를 선택했고 세부설정은 아래와 같습니다. Click Classes가 나오지 않는 분은 Variables에 가서 설정하셔야 합니다. 4번 내용 참고





 트리거를 잘 추가했다면 Preview 모드를 활성화하고 블로그에 가보면 하단에 GTM 툴이 나타납니다. 일단 아무것도 클릭하지 않았을 때 GA Test Tag 가 호출되지 않았다는 것을 확인할 수 있고요.







 왼쪽에 카테고리를 선택하니 GA Test Tag가 작동한 것을 확인할 수 있습니다. 











7. GA에 가서 확인하기


 확인하는 방법은 Behavior Events - Overview에서 가능합니다.






8. workspace에 우측 상단에 submit 버튼을 클릭하고 열리는 창에서 publish 버튼을 클릭함으로써 실제 운영을 시작할 수 있습니다. 잘 시작되었다면 workspace에서 아래와 같은 그림을 보실 수 있습니다. 







2017/05/14 - AB 테스트 쉽고 빠르게 하는 방법 - 004


+ Recent posts