GTM과 GA, 구글애즈, 페북 PIXEL 조합으로
상당히 여러종류의, 고밀도한 광고가 가능한데..!
오늘은 콘텐츠 위주의 상세페이지 길이가 길고
중간 이탈자가 많은 타겟을 더 세밀하게 붙잡고 싶을 때,
(이탈하는 부분마다 타겟을 달리하고 싶을 때가 있잖아요?)
한마디로 '스크롤 깊이 마다 세밀한 리타겟'을 하고 싶을 때
써먹을 수 있는 방법을 알아보겠습니다!
일단 GTM이 사이트에 설치되어있는 기준으로,
1. GTM 내 스트롤 트리거 생성
2. GTM 내 스크롤 관련 변수 생성 (25, 50, 75, 100%)
1) Scroll Depth Threshold
2) Scroll Depth Units
3) Scroll Depth Direction
3. GTM 내 페이스북 픽셀 이벤트 태그 생성
1) 맞춤 HTML 선택
2) 아래의 코드 입력
<!-- Facebook Pixel Code -->
<script>
!function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n;
n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window,
document,'script','https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '픽셀코드입력'); // Insert your pixel ID here.
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?
id=픽셀코드입력
&ev=PageView&noscript=1"
/></noscript>
<!-- DO NOT MODIFY -->
<!-- End Facebook Pixel Code -->
3) 트리거->All Pages 선택
4. GTM 내 페이스북 픽셀 태그(스크롤) 만들기
1) 맞춤 HTML 선택
2) 아래의 코드 입력
<script>
fbq('trackCustom', 'ScrollTracking', {
content_title: document.title, // 페이지의 제목
scroll_depth: '{{Scroll Depth Threshold}}%' // 스크롤 깊이
});
</script>
3) 고급설정 > 태그 시퀀싱
(1) ~ 전에 태그가 실행합니다 체크
(2) 설정태그를 위에서 만든 픽셀 태그로 설정
4) 아래의 트리거를 [ScrollDepth] 선택
5. 확인 (이벤트 디버깅 또는 픽셀 헬퍼 등)
6. 맞춤타겟 만들기
1) 웹사이트 방문자
2) 위에 만든 스크롤뎁스를 선택
3) 원하는 스크롤 %를 선택 (50% 등등)
-
예전에 어떤 분 아티클을 보고 공부 할 때, 메모해 뒀던 건데 도움이 되시길!!
새댓글
전체보기