Google 태그 관리자 튜토리얼 파트 2: 다운로드 링크 추적 – 2020년 업데이트

업데이트된 Google 태그 관리자 자습서의 1부에서는 아웃바운드(외부) 링크 추적에 대해 설명했습니다. 놓친 경우 여기에서 시작하는 것이 좋습니다. 이 두 번째 부분에서는 웹사이트에서 파일 다운로드 추적을 설정하는 과정을 안내합니다. eBook, PDF 또는 백서와 같은 다운로드 가능한 리소스를 제공하는 경우 방문자가 이 콘텐츠를 다운로드하는 빈도를 추적하고 싶을 것입니다. 웹사이트에서 다운로드를 추적하면 방문자의 관심사를 파악하고 청중이 실제로 원하는 콘텐츠 유형을 결정하는 데 도움이 됩니다.

Google Analytics는 이 활동을 자동으로 추적하지 않지만 Google 태그 관리자(GTM)는 다운로드 추적을 위한 쉽고 자동화된 솔루션을 제공합니다.

이 자습서에서는 이미 Google 태그 관리자 계정이 있고 컨테이너를 만들고 웹사이트에 설치했다고 가정합니다. 또한 웹사이트에 대해 Google Analytics 계정을 설정하고 GTM에 연결해야 합니다.

아래 단계에 따라 다운로드 링크 추적을 설정하십시오.

1단계: "요소 클릭" 및 "URL 클릭" 변수 활성화

Google 태그 관리자에는 선택할 수 있는 다양한 기본 제공 변수가 있으며 필요한 경우 맞춤 변수를 생성할 수 있는 옵션도 있습니다. 이 설정을 위해서는 내장 변수 "클릭 요소" 및 "클릭 URL"이 필요합니다. 이전에 이러한 변수를 사용한 적이 없다면 해당 변수를 선택하고 활성화해야 합니다. 그렇게 하려면 "변수"로 이동하고 "내장 변수" 섹션에서 "구성"을 클릭합니다. 다양한 클릭 변수로 스크롤하고 "클릭 요소" 및 "클릭 URL"에 체크 표시를 설정합니다.

2단계: 맞춤 자바스크립트 변수 만들기

이 사용자 정의 변수는 Google Analytics에서 파일 유형별로 다운로드를 쉽게 분할할 수 있도록 링크 끝에서 파일 확장자를 제거하는 몇 줄의 JavaScript로 구성됩니다.

이를 설정하려면 Google 태그 관리자 사용자 인터페이스에서 "변수"로 이동하고 "사용자 정의 변수"까지 아래로 스크롤한 다음 "새로 만들기"를 클릭합니다. 변수 선택기에서 "Custom JavaScript"를 변수 템플릿으로 선택합니다.

변수 구성을 설정합니다.

• "제목 없는 변수"를 "JS – 파일 유형"과 같은 설명적인 이름으로 바꿉니다.
• 다음 코드를 복사하여 "Custom JavaScript" 입력 상자에 붙여넣고 "저장"을 클릭합니다.

 기능() {
var 파일 경로 = {{요소 클릭}}.pathname.split("/");
var 파일 이름 = filepath.pop();
var 파일 형식;
if (파일명.indexOf(".")>-1) {
    파일 형식 = 파일 이름.substr(파일 이름.indexOf(".")+1);
    파일 유형 = 파일 유형.toUpperCase();
    반환 파일 유형;
    }
}

변수는 다음과 같아야 합니다.

3단계: "링크만" 트리거 생성

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

다운로드 링크 클릭에 대한 트리거를 설정하려면 다음 단계를 따르세요.

