GA4 구글 애널리틱스로 버튼클릭 이벤트 추적하는 방법

안녕하세요. 클릭 추적 킴마블입니다.​​​오늘은 GTM 구글 태그 매니저를 통해버튼 클릭을 트리거로 만들어 추적할 수 있도록 세팅하는 방법에 대해알아보도록 하겠습니다.​먼저 해당 클릭 트리거를 GTM을 통해 정확하게 설정하고 세팅할 수 있다면해당 버튼을 클릭하는 트리거를 통해페이스북 픽셀, 카카오 픽셀, GA 이벤트 등 원하는 버튼에 자유롭게 전환 스크립트를 심을 수 있어서꼭 집중해서 따라와 주시길 바랍니다.​자 그럼 GTM 태그매니저를 통해원하는 버튼을 트리거로 구성하는 방법에 클릭 추적 대해 알아볼까요?​​자 쇼핑몰을 운영하는데 고객들이 유입된 후 어떠한 버튼을 많이 클릭하는지 랜딩 페이지에서 고객들이 이름과 연락처를 입력하는버튼을 누르는지마케터라면 당연히 궁금해할 거예요.​이러한 부분들을바로 GTM 구글태그매니저를 이용하면마케터가 개발에 대한 지식이 없어도 쉽게 적용할 수 있습니다.​자 그럼 먼저 다음과 같은 전제 조건은당연히 깔고 있다고 생각하고 세팅법에 대해자세하게 알아볼게요.​준비물A. 구글 태그매니저 계정B. 구글 태그매니저 스크립트가 설치된 사이트​​구글 태그매니저에 접속 후 클릭 추적 좌측 변수 클릭​기본 제공 변수에 구성 클릭​클릭에 관련된 요소들에체크박스를 다 클릭해 줍니다.​여기서 2가지 방식으로 클릭 이벤트를 추적할 수 있는데요.​A. 미리보기를 통한 클릭 변수 추적​다음과 같이 클릭 이벤트들이기본 제공 변수에 있는 걸 확인하고미리보기 버튼을 눌러줍니다.​구글태그매니저가 설치되어 있는사이트를 입력한 후 Connect 클릭​사이트가 새 창으로 열리고다시 구글 태그매니저로 돌아와Continue 버튼을 눌러줍니다.​다시 사이트로돌아와 저는해당 버튼을 마케팅 상담문의를 클릭하는버튼에 이벤트를 심어 클릭 추적 잠재 고객으로 분류하고해당 버튼을 클릭을 트리거로 만들어태그를 만들기를 통해 해당 버튼에 광고 전환 스크립트를 설치하고 싶습니다.​해당 버튼을 누른 뒤다시 구글태그매니저 화면으로 돌아가면네모 박스가 쳐진 부분들을 볼 수 있는데요.해당 부분들은페이지의 제목이 넘어갔다고 생각하시면 됩니다.온라인종합광고 대행사 - 알에스 에드-&gtRSAD CONTACT로 페이지가 이동했다는 뜻이죠​자 그럼페이지가 이동되는 경로에우리는 클릭이라는 이벤트를 했습니다.그렇기에 웹사이트의 페이지가 이동한 것이겠죠?​그럼 좌측에서 클릭이라는 부분을 열심히 찾아줍니다.​​클릭이라는 클릭 추적 항목을 누른 뒤Variavbles를 눌러줍니다.(혹시 나오지 않는다면, 원하는 버튼을 클릭할 때 Ctrl 버튼을 누르고 클릭해 보세요.)​그럼 해당 버튼에 대한 정보들이 나오는데저는 마케팅 상담문의라는Click Text 변수를 이용해트리거를 만들어 보도록 하겠습니다.​다시 구글태그매니저로 돌아와서트리거 -&gt새로 만들기 클릭​​원하는 이름으로 이름을 지정하고트리거 구성 클릭(매번 강조 드리지만, 규칙을 정해놓고 사용하는 게 좋습니다. 나중에 내가 어떤 트리거를 지정했는지 헷갈리는 경우들이 많아요!)​모든 요소 클릭트리거 실행 클릭 추적 조건을 일부 클릭아까 사이트에서 확인했던 Click Text 변수 선택같음 선택마케팅 상담문의입력​​완료되었다면 저장 클릭​자 그럼 GTM 구글태그매니저에서는다음과 같이 트리거 발동을 할 준비가 된 것입니다.​본인의 사이트에서 클릭하는 요소들 중에일부 클릭 중에 Click Text - 마케팅 상담문의라는 버튼을 사용자가 클릭하면트리거가 발동하는 것이다.라고 이해하시면 쉽게 이해가 되시죠?​​B. 크롬 개발자 도구를 통한 트리거 구성​A 방법과 헷갈릴 수 있으니사이트 하단에 회사소개 더 클릭 추적 보기라는 버튼을 이벤트로 지정해 보겠습니다.​​사이트에 크롬&quot브라우저를 통해 접속한 후해당 버튼에 마우스 우측 클릭 후검사를 눌러줍니다.​​​해당 부분이 색칠이 되어 있는 것들은해당 버튼에 대한 소스를 나타내는 겁니다.​해당 ;에 해당하는곳에서 마우스 우클릭-&gtCopy -&gtCopy selector를 눌러줍니다.​#w251f29a3a &gtdiv &gtdiv &gtdiv &gtdiv &gta​그럼 해당 버튼의 코드가 복사된 걸 알 수 있습니다.다시 트리거 구성에서이름을 지정하고일부 클릭 선택Click Element -&gtCSS 선택 도구와 일치-&gt아까 복사해 클릭 추적 둔 코드를 입력한 뒤저장을 누릅니다.​자 여기까지 트리거 구성을 쉽게 할 수 있는2가지 방법에 대해서알아보았는데요.​이러한 방법들을 알고 있으면사이트에 있는 버튼들을자유롭게 GA4 이벤트로 구성할 수도각종 광고의 전환 스크립트 태그의 발동점 (트리거)로 구성을 할 수 있습니다.​자 글이 조금 많이 길어져서태그를 생성하는 방법은 다음 시간에 이어서올리도록 할게요.​오늘도 유용한 정보였다면공감과 댓글이웃추가 눌러주세요.​감사합니다.​사이트의 GTM 도입 등여러 가지 어려움이 있다면언제든 댓글이나 이메일을 통해 클릭 추적 문의해 주세요.​감사합니다.​