Google 태그 관리자 튜토리얼 파트 2: GTM 버전 2에서 다운로드 추적

이 블로그 게시물의 업데이트된 버전 이 게시되었습니다.

업데이트된 Google 태그 관리자 버전 2 자습서의 1부 에서는 아웃바운드 링크를 추적하는 방법을 보여주었습니다. 아직 읽지 않았다면 최소한 소개를 살펴보십시오. 설명된 모든 요구 사항이 여기에도 적용됩니다.

이 두 번째 부분에서는 웹사이트에서 다운로드 추적을 설정하는 과정을 안내합니다. 아래 설정을 통해 사용자가 웹사이트에서 다양한 유형의 파일을 다운로드한 횟수를 추적할 수 있습니다. 사용자가 정의한 파일 확장명(예: .pdf)이 포함된 링크를 클릭할 때마다 파일 유형 및 파일 URL로 레이블이 지정된 이벤트가 기록됩니다. 그런 다음 Google Analytics에서 예를 들어 귀하의 사이트에서 다운로드한 pdf의 수와 다운로드한 pdf를 쉽게 확인할 수 있습니다.

이 부분에서는 Google 태그 관리자 의 주요 구성 요소인 사용자 정의 변수도 소개합니다. 변수를 사용하면 태그 및 트리거에서 사용하는 데이터 조각을 사용자 지정할 수 있습니다. Google 태그 관리자에는 많은 유용한 내장 변수가 포함되어 있지만 첫 번째 단계에서 하는 것처럼 직접 만들 수도 있습니다.

1. 파일 유형 변수 생성

이 사용자 정의 변수는 파일 확장자가 어떤 유형인지 알 수 있도록 링크 끝에서 파일 확장자를 잘라내는 몇 줄의 JavaScript로 구성됩니다. 맞춤 자바스크립트는 Google 태그 관리자 매크로(GTM 버전 1용)에 대한 Simo Ahava의 훌륭한 블로그 게시물 에서 가져왔습니다.

1. 사용자 정의 변수에서 "새로 만들기"를 클릭합니다.
2. "Untitled Variable"을 "Filetype"과 같은 설명적인 이름으로 바꿉니다.
3. 유형: 사용자 정의 Javascript를 선택하십시오.
4. 다음을 복사하여 Custom Javascript의 "변수 구성" 입력 상자에 붙여넣습니다.

 기능() {
  var ext = {{요소 클릭}}.pathname.split(".");
  반환 ext.length>1?ext.pop():'html';
}

5. "변수 생성"을 클릭하여 저장합니다.
6. 변수 페이지에서 "요소 클릭" 옆에 있는 상자를 선택하여 기본 제공 "요소 클릭"을 활성화합니다.

2. 다운로드 링크 클릭 트리거 생성

이 트리거는 링크 클릭이 파일 다운로드인지 여부를 결정합니다. 긴 파일 확장자 목록을 제공하고 링크 URL에 그 중 하나가 포함되어 있으면 규칙에 "예, 태그, 조치를 취하십시오."라고 표시됩니다. 선택적으로 관심 있는 파일만 포함하도록 이러한 파일 확장자를 사용자 정의하거나 사이트에서 제공하는 다운로드 유형에 특정한 다른 확장자를 추가할 수 있습니다.

1. 트리거에서 "새로 만들기"를 클릭합니다.
2. "제목 없는 트리거"를 "다운로드 링크 클릭"과 같은 설명적인 이름으로 바꿉니다.
3. 트리거 구성:
   1. 대상 "링크만"을 선택합니다. 이를 위해서는 버튼이나 다른 페이지 요소와 같은 다른 요소가 아닌 링크를 클릭해야 합니다.
   2. "태그 대기" 확인란을 선택하고 최대 대기 시간을 2000밀리초로 설정합니다. 이렇게 하면 사용자를 링크로 연결하기 전에 이 트리거를 사용하는 모든 태그가 준비될 때까지 트리거가 최대 2초를 기다릴 수 있습니다.
   3. "확인 확인" 확인란을 선택합니다. 이것은 링크가 실제로 사용자를 다른 페이지로 이동시키는 유효한 링크인지 확인합니다.
