Google 태그 관리자 튜토리얼 3부: 양식 제출 추적 – 2020년 업데이트

업데이트된 Google 태그 관리자 자습서의 2부에서 다운로드 링크 추적에 대해 다루었습니다. 놓친 경우 여기에서 시작하는 것이 좋습니다. 이 세 번째 파트에서는 ​​매우 인기 있는 주제인 양식 제출에 대해 자세히 살펴보겠습니다. 대부분의 마케팅 담당자는 많은 캠페인의 목표가 문의 양식을 통해 리드를 생성하고 캠페인의 성공을 측정하는 전환이므로 이를 추적하는 데 관심이 있을 것입니다.

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

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

아래 단계에 따라 양식 제출 추적을 설정하십시오.

1단계: 고유 식별자 찾기

문의 양식의 예를 사용하여 이를 설정하는 방법을 보여드리겠습니다. 아래 단계는 일반적인 프로세스를 설명하고 특정 웹사이트에 대해 변경해야 할 부분을 나타냅니다.

첫 번째 단계는 양식을 식별하는 데 도움이 되는 항목을 찾는 것입니다. 양식의 HTML 요소를 보고 이 양식을 고유하게 식별하는 데 도움이 되는 항목을 결정하여 이를 수행합니다.

웹사이트에서 양식을 검사하려면 마우스 오른쪽 버튼을 클릭하여 브라우저의 개발자 도구에 액세스합니다. (예를 들어 Chrome에서는 검사하려는 요소를 마우스 오른쪽 버튼으로 클릭하고 "검사"를 선택합니다.) 그러면 콘텐츠, CSS 클래스 및 기타 요소와 같이 양식에 고유한 다양한 속성이 표시됩니다.

아래 예에서 양식에 id가 contact-form 인 것을 볼 수 있습니다. id는 일반적으로 요소에 고유하고 웹사이트의 다른 곳에서는 사용되지 않는 적절한 식별자입니다. 양식에 고유 ID가 없으면 양식 클래스, 양식 작업의 페이지 URL 또는 양식 텍스트를 사용하여 이 특정 양식을 식별할 수도 있습니다. id 또는 classes를 사용하는 것이 가장 쉬우므로 가능하면 이를 사용하는 것이 좋습니다.

최후의 수단으로 양식이 나타나는 페이지 URL을 사용하여 식별할 수 있지만 주의해야 합니다. 페이지에 검색 상자와 같은 다른 양식이 있는 경우 이 양식이 연락처 양식 이벤트를 트리거할 수 있습니다.

2단계: 기본 제공 양식 변수 활성화

(양식에 고유 한 클래스가있는 경우, 또는 양식 클래스) 이벤트 태그 구성의 경우 기본 제공 변수 양식 ID가 필요합니다. 이전에 이 변수를 사용한 적이 없다면 선택하고 활성화해야 합니다. 그렇게 하려면 GTM 인터페이스에서 변수 로 이동하고 내장 변수 섹션에서 구성을 클릭합니다. 다양한 Form-Variables로 스크롤하고 Form ID 로 확인 표시를 설정합니다.

3단계: 양식 제출 트리거 만들기

이 트리거는 연락처 양식 제출이 정확히 무엇인지 정의합니다. 웹사이트의 특정 페이지에서 제출된 양식을 수신하고 연락처 양식에 대해 특별히 설정한 조건을 충족하는지 확인합니다.

트리거 설정의 경우 다음 단계를 따르십시오.

• 왼쪽 사이드바에서 트리거 로 이동하여 새 항목을 만듭니다.
• Untitled Trigger 를 Form Submission – Contact Form 과 같은 설명적인 이름으로 바꿉니다.
• 트리거 유형: 양식 제출을 선택합니다. 이것은 제출된 양식을 수신합니다.

트리거 구성의 경우 다음을 설정합니다.

