이벤트 설정 - 상담신청편 (1) - 디에이허브 구글애널리틱스 GTM

이벤트 설정 - 상담신청편 (1)


2017-07-25

구글애널리틱스에서 목표값을 설정하다가 보면 홈페이지에서 URL 없이 팝업으로 처리되어 지는 경우가 종종 발생합니다.   

 

예를 들면, 상담신청을 받을려고 할때 이름, 전화번호를 입력하고 "신청하기" 버튼을 클릭하면 "신청이 완료되었습니다" 라는 메시지박스만 출력이 되는 경우가 종종 있습니다.   

 

이런 경우, 목표값을 설정할때 도착URL 설정을 못해 난감한 경우가 발생합니다.  

 

또는, 이벤트로 목표값을 설정하더라도 유효성 검사를 통해 실제적으로 데이터가 정확히 다 입력되고 이벤트 처리가 되었는지도 확인하셔야 합니다.    

 

그래서 이런경우, 구글 태그 관리자를 이용하여 이벤트 설정을 하여 이벤트 처리를 하는 것도 하나의 방법이 될 수 있습니다.  

 

( 물론, 가상페이지를 설정하여 처리하는 방법도 있습니다. )   

 

오늘은 이벤트를 설정하여 처리하는 방법을 알아보기로 하겠습니다. 

  
양식제출 이벤트를 추적하기 위해서는 구글 태그 관리자를 이용하더라도 홈페이지내의 소스코드를 수정하셔야 합니다.   

 

양식제출 이벤트에는 "유효성 검사" 라는 것이 있습니다.   

 

유효성 검사라 함은 "신청 양식에 데이터가 정확히 입력 되었는지" 검사하는 것을 말합니다.   

 

예를 들면, 상담신청을 받을 경우 해당 사용자의 전화번호나 이메일이 포함되지 않는 경우 이 정보는 정보로서 가치가 없는 것이므로 신청건수에 포함시키면 안됩니다.  

 

그래서 유효성 검사를 통해 이를 체크하는 것입니다.   

 

홈페이지내에서 이 부분을 자바스크립트로 처리하여 데이터가 정확히 입력되었는지 체크를 하지만...  

 

구글 애널리틱스에서는 보통 "클릭" 이벤트로 처리하거나 또는 "가상페이지"로 처리하기 때문에 유효성 검사를 하려면 직접 소스코드에 구글 애널리틱스가 인식하도록 소스 코드를 수정해야 합니다.   

 

"유효성 검사"에 대한 부분은 이해가 되셨으리라 생각하고 그림을 보면서 좀 더 자세히 설명 드리겠습니다.  

 

 

 

구글태그관리자 이벤트 
   

 

 

위의 그림을 보시면 보통 상담신청을 받는 홈페이지에서 쓰이는 "빠른상담신청" 폼입니다.   

 

이름, 전화번호, 희망상담시간을 입력받습니다.   

 

이때, 하나라도 입력을 안하면 미입력 되었다고 메시지박스가 출력이 됩니다.  

 

이것을 "유효성 검사" 라고 합니다.   

 

이때, "빠른상담신청" 버튼에 이벤트 처리를 하게 되면 버튼을 클릭할때 마다 이벤트가 발생하기 때문에 유효성 검사에 통과를 하지 못해도 이벤트가 카운팅 됩니다.   

 

그래서, 구글 태그 관리자에서 이벤트 설정 시 유효성 검사를 체크한 후 조건을 만족하면 이벤트 처리를 하게 끔 홈페이지 내의 소스코드를 수정하셔야 합니다.   

 

다음 시간에는 실제 홈페이지내의 소스코드를 어떻게 수정해야 하는지에 대해 알아보기로 하겠습니다.

1

추천하기

0

반대하기
  • 페이스북 공유
  • 트위터 공유
  • 밴드 공유
  • Google+ 공유
  • 인쇄하기

대표전화 : 02-715-0715 | 이메일 : da-hub@da-hub.net   |  주식회사 디에이허브 | 대표 : 한지현 | 주소 : 서울특별시 용산구 원효로 153 원효빌딩 8층 802호
사업자번호 : 825-81-00505 | 법인번호 : 110111-6124153  |  Copyrights (c) 2016 DA-HUB co.ltd. All Rights Reserved.