기본 콘텐츠로 건너뛰기

[Google Tag Manager] button click event tracking


Google Tag Manager를 이용하여 버튼 클릭 이벤트 트래킹을 하려면?


(Google Tag Manager 컨테이너 Script가 정상적으로 적용되었다는 가정하에 진행)

1. Event Tracking 시나리오

상품페이지에 'SNS 공유하기' 버튼을 얼마나 클릭하는지 효율 분석이 필요하다.
ex) 카카오톡 공유하기, Facebook 좋아요, Twitter 멘션, SMS

2. 데이터 수집

1) GA event tracking script 방식

a. 공유하기 클릭 이벤트 스크립트 구성
  • Event Category : sharesns
  • Event Action : kakao 또는 facebook 또는 twitter
  • Event Label : 공유페이지명(필수값 아님)

시나리오
GA Event Tracking Code Sample
kakaotalk button click
ga('send', 'event', 'sharesns', 'kakao', '공유페이지명');
facebook button click
ga('send', 'event', 'sharesns', 'facebook', '공유페이지명');
twitter button click
ga('send', 'event', 'sharesns', 'twitter', '공유페이지명');


위 코드를 모든 공유하기 버튼이 있는 페이지에 적용한다.


2) Google Tag Manager 컨테이너 방식

Google Tag Manager(이하 GTM)은 Container Script를 공통 소스 영역(ex. 푸터)에 적용하고 컨테이너에 필요한 Script를 Tag란 형식으로 적용하는 방식이다.

3) GTM 적용 및 테스트
a. 공유하기 버튼의 element값 확인하기
그림1. dataLayer gtm.click object

      b. GTM Tag 만들기
      그림2. Make New Tags / Rules / Macros

      그림3. Create New Tag Step1
      그림4. Create New Tag Step2

      c. GTM Rule 만들기
      그림5. Add Rule


      d. GTM Macro 만들기
      그림6. Create New Macro
      그림7. Select Macro Type

      e. GTM 컨테이너 배포하기

      그림8. Publish

      라벨:

      댓글

      댓글 쓰기

      이 블로그의 인기 게시물

      [Android] Android Studio Github 설정하기

      1. Settings File > Settings 2. Version Control 메뉴 or 검색창에서 git 입력 3. 사용중인 Github 계정 및 비번을 입력하고 'Apply' > 'OK'색에서 'git' 검색 4. VCS > Checkout from Version Control > Github 5. Clone Repository에 Checkout 받을 프로젝트를 선택한 후, 'Clone'을 실행
      댓글 2개
      자세한 내용 보기

      [Hadoop] Snappy 설치

      What is Snappy? - 구글에서 자체 개발한 압축 라이브러리 - 라이브러리 주소 http://code.google.com/p/snappy - 2015.01.05 현재 최신 버전은 snappy-1.1.1(?) 설치 과정 1. tar 파일 다운로드 https://code.google.com/p/snappy/downloads/list?can=1&q= 2. tar 파일 압축 풀기 3. root 계정으로 snappy 설치 1) 개인적으로 설치한 fedora에 gcc컴파일러, g++ 컴파일러가 없어 함께 설치하였다. g++      yum install gcc-c++ gcc      yum -y install gcc 2) snappy 폴더 이동 3) ./configure --enable-shared 4) make 5) sudo make install 4. snappy native library를 하둡에 복사한다. 1) cp /usr/local/bin/libsnappy.* $하둡홈/lib/native/Linux-amd64-64 2) cp /usr/local/bin/libsnappy*.* $하둡홈/lib/native/Linux-i386-32 가장 중요한 사실!!!! - mac에서는 snappy 설치시 .so파일이 아닌 .dylib파일이 생성된다. - native library는 Cygwin, Mac OS X 환경에서 동작하지 않는다.( Native Libaries 참조 ) Sample Source @Override public int run(String[] args) throws Exception { JobConf conf = new JobConf(SequenceFileCreator.class); conf.setJobName("SequenceFileCreator"); conf.setMapperClass(Dis...
      댓글 쓰기
      자세한 내용 보기

      [machine learning] k means algorithm

      #!/usr/bin/python """ skeleton code for k-means clustering mini-project """ import pickle import numpy import matplotlib.pyplot as plt import sys sys.path.append("../tools/") from feature_format import featureFormat, targetFeatureSplit def Draw(pred, features, poi, mark_poi=False, name="image.png", f1_name="feature 1", f2_name="feature 2"): """ some plotting code designed to help you visualize your clusters """ ### plot each cluster with a different color--add more colors for ### drawing more than 4 clusters colors = ["b", "c", "k", "m", "g"] for ii, pp in enumerate(pred): plt.scatter(features[ii][0], features[ii][1], color = colors[pred[ii]]) ### if you like, place red stars over points that are POIs (just for funsies) if mark_poi: for ii, pp in enumerate(pred): ...
      댓글 쓰기
      자세한 내용 보기