4. 활성화 시기:
   1. 옵션 선택: 페이지 URL이 RegEx ".*"와 일치합니다. 이렇게 하면 웹사이트의 모든 페이지에서 트리거가 활성화됩니다.
5. 발사:
   1. 옵션 선택: 클릭 URL은 정규식 "^.*\.(7z|aac|arc|arj|asf|asx|avi|bin|csv|doc|exe|flv|gif|gz|gzip|hqx|jar|jpe? g|js|mp(2|3|4|e?g)|mov(ie)?|msi|msp|pdf|phps|png|ppt|qtm?|ra(m|r)?|바다|앉아| tar|tgz|torrent|txt|wav|wma|wmv|wpd|xls|xml|z|zip)$”.
      이 정규식은 클릭한 링크가 브라우저에서 열리지 않고 일반적으로 다운로드되는 이러한 파일 확장명 중 하나로 끝나는지 확인합니다.
6. "트리거 생성"을 클릭하여 저장합니다.

(2016년 7월 19일 업데이트된 스크린샷)

"|" 목록 변경 특정 유형의 다운로드만 추적하려는 경우 "Fire On" 옵션에서 파일 확장자를 분리하십시오.

3. 다운로드 이벤트 태그 생성

이전 단계에서 필요한 변수와 트리거를 설정했으므로 이제 이벤트 추적 태그를 만들 수 있습니다. 이렇게 하면 Google Analytics의 트리거에서 설정한 파일 확장명이 있는 링크에 대한 클릭이 기록됩니다.

1. "태그"에서 "새로 만들기"를 클릭합니다.
2. "Untitled Tag"를 "Download Event"와 같은 설명적인 이름으로 바꿉니다.
3. 제품 선택: "Google Analytics"를 선택합니다.
4. 태그 유형 선택: 현재 웹사이트에서 사용하는 추적 코드에 따라 " 유니버설 애널리틱스 " 또는 "기본 Google 애널리틱스"를 선택합니다.
5. 태그 구성:
   1. 추적 ID: 웹사이트에 대한 Google 애널리틱스 속성의 추적 ID를 입력합니다.
   2. 트랙 유형: "이벤트"를 선택합니다.
   3. 범주: "다운로드"를 입력합니다.
   4. 조치: "{{Filetype}}"을 입력하십시오.
   5. 레이블: "{{URL 클릭}}"을 입력합니다. 이 기본 제공 변수를 먼저 활성화해야 합니다. 이 자습서의 1부, 1단계를 참조하세요.
   6. 비 상호 작용 조회: False를 선택하십시오. 즉, 이 이벤트는 사이트에서의 상호작용으로 계산되므로 이탈률이 변경됩니다. 다운로드를 상호 작용으로 계산할지 여부를 결정하고 이에 따라 조정해야 합니다.
6. 발사:
   1. "클릭"을 선택합니다.
   2. 팝업되는 "기존 클릭 트리거에서 선택" 메뉴에서 2단계에서 생성한 "다운로드 링크 클릭" 트리거를 선택합니다.
7. "태그 생성"을 클릭하여 태그를 저장합니다.

이 태그가 추적하는 다운로드 이벤트는 Google Analytics의 이벤트 보고서에 "다운로드" 카테고리로 표시되고 작업은 파일 유형(pdf, doc 등)으로 표시되며 레이블은 URL을 제공합니다. 링크.

그게 다야! 설정을 디버그하여(이 자습서의 1부 4단계 참조) 원하는 방식으로 작동하는지 확인하고 버전을 저장하고 게시하여 Google Analytics에서 다운로드 추적을 시작합니다.

이제 Google 태그 관리자 버전 2가 제공하는 내장 태그와 변수 중 일부를 사용했으므로 좀 더 복잡한 작업을 처리할 준비가 되었습니다. 이 튜토리얼의 3부 에서는 양식 제출 추적을 다루며 특정 웹사이트가 제대로 작동하려면 좀 더 사용자 정의가 필요합니다.

Google 태그 관리자에서 아웃바운드 링크 및/또는 다운로드 추적을 설정했습니까? Google 태그 관리자와 관련하여 도움이 필요하십니까? 나에게 이메일을 보내 !