gtm의 데이터 속성을 사용한 이벤트 기반 추적

우리 회사의 인트라넷 사이트에서 사교 이벤트를 추적하려고합니다. 페이스 북이나 트위터의 사회, 그러나 각 사회 이벤트에 대해 다음과 같은 이벤트가 우리 자신의 사회적 입력하지 우리는 다음과 같은 기록 할 action:label:valuegtm의 데이터 속성을 사용한 이벤트 기반 추적

주 : 이메일 :
주 {사람의 이메일 #} : 초대 : {초대 사람들의 #}를
토론 : 게시물 : 1
을 토론 대답 : 3
속도 : 별 -
속도 : 같은 : -
태그 ged : item : -

페이지에 유니버설 애널리틱스 및 Google 태그 관리자가 설정되어 있습니다. 그리고 나는 this tutorial on event tracking using data attributes을 따라 갔다. 나는 이런 식으로 설정 : 내가 gtm.element.dataset.uaAction, gtm.element.dataset.uaLabel 및 gtm.element.dataset.uaValue를 얻기 위해 데이터 영역 변수를 설정

<ol data-ua-event-social data-ua-action="rate" data-ua-label="stars"> 
    ...interactive star elements go in here 
</ol> 

<div data-ua-event-social data-ua-action="share" data-ua-label="email" data-ua-value="3"> 
    // some javascript on the page sets the data-ua-value node 
    // as the user picks who/how many to share with. 
</div>

. CSS 선택기 [data-ua-event-social]와 일치하는 클릭 - 모든 요소 트리거가 있습니다.

그리고 마지막으로 트리거를 실행하고 사용자 지정 변수를 사용하여 ua 이벤트의 동작, 레이블 및 값을 채 웁니다. 태그 관리자 미리보기 및 분석 실시간 이벤트에서이 작업을보고 있습니다.

하지만 모든 HTML 추적 가능 HTML 요소에 3 ~ 4 개의 데이터 요소를 추가하는 것이 내 페이지에 많은 것을 추가하는 것처럼 보입니다.

몇 가지 방법으로 결합하거나 간소화 할 수 있습니까?

완전히 다른 방식으로해야하나요? 이 작업을 수행하는 다른 방법을 보여주는 자습서를 권할 수 있습니까?

비슷한 문제가있는 navigation, media 등과 같은 다른 카테고리의 이벤트도 있습니다. 그래서 모든 종류의 추적 이벤트로 확장 할 수있는 무언가가 필요합니다.

출처

2016-10-17 Rothrock

배열에서 동시에 여러 이벤트를 푸시 할 수 있어야합니다. 여기에 예제를 게시하겠습니다. 이것이 실제로 부 풀림을 저장하는지 확실하지 않습니다. 어느 쪽이든 변수 이름과 값이 전달되어야합니다. 여기에 대한 자세한 내용은 https://developers.google.com/tag-manager/devguide#events 링크에서 확인할 수 있습니다.

<a href="#" onclick="dataLayer.push({ 
 
    'color': 'red', 
 
    'conversionValue': 50, 
 
    'event': 'customizeCar' 
 
});"> 
 
    Customize Color 
 
</a>

출처

2016-10-25 21:16:25

gtm의 데이터 속성을 사용한 이벤트 기반 추적

답변

관련 문제