Google 애널리틱스 이벤트

Google 태그 관리자는 이벤트에 대한 응답으로 트리거 구성을 사용하여 태그를 실행합니다. 이 도움말에서는 태그 관리자를 사용하여 링크 클릭, 다른 유형의 요소 클릭, 시간 간격, 그리고 양식이 제출될 때 응답하여 실행되는 Google 애널리틱스 이벤트 태그의 설정 방법에 대해서 설명합니다.

이번 도움말에서는 태그 관리자를 구성하여 웹페이지에서 발생할 수 있는 이벤트 유형을 수신할 트리거를 만드는 방법에 대해서 설명합니다. 트리거 기능을 더욱 정확하게 조정하려면 코드를 설정하여 데이터 영역에 푸시된 이벤트를 기반으로 트리거를 사용하세요.

클릭 이벤트 정보를 Google 애널리틱스에 전송하기 위해 일반적으로 사용되는 방법은 아래와 같이 2가지입니다.

다음 예에서는 웹페이지에 아래 링크 이름과 URL이 포함된 탐색 메뉴가 있다고 가정합니다.

구매 https://example.com/buy.html
정보 https://example.com/about.html
문의 https://example.com/contact.html

별도의 트리거와 태그를 사용하여 클릭 수 추적

이 방법에서는 위 표에서 각 항목마다 트리거/태그 쌍이 하나씩 있는 것처럼 트리거 3개와 태그 3개를 만들어야 합니다.

  1. 아직 없는 경우에 한해 Google 애널리틱스 페이지뷰 태그를 추가합니다. 이 태그는 모든 페이지에서 실행되어야 합니다.
  2. 클릭된 URL 데이터를 캡처하도록 태그 관리자를 사용 설정합니다.
    1. 변수를 클릭합니다.
    2. 기본 제공 변수 섹션에서 구성을 클릭합니다.
    3. 클릭 URL의 체크박스를 선택합니다.
  3. 구매.html, 문의.html, 정보.html 링크 클릭을 추적하는 트리거를 만듭니다.
    1. 트리거 다음 새로 만들기를 클릭합니다.
    2. 트리거 구성 다음 클릭 - 링크만을 클릭합니다.
    3. 아래와 같은 설정을 트리거 구성에 추가합니다.
      • 태그 대기: 사용 설정
      • 최장 대기 시간: 2000(밀리초)
      • 유효성 확인: 사용중지
      • 모든 조건을 충족하는 경우 이 트리거를 사용 설정: 클릭 URL 다음 포함 다음 구매.html
      • 실행 대상: 모든 클릭
      • 트리거 이름을 'Trigger - Buy Clicks'로 지정한 후 트리거를 저장합니다.
    4. '문의.html'과 '정보.html'에 대해서도 위의 과정을 반복합니다.
  4. 각 페이지마다 클릭 수를 추적할 Google 애널리틱스 태그 3개를 새로 만듭니다.
    1. 태그 다음 새로 만들기를 클릭합니다.
    2. 태그 구성 다음 Google 애널리틱스 - 유니버설 애널리틱스를 클릭합니다.
    3. 트랙 유형이벤트로 설정합니다.
    4. 이벤트 추적 매개변수를 아래와 같이 입력합니다.
      • 카테고리: 탐색
      • 작업: 선택
      • 라벨: 구매
        참고: 라벨 값은 클릭하는 링크에 해당하는 값이어야 합니다(예:구매.html일 때 '구매', 문의.html일 때 '문의', 정보.html일 때 '정보').
      • 태그 이름: UA - Event - Buy Link
      • 상호작용 외 조회: 거짓
      • Google 애널리틱스 설정: 기존 Google 애널리틱스 설정 변수를 선택하거나, 새로운 변수를 만듭니다.
    5. 트리거링을 클릭한 후 3단계에서 'Trigger - Buy Clicks'라는 이름으로 만든 트리거를 선택합니다.
    6. 태그에 이름을 입력하고 태그 구성을 저장합니다.
  5. 문의정보 링크에서도 위의 단계를 반복하여 태그를 만듭니다. 페이지 이름에 따라 라벨 값을 설정합니다(예: '구매.html일 때 '구매', 문의.html일 때 '문의', 정보.html일 때 '정보').
  6. 컨테이너를 게시합니다.

단일 태그를 사용한 클릭 수 추적

정규 표현식을 사용해 정확한 페이지에서 실행되는 단일 트리거와, 태그 관리자 변수라벨 필드에 사용하는 단일 태그를 통해, 컨테이너를 간소화할 수 있습니다.

  1. 아직 없는 경우에 한해 Google 애널리틱스 페이지뷰 태그를 추가합니다. 이 태그는 모든 페이지에서 실행되어야 합니다.
  2. 클릭된 URL 값을 캡처하도록 태그 관리자를 사용 설정합니다.
    1. 변수를 클릭합니다.
    2. 기본 제공 변수 섹션에서 구성을 클릭합니다.
    3. 클릭 URL 기본 제공 변수를 선택합니다.
  3. 위 표에서 각 항목마다 링크 클릭 수를 처리할 단일 트리거를 만듭니다.
    1. 트리거 다음 새로 만들기를 클릭합니다.
    2. 트리거 구성 다음 클릭 - 링크만을 클릭합니다.
    3. 아래와 같은 설정으로 트리거를 구성합니다.
      • 태그 대기: 사용 설정
      • 최장 대기 시간: 2000밀리초
      • 유효성 확인: 사용중지
      • 모든 조건을 충족하는 경우 이 트리거를 사용 설정: 클릭 URL 다음 정규 표현식과 일치 다음 contact\.html|buy\.html|about\.html
      • 실행 대상: 모든 클릭
    4. 트리거 이름을 'Trigger - Nav Clicks'로 지정한 후 저장합니다.
  4. 모든 클릭 수를 처리할 단일 태그를 만듭니다.
    1. 태그 다음 새로 만들기를 클릭합니다.
    2. 태그 구성 다음 유니버설 애널리틱스를 클릭합니다.
    3. 트랙 유형이벤트로 설정합니다.
    4. 이벤트 추적 매개변수를 아래와 같이 지정합니다.
      • 카테고리: 탐색
      • 작업: 선택
      • 라벨: {{Click URL}}
    5. 트리거링을 클릭한 후 3단계에서 'Trigger - Nav Clicks'라는 이름으로 만든 트리거를 선택합니다.
    6. 태그를 저장합니다.
  5. 컨테이너를 게시합니다.

요소 클릭 수

이 방법은 링크가 아닌 요소 클릭 수를 추적할 때 사용됩니다. 여기에는 이미지와 <div> 요소 또는 DOM에서 액세스가 가능한 페이지의 다른 항목에 대한 클릭 수도 포함됩니다. 이 예에서는 각 이미지의 class 속성 값이 gallery이고, 각 이미지마다 고유한 ID 속성 값이 있다고 가정합니다.

<a href="ggb.jpg" class="gallery" id="Golden_Gate_Bridge">
<a href="tm.jpg" class="gallery" id="Taj_Mahal">

이 예에서는 이러한 속성을 사용하여 class="gallery"인 이미지 태그를 실행하는 트리거를 구성하고, 그 트리거를 사용하여 각 ID 값(예: Golden_Gate_Bridge, Taj_Mahal)을 Google 애널리틱스로 전송하는 태그를 실행합니다.

  1. 아직 없는 경우에 한해 Google 애널리틱스 페이지뷰 태그를 추가합니다. 이 태그는 모든 페이지에서 실행되어야 합니다.
  2. 클릭된 클래스 및 ID 값을 캡처하도록 태그 관리자를 사용 설정합니다.
    1. 변수를 클릭합니다.
    2. 기본 제공 변수 섹션에서 구성을 클릭합니다.
    3. 클릭 클래스클릭 ID 기본 제공 변수를 선택합니다.
  3. 링크의 클래스 속성 값이 gallery일 때 실행할 새 트리거를 만듭니다.
    1. 트리거 다음 새로 만들기를 클릭합니다.
    2. 트리거 구성 다음클릭 - 모든 요소를 클릭합니다.
    3. 아래와 같은 설정으로 트리거를 구성합니다.
      • 실행 대상: 일부 클릭
      • 이벤트가 발생하고 모든 조건을 충족하는 경우 이 트리거를 실행: 클릭 클래스 다음 포함 다음 gallery.
    4. 메시지가 표시되면 트리거를 저장한 후 이름을 'Trigger - Gallery Image Click'으로 지정합니다.
  4. 클릭된 이미지의 ID 속성 값을 캡처할 태그를 만듭니다.
    1. 태그 다음 새로 만들기를 클릭합니다.
    2. 태그 구성 다음 유니버설 애널리틱스를 클릭합니다.
    3. 트랙 유형이벤트로 설정합니다.
    4. 이벤트 추적 매개변수를 아래와 같이 지정합니다.
      • 카테고리: 이미지 갤러리
      • 작업: 클릭
      • 라벨: {{Click ID}}
        참고: 중괄호는 텍스트 필드 및 맞춤설정 코드에서 유효한 태그 관리자 변수 이름을 이벤트에서 검색한 관련 값으로 바꾸는 데 사용됩니다.
      • 상호작용 외 조회: 거짓
      • Google 애널리틱스 설정: 기존 Google 애널리틱스 설정 변수를 선택하거나, 새로운 변수를 만듭니다.
    5. 트리거링을 클릭한 후 3단계에서 'Trigger - Gallery Image Click'이라는 이름으로 만든 트리거를 선택합니다.
    6. 태그를 'GA - Event Tag - Gallery Image Click'으로 저장합니다.
  5. 컨테이너를 게시합니다.

시간 간격

시간 간격 태그를 구현하면 이탈률 보고서에 영향을 주어 예상보다 낮은 이탈률이 보고될 수 있습니다.

이벤트가 트리거되지 않은 경우 페이지에 머문 시간을 알아야 할 때 시간 간격을 추적합니다. 여기에는 페이지에서 텍스트를 읽거나 동영상을 재생하는 사용자도 포함될 수 있습니다. 기본 설정인 30분 이후에는 Google 애널리틱스 세션의 제한 시간을 초과한다는 점을 고려하여 25분마다 활동이 전송되도록 'keepalive event’를 구현하세요.

시간 간격을 추적할 태그를 구성하려면 다음과 같이 실행합니다.

  1. 아직 없는 경우에 한해 기본 Google 애널리틱스 페이지뷰 태그를 추가합니다. 이 태그는 모든 페이지에서 실행되어야 합니다.
  2. 타이머 트리거를 만듭니다.
    1. 트리거 다음 새로 만들기를 클릭합니다.
    2. 트리거 구성 다음 타이머를 클릭합니다.
    3. 아래와 같은 설정을 트리거 구성에 추가합니다.
      • 이벤트 이름: gtm.timer
      • 간격: 1,500,000(밀리초로 계산)
      • 제한: 5
      • 모든 조건을 충족하는 경우 이 트리거를 사용 설정: 페이지 URL 다음 포함 다음 동영상.html
    4. 트리거를 'Trigger - Session Timer'로 저장합니다.
  3. 세션 타이머 태그를 만듭니다.
    1. 태그 다음 새로 만들기를 클릭합니다.
    2. 태그 구성 다음 유니버설 애널리틱스를 클릭한 후 아래와 같은 설정을 태그 구성에 추가합니다.
      • 추적 유형: 시간
      • 사용자 시간 추적 매개변수: 빈 칸으로 남겨두거나, 혹은 보고서에 따라 원하는 값을 추가합니다.
    3. 트리거링을 클릭한 후 2단계에서 'Trigger - Session Timer'라는 이름으로 만든 트리거를 선택합니다.
  4. 컨테이너를 게시합니다.

양식 제출

이 기술을 이용하면 웹페이지의 양식을 제출할 때마다 태그가 실행됩니다. 이 예에서는 <form> HTML 태그에 값이 'contact_us'인 ID 속성이 포함되어 있다고 가정합니다.

<form action="/example" method="POST" id="contact_us">

이 ID를 사용하여 양식이 제출되었을 때 이를 수신할 트리거를 만들 수 있습니다.

  1. 아직 없는 경우에 한해 기본 Google 애널리틱스 페이지뷰 태그를 추가합니다. 이 태그는 모든 페이지에서 실행되어야 합니다.
  2. 양식 ID를 캡처하도록 태그 관리자를 사용 설정합니다.
    • 변수를 클릭합니다.
    • 기본 제공 변수 섹션에서 구성을 클릭합니다.
    • 양식 ID 기본 제공 변수를 선택합니다.
  3. 양식 제출 트리거를 만듭니다.
    • 트리거 다음 새로 만들기를 클릭합니다.
    • 트리거 구성 다음 양식 제출을 클릭합니다.
    • 아래와 같은 설정을 트리거 구성에 추가합니다.
      • 태그 대기: 사용중지
      • 유효성 확인: 사용중지
      • 실행 대상: 일부 양식
      • 이벤트가 발생하고 모든 조건을 충족하는 경우 이 트리거를 실행: 양식 ID 다음 포함 다음 contact_us
    • 트리거를 'Trigger - My Form Submits'로 저장합니다.
  4. 양식 제출을 추적할 태그를 만듭니다.
    1. 태그 다음 새로 만들기를 클릭합니다.
    2. 태그 구성 다음 유니버설 애널리틱스를 클릭합니다.
    3. 트랙 유형이벤트로 설정합니다.
    4. 이벤트 추적 매개변수를 작성합니다.
      • 카테고리: 양식
      • 작업: 제출
      • 라벨: 리드 생성 - {{Form ID}} 
        참고: 중괄호는 텍스트 필드 및 맞춤설정 코드에서 유효한 태그 관리자 변수 이름을 이벤트에서 검색한 관련 값으로 바꾸는 데 사용됩니다.
    5. 상호작용 외 조회: 거짓
    6. Google 애널리틱스 설정: 기존 Google 애널리틱스 설정 변수를 선택하거나, 새로운 변수를 만듭니다.
    7. 트리거링을 클릭한 후 3단계에서 'Trigger - My Form Submits'라는 이름으로 만든 트리거를 선택합니다.
    8. 태그를 'GA - Event Tag - Form Submits'로 저장합니다.
  5. 컨테이너를 게시합니다.

관련 자료

도움이 되었나요?
어떻게 하면 개선할 수 있을까요?