• 왼쪽 사이드바에서 "트리거"로 이동하여 새 항목을 만듭니다.
• "링크 클릭 - 다운로드"와 같은 설명적인 이름을 제공합니다.
• 트리거 유형 선택: "클릭 – 링크만"
• 트리거 조건은 "Some Link Clicks" > Variable: "Click URL" > "matches RegEx(대소문자 무시)" > "^.*\.(7z|aac|arc|arj|asf|asx|avi)로 설정합니다. |bin|csv|doc|exe|flv|gz|gzip|hqx|jar|js|mp(2|3|4|e?g)|mov(ie)?|msi|msp|pdf|phps|ppt| qtm?|ra(m|r)?|sea|sit|tar|tgz|torrent|txt|wav|wma|wmv|wpd|xls|xml|z|zip)$”
• "Wait for Tags" 및 "Check Validation" 옵션: "Wait for Tags"는 이벤트 작업을 진행하기 전에 이 트리거로 실행되는 모든 태그가 먼저 실행되도록 합니다. "Just Links" 트리거의 경우 모든 종속 태그가 완료될 때까지 파일 다운로드가 중단된 후 다운로드가 재개됩니다. "확인 확인"은 클릭이 실제로 유효한지 확인합니다. 이들은 자유롭게 설정할 수 있지만 대부분의 상황에서 이 트리거에 대해 선택하지 않은 상태로 두는 것이 좋습니다.
• "저장"을 클릭하십시오

트리거 구성은 다음과 같습니다.

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

4단계: 다운로드 클릭 이벤트 태그 생성

이 태그는 사용자 정의 JS 변수와 생성한 트리거를 사용합니다. 이렇게 하면 Google Analytics의 트리거에서 설정한 파일 확장명이 있는 링크에 대한 클릭이 기록됩니다.

다음 단계에 따라 생성하십시오.

• > "태그"> "새로 만들기"로 이동하여 새 태그를 만듭니다.
• 이름을 "GA - 이벤트 - 다운로드"로 지정합니다.
• 태그 구성의 경우 태그 유형으로 "Google Analytics: Universal Analytics"를 선택합니다.
• 트랙 유형: "이벤트"

표시된 대로 다음 설정을 입력합니다.

아래의 "트리거링" 섹션에서 3단계에서 미리 구성된 트리거를 추가합니다.

이 태그가 추적하는 다운로드 이벤트는 Google Analytics의 이벤트 보고서("동작" 섹션)에 "다운로드" 카테고리로 표시됩니다. 이벤트 동작은 파일 유형(PDF, DOC 등)으로 표시되며 레이블에는 다운로드 링크의 URL이 표시됩니다.

5단계: 버전 저장, 테스트 및 게시

방금 만든 태그는 게시할 때까지 작동하지 않지만 먼저 예상대로 작동하는지 철저히 테스트해야 합니다. 태그를 저장했으면 미리보기 모드를 활성화하고(오른쪽 상단 모서리에 있는 "미리보기" 클릭) 웹사이트로 이동하여 페이지를 새로고침합니다.

다운로드 링크 추적에 대한 다음 테스트 시나리오를 포함해야 합니다.

• 다운로드 링크를 클릭합니다. GA 태그 "GA – 이벤트 – 다운로드"가 실행되어야 합니다.
• 다른 링크(예: 소셜 미디어 프로필)를 클릭합니다. 태그가 실행되면 안 됩니다.

Google Analytics 실시간 이벤트 보고서는 모든 것이 제대로 작동하는 경우 이벤트 조회를 표시해야 합니다. Google 태그 관리자 테스트 문제 및 문제가 발생할 경우 해결 방법 에 대한 블로그 게시물을 읽어보세요.

모든 테스트가 성공하면 GTM에서 "제출" 버튼을 클릭할 수 있습니다. 이 게시된 버전에 "다운로드 링크 이벤트 추가됨"과 같은 이름을 지정하고 "게시"를 클릭합니다.

다음 튜토리얼 예정

이 가이드의 두 번째 부분에서는 Google 태그 관리자의 맞춤 자바스크립트 및 기본 제공 변수를 사용하여 자동 다운로드 링크 추적을 쉽게 설정하는 방법을 설명했습니다.

이제 GTM의 일부 기능을 사용했으므로 더 복잡한 추적 시나리오로 이동할 준비가 되었습니다. 이 튜토리얼의 3부에서는 태그 관리 도구의 가능성에 대해 자세히 설명합니다. 다음 업데이트를 기대해주세요!