• 태그 대기 확인란을 선택하지 마십시오. 양식 제출을 중단할 수 있으므로 양식에서 이 옵션을 기본적으로 사용하지 않는 것이 좋습니다. 철저한 테스트를 거쳐야 사용할 수 있습니다.
• 체크 체크 확인 유효성 검사 . 이는 양식이 실제로 제출되었는지 확인합니다.
• 활성화:
  • 페이지 경로에 연락처 가 포함되어 있습니다.

이렇게 하면 경로에 연락처 가 있는 페이지(예: https://amazeemetrics.com/contact)에서 트리거가 활성화됩니다. 연락처 양식이 포함된 웹 사이트의 페이지에서 트리거를 활성화하려면 이 값을 변경해야 합니다. 필요한 경우 모든 페이지에서 트리거를 활성화할 수도 있습니다.

• 발사:
  • 옵션 선택: 양식 ID는 contact-form 과 같습니다.

이것은 2단계에서 활성화한 변수와 1단계에서 식별한 고유 ID를 사용하여 연락처 양식 제출 로 추적할 양식을 정확히 지정합니다.

• Form ID 를 1단계에서 찾은 식별자와 2단계에서 활성화한 해당 변수로 변경합니다.

저장 을 클릭하여 트리거 설정을 완료합니다.

4단계: 양식 제출 이벤트 태그 만들기

양식 제출을 추적하는 마지막 단계는 원하는 정보로 Google Analytics의 이벤트를 기록할 태그를 만드는 것입니다. 이벤트는 이전 단계에서 설정한 트리거의 조건이 충족될 때 발생합니다. 이제 모든 조각을 모아서 태그를 만듭니다.

• > 태그 > 새로 만들기로 이동하여 새 태그를 만듭니다.
• 이름을 GA로 지정 - 이벤트 - 문의 양식 제출
• 태그 구성의 경우 태그 유형으로 Google Analytics: Universal Analytics 를 선택합니다.
• 트랙 유형: 이벤트
• 범주: 양식 입력
• 조치: 연락처 양식 제출을 입력하십시오. 사용하는 이벤트 명명 규칙과 일치하도록 이벤트 범주 및 작업의 이름을 바꿀 수 있습니다.
• 레이블: 성공 입력 . 이것은 선택 사항이며 이를 변경하거나 필드를 비워 둘 수 있습니다.
• Non-Interaction Hit: 기본 설정인 false 로 둡니다. 즉, 이 이벤트는 사이트에서의 상호작용으로 계산되므로 이탈률이 변경됩니다.

마지막 단계로 특정 조건이 충족될 때 태그를 실행하기 위해 3단계에서 생성한 트리거를 선택합니다. 다음은 최종 설정에 대한 개요입니다.

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

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

양식 제출 추적을 위해 다음 테스트 시나리오를 다루어야 합니다.

• 양식을 작성하지 않고 제출 버튼을 클릭하십시오. 이 경우 태그가 실행되지 않아야 합니다.
• 정확한 세부 정보로 양식을 작성한 다음 제출을 클릭하십시오. 이제 태그가 실행되어야 합니다.

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

모든 테스트가 성공하면 GTM에서 제출 버튼을 클릭할 수 있습니다. 이 게시된 버전에 Contact Form Submission 이벤트 추가 와 같은 설명이 포함된 이름을 지정하고 게시를 클릭합니다.

다음 튜토리얼 예정

양식 제출 트리거를 사용하면 연락처 양식 추적을 마스터하는 쉬운 방법입니다. 그러나 형식과 기술에 따라 항상 작동하지 않을 수 있습니다. 양식은 다양한 모양과 크기로 제공되므로 유연성을 위해 다양한 추적 기술을 제공하는 것이 적절하다고 생각했습니다.

양식 추적에 대한 고급 접근 방식인 요소 가시성 트리거에 대해 다룰 예정인 블로그 게시물을 계속 지켜봐 주십시오.