알림

모두 읽음알림함

쪽지

쪽지함

이탈자를 막아라!! (픽셀+GTM 조합으로 스크롤뎁스 리타겟 광고하기!)

2020.06.29 18:45

피자맛있어

조회수 705

댓글 0

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% 등등)


-

예전에 어떤 분 아티클을 보고 공부 할 때, 메모해 뒀던 건데 도움이 되시길!! 

스크랩

공유하기

신고

목록글쓰기
댓글 0
아직 등록된 댓글이 없습니다. 피자맛있어님의 게시글에 첫번째 댓글을 남겨보세요.
댓글 새로고침
소셜로그인

로그인 후 더욱 많은 기능을 이용하세요!

네이버 계정으로 로그인
페이스북 계정으로 로그인
구글 계정으로 로그인
카카오톡 계정으로 로그인
이메일 또는 아이디로 로그인
X
회원가입ID/PW 찾기 소셜 계정 로그인