- 10월 27일
- 2분 분량
[GTM]
태그매니저 참고표 변수 활용하여 제품이미지 링크 끌어오기
안녕하세요! 🙋♀️
데이터 마케팅 전문 에이전시 지아이코퍼레이션
Annie 입니다.
웹사이트 내 사용자 행동을 추적할 때,
GTM(Google Tag Manager)를 많이 사용하실텐데요.
클릭 이벤트 하나하나 잡을때 시간이 많이 소요되는 경우가 있습니다.
이번 시간에는 클릭 이벤트를 잡을 떄,
태그매니저 변수 중 '참고표'를 활용
해서
각 제품 이미지마다 링크가 다르게 설정되어 있는 링크들을 끌어오고
각각의 제품 이미지마다 '제품 이름' 매개변수를 적용하는 법
을 알아보겠습니다🙌
'참고표' 변수를 활용한 제품이미지 링크 쉽게 가져오기
웹사이트 내 판매하고 있는 제품들이 위와 같이
이미지 형식으로 나열되어있다고 가정해봅시다.
그리고 제품 이미지마다 링크가 01~09까지 끝자리만 달라지는 경우,
어떤 제품 이미지를 클릭하였는지 데이터를 끌어오려면
GTM(구글 태그매니저)을 통해서 클릭 이벤트를 잡아야겠죠.
하지만 제품 이미지가 많을 경우,
클릭 이벤트를 제품 갯수마다(링크마다) 잡기에는
작업량이 굉장히 많아지게 됩니다.
이 때,
태그매니저 변수 중 '참고표' 변수를 활용하면서
제품이미지 링크마다 매개변수를 적용하여
자동으로 제품이름을 끌어오게끔 작업해보겠습니다
.
1.먼저 구글 태그매니저 컨테이너 접속 후 '변수' 탭
으로 들어갑니다.
2. '새로만들기'에서 새로운 변수를 만들어줍니다
.
변수 유형에는
[참고표]
를 입력하고
해당 이미지가 가지고 있는 구분되는 항목을
입력 변수에
설정해줍니다.
위 제품 이미지들은
'Click URL'로 구분되므로, 저는 {{Click URL}}으로 지정
하였습니다.
하단의
'참고표'의 '입력 란에는 제품이미지마다 각 다른 url을 넣어주고,
'출력'에는 내가 GA4에서 해당 데이터를 볼 제품이름을 입력
합니다.
ex) 2번 이미지의 링크를 '입력'란에 기입하고, 2번 이미지에 해당하는 제품명을 '출력'에 기입.
3. 트리거 탭에서 클릭 이벤트를 잡아줍니다.
클릭 요소에 해당하는 URL을 넣어주시면 되는데,
저의 경우에는 URL 2개인 상태에서 각각의 제품이미지를 끌어오느라 정규 표현식을 함께 넣었습니다.
하나의 URL에 해당하는 링크들만 잡는다면, 정규 표현식 없이 진행하면 되는 점 참고해주세요!
4. 태그 탭으로 가서 데이터를 보낼 GA4 측정 ID를 기입하고,
이벤트 이름을 입력해줍니다
(
click_direct_product_img)
그리고 이벤트 매개변수를 입력해주는데,
여기서 중요한 부분이,
'이벤트 매개변수 - 값'의 항목에 2번에서 참고표를 사용해서 만든
변수를 함께 넣어줍니다.({{다이렉트_제품이미지_Click URL}})
5. 그리고 GA4 계정으로 돌아가서,
위에서 설정했던 Click URL 측정항목일 볼 수 있게끔
'맞춤 측정기준 만들기'를 클릭하여 'Click URL 이벤트 측정기준을 생성
해둡니다.
GA4 디버깅 모드(미리보기)로 실시간 데이터 발생 확인 시,
제품명과 함께 이벤트 발생하는 것이 확인됩니다!
🙋♀️
이제 웹사이트 내에서 제품 이미지 클릭 시,
어느 제품을 가장 많이 클릭했는지를 내가 입력한 '매개변수'를 통해
제품이름을 변환해주면서 더 쉽고 편하게 데이터를 찾을 수 있겠죠
!
구글 태그매니저를 통한 변수 활용법, 이벤트 끌어오는 매개변수 설정법 등
다양한 방법으로 데이터를 가지고 올 수 있는데요,
다음 시간에는 더 유익한 정보를 들고 찾아오겠습니다~!
그럼 다음 콘텐츠에서 만나요!
안녕
👋
데이터 마케팅 전문 에이전시 | 지아이코퍼레이션
퍼포먼스 전문 온라인광고대행사 지아이코퍼레이션은 온라인광고를 통해 클라이언트에 좋은 영향력을 제공하며 궁극적인 성장을 위한 전략을 제안합니다. (무료 상담하기)
www.gi-corp.co.kr
이 글은 네이버 블로그에도 실려 있습니다.