Google 태그 관리자는 이벤트에 대한 응답으로 트리거 구성을 사용하여 태그를 실행합니다. 이 도움말에서는 태그 관리자를 사용하여 링크 클릭, 다른 유형의 요소 클릭, 시간 간격, 그리고 양식이 제출될 때 응답하여 실행되는 유니버설 애널리틱스 이벤트 태그의 설정 방법에 대해서 설명합니다.
링크 클릭
클릭 이벤트 정보를 Google 애널리틱스에 전송하기 위해 일반적으로 사용되는 방법은 아래와 같이 2가지입니다.
- 각 링크 유형마다 별도의 트리거와 태그를 사용합니다.
- 단일 태그를 정규 표현식과 함께 사용하여 모든 클릭 데이터를 처리합니다.
다음 예에서는 웹페이지에 아래 링크 이름과 URL이 포함된 탐색 메뉴가 있다고 가정합니다.
구매 | https://example.com/buy.html |
정보 | https://example.com/about.html |
문의 | https://example.com/contact.html |
별도의 트리거와 태그를 사용하여 클릭수 측정
이 방법에서는 위 표에서 각 항목마다 트리거/태그 쌍이 하나씩 있는 것처럼 트리거 3개와 태그 3개를 만들어야 합니다.
- 아직 없는 경우에 한해 Google 애널리틱스 페이지 조회 태그를 추가합니다. 이 태그는 모든 페이지에서 실행되어야 합니다.
- 클릭된 URL 데이터를 캡처하도록 태그 관리자를 사용 설정합니다.
- 변수를 클릭합니다.
- 기본 제공 변수 섹션에서 구성을 클릭합니다.
- 클릭 URL의 체크박스를 선택합니다.
- buy.html, contact.html, about.html 링크 클릭을 수신하는 트리거를 만듭니다.
- 트리거 새로 만들기를 클릭합니다.
- 트리거 구성 클릭 - 링크만을 클릭합니다.
- 아래와 같은 설정을 트리거 구성에 추가합니다.
- 태그 대기: 사용 설정
- 최장 대기 시간: 2000(밀리초)
- 유효성 확인: 사용 중지
- 모든 조건을 충족하는 경우 이 트리거를 사용 설정: 페이지 URL 포함
/
- 트리거 실행 조건: 일부 링크 클릭 클릭 URL 포함 buy.html
- 트리거 이름을 'Trigger - Buy Clicks'로 지정한 후 트리거를 저장합니다.
- 'contact.html'과 'about.html'에 대해서도 위의 과정을 반복합니다.
- 각 페이지마다 클릭수를 측정할 Google 애널리틱스 태그 3개를 새로 만듭니다.
- 태그 새로 만들기를 클릭합니다.
- 태그 구성 Google 애널리틱스 - 유니버설 애널리틱스를 클릭합니다.
- 트랙 유형을 이벤트로 설정합니다.
- 이벤트 추적 매개변수를 아래와 같이 입력합니다.
- 카테고리: 탐색
- 작업: 선택
- 라벨: 구매
참고: 라벨 값은 클릭하는 링크에 해당하는 값이어야 합니다(예: buy.html이면 구매, contact.html이면 문의, about.html이면 정보). - 태그 이름: UA - Event - Buy Link
- 상호작용 외 조회: 거짓
- Google 애널리틱스 설정: 기존 Google 애널리틱스 설정 변수를 선택하거나, 새로운 변수를 만듭니다.
- 트리거링을 클릭한 후 3단계에서 'Trigger - Buy Clicks'라는 이름으로 만든 트리거를 선택합니다.
- 태그에 이름을 입력하고 태그 구성을 저장합니다.
- 문의 및 정보 링크에서도 위의 단계를 반복하여 태그를 만듭니다. 페이지 이름에 따라 라벨 값을 설정합니다(예: (예: buy.html이면 구매, contact.html이면 문의, about.html이면 정보).
- 컨테이너를 게시합니다.
단일 태그를 사용한 클릭수 측정
정규 표현식을 사용해 정확한 페이지에서 실행되는 단일 트리거와, 태그 관리자 변수를 라벨 필드에 사용하는 단일 태그를 통해, 컨테이너를 간소화할 수 있습니다.
- 아직 없는 경우에 한해 Google 애널리틱스 페이지 조회 태그를 추가합니다. 이 태그는 모든 페이지에서 실행되어야 합니다.
- 클릭된 URL 값을 캡처하도록 태그 관리자를 사용 설정합니다.
- 변수를 클릭합니다.
- 기본 제공 변수 섹션에서 구성을 클릭합니다.
- 클릭 URL 기본 제공 변수를 선택합니다.
- 위 표에서 각 항목마다 링크 클릭수를 처리할 단일 트리거를 만듭니다.
- 트리거 새로 만들기를 클릭합니다.
- 트리거 구성 클릭 - 링크만을 클릭합니다.
- 아래와 같은 설정으로 트리거를 구성합니다.
- 태그 대기: 사용 설정
- 최장 대기 시간: 2000밀리초
- 유효성 확인: 사용 중지
- 모든 조건을 충족하는 경우 이 트리거를 사용 설정: 페이지 URL 포함
/
- 트리거 실행 조건: 일부 클릭 클릭 URL 정규 표현식과 일치
contact\.html|buy\.html|about\.html
- 트리거 이름을 'Trigger - Nav Clicks'로 지정한 후 저장합니다.
- 모든 클릭수를 처리할 단일 태그를 만듭니다.
- 태그 새로 만들기를 클릭합니다.
- 태그 구성 Google 애널리틱스 - 유니버설 애널리틱스를 클릭합니다.
- 트랙 유형을 이벤트로 설정합니다.
- 이벤트 추적 매개변수를 아래와 같이 지정합니다.
- 카테고리: 탐색
- 작업: 선택
- 라벨: {{Click URL}}
- 트리거링을 클릭한 후 3단계에서 'Trigger - Nav Clicks'라는 이름으로 만든 트리거를 선택합니다.
- 태그를 저장합니다.
- 컨테이너를 게시합니다.
요소 클릭수
이 방법은 링크가 아닌 요소 클릭수를 측정할 때 사용됩니다. 여기에는 이미지와 <div>
요소 또는 DOM에서 액세스가 가능한 페이지의 다른 항목에 대한 클릭수도 포함됩니다. 이 예에서는 각 이미지의 class
속성 값이 gallery
이고, 각 이미지마다 고유한 ID 속성 값이 있다고 가정합니다.
이 예에서는 이러한 속성을 사용하여 class="gallery"
인 이미지 태그를 실행하는 트리거를 구성하고, 그 트리거를 사용하여 각 ID 값(예: Golden_Gate_Bridge
, Taj_Mahal
)을 Google 애널리틱스로 전송하는 태그를 실행합니다.
- 아직 없는 경우에 한해 Google 애널리틱스 페이지 조회 태그를 추가합니다. 이 태그는 모든 페이지에서 실행되어야 합니다.
- 클릭된 클래스 및 ID 값을 캡처하도록 태그 관리자를 사용 설정합니다.
- 변수를 클릭합니다.
- 기본 제공 변수 섹션에서 구성을 클릭합니다.
- 클릭 클래스 및 클릭 ID 기본 제공 변수를 선택합니다.
- 링크의 클래스 속성 값이
gallery
일 때 실행할 새 트리거를 만듭니다.- 트리거 새로 만들기를 클릭합니다.
- 트리거 구성 클릭 - 모든 요소를 클릭합니다.
- 모든 조건을 충족하는 경우 이 트리거를 사용 설정: 페이지 URL 포함
/
- 트리거 실행 조건: 일부 클릭 클릭 클래스 포함
gallery
- 메시지가 표시되면 트리거를 저장한 후 이름을 'Trigger - Gallery Image Click'으로 지정합니다.
- 클릭된 이미지의 ID 속성 값을 캡처할 태그를 만듭니다.
- 태그 새로 만들기를 클릭합니다.
- 태그 구성 유니버설 애널리틱스를 클릭합니다.
- 트랙 유형을 이벤트로 설정합니다.
- 이벤트 추적 매개변수를 아래와 같이 지정합니다.
- 카테고리: 이미지 갤러리
- 작업: 클릭
- 라벨: {{Click ID}}
참고: 중괄호는 텍스트 필드 및 맞춤설정 코드에서 유효한 태그 관리자 변수 이름을 이벤트에서 검색한 관련 값으로 바꾸는 데 사용됩니다. - 상호작용 외 조회: 거짓
- Google 애널리틱스 설정: 기존 Google 애널리틱스 설정 변수를 선택하거나 새로운 변수를 만듭니다.
- 트리거링을 클릭한 후 3단계에서 'Trigger - Gallery Image Click'이라는 이름으로 만든 트리거를 선택합니다.
- 태그를 'GA - Event Tag - Gallery Image Click'으로 저장합니다.
- 컨테이너를 게시합니다.
시간 간격
이벤트가 트리거되지 않은 경우 페이지에 머문 시간을 알아야 할 때 시간 간격을 측정합니다. 여기에는 페이지에서 텍스트를 읽거나 동영상을 재생하는 사용자도 포함될 수 있습니다. 기본 설정인 30분 이후에는 Google 애널리틱스 세션의 제한 시간을 초과한다는 점을 고려하여 25분마다 활동이 전송되도록 'keepalive event’를 구현하세요.
시간 간격을 측정할 태그를 구성하려면 다음과 같이 실행합니다.
- 아직 없는 경우에 한해 기본 Google 애널리틱스 페이지 조회 태그를 추가합니다. 이 태그는 모든 페이지에서 실행되어야 합니다.
- 타이머 트리거를 만듭니다.
- 트리거 새로 만들기를 클릭합니다.
- 트리거 구성 타이머를 클릭합니다.
- 아래와 같은 설정을 트리거 구성에 추가합니다.
- 이벤트 이름: gtm.timer
- 간격: 1,500,000(밀리초로 계산)
- 제한: 5
- 모든 조건을 충족하는 경우 이 트리거를 사용 설정: 페이지 URL 포함 video.html
- 트리거 실행 조건: 모든 타이머
- 트리거를 'Trigger - Session Timer'로 저장합니다.
- 세션 타이머 태그를 만듭니다.
- 태그 새로 만들기를 클릭합니다.
- 태그 구성 유니버설 애널리틱스를 클릭한 후 아래와 같은 설정을 태그 구성에 추가합니다.
- 추적 유형: 시간
- 사용자 시간 추적 매개변수: 빈 칸으로 남겨두거나 보고서에 따라 원하는 값을 추가합니다.
- 트리거링을 클릭한 후 2단계에서 'Trigger - Session Timer'라는 이름으로 만든 트리거를 선택합니다.
- 컨테이너를 게시합니다.
양식 제출
이 기술을 이용하면 웹페이지의 양식을 제출할 때마다 태그가 실행됩니다. 이 예에서는 <form>
HTML 태그에 값이 'contact_us
'인 ID 속성이 포함되어 있다고 가정합니다.
양식이 제출되었을 때 이를 수신할 트리거를 이 ID를 사용하여 만들 수 있습니다.
- 아직 없는 경우에 한해 기본 Google 애널리틱스 페이지 조회 태그를 추가합니다. 이 태그는 모든 페이지에서 실행되어야 합니다.
- 양식 ID를 캡처하도록 태그 관리자를 사용 설정합니다.
- 변수를 클릭합니다.
- 기본 제공 변수 섹션에서 구성을 클릭합니다.
- 양식 ID 기본 제공 변수를 선택합니다.
- 양식 제출 트리거를 만듭니다.
- 트리거 새로 만들기를 클릭합니다.
- 트리거 구성 양식 제출을 클릭합니다.
- 아래와 같은 설정을 트리거 구성에 추가합니다.
- 태그 대기: 사용 중지
- 유효성 확인: 사용 설정
- 모든 조건을 충족하는 경우 이 트리거를 사용 설정: 페이지 URL 포함
/
- 트리거 실행 조건: 일부 양식 양식 ID 포함
contact_us
- 트리거를 'Trigger - My Form Submits'로 저장합니다.
- 양식 제출을 추적할 태그를 만듭니다.
- 태그 새로 만들기를 클릭합니다.
- 태그 구성 유니버설 애널리틱스를 클릭합니다.
- 트랙 유형을 이벤트로 설정합니다.
- 이벤트 추적 매개변수를 작성합니다.
- 카테고리: 양식
- 작업: 제출
- 라벨: 리드 생성 - {{Click ID}}
참고: 중괄호는 텍스트 필드 및 맞춤설정 코드에서 유효한 태그 관리자 변수 이름을 이벤트에서 검색한 관련 값으로 바꾸는 데 사용됩니다.
- 상호작용 외 조회: 거짓
- Google 애널리틱스 설정: 기존 Google 애널리틱스 설정 변수를 선택하거나, 새로운 변수를 만듭니다.
- 트리거링을 클릭한 후 3단계에서 'Trigger - My Form Submits'라는 이름으로 만든 트리거를 선택합니다 .
- 태그를 'GA - Event Tag - Form Submits'로 저장합니다.
- 컨테이너를 게시합니다.