[gtm] 05 스크롤뎁스 (scroll depth) 태그

in #steempress6 years ago

이번에는 사용자가 스크롤을 얼마나 내렸는지를 체크할 수 있는

스크롤뎁스 태그를 만들어 보겠습니다.

 

스크롤뎁스 태그

 

스크롤 뎁스의 경우에는 마우스나 터치패드 등으로 스크롤을 내리는 이벤트를 기준으로 합니다.

따라서, 추적 유형을 스크롤로 해줍니다.

 

카테고리, 작업과 라벨은 사용자가 식별 가능하도록 자기 만의 규칙을 정해서 만들면 됩니다.

저 같은 경우 카테고리에는 스크롤 뎁스를 넣었고, 작업에 상품의 고유번호가 들어가있는 product path를 넣고,

마지막으로 라벨에는 얼마나 스크롤을 내렸는지 알려주는 {{scroll depth Threshold}}를 넣었습니다.

 

 

스크롤뎁스 트리거

 

트리거 유형은 스크롤 깊이로 설정해주고,

비율은 사용자가 원하는 비율대로, 숫자들을 적어주시면 됩니다.

 

그리고 모든 페이지의 스크롤을 알 필요 없고,

상품 상세페이지의 스크롤이 얼마나 내려갔는지를 알기 위해서

일부페이지에 적용을 했고 그 기준을

pathproduct의 포함 으로 잡았습니다.

 

스크롤뎁스 태그 완성

 

디버그 모드

 

마찬가지로 디버그모드에서 직접 스크롤을 내려가면서, 제대로 작동하는지 확인할 수 있습니다.

마지막으로 제출을 꼭 해줍니다.


Posted from my blog with SteemPress : http://leedongjick.com/?p=4753

Sort:  

Congratulations @dorongjik! You received a personal award!

1 Year on Steemit

Click here to view your Board

Do not miss the last post from @steemitboard:

Christmas Challenge - The party continues

Support SteemitBoard's project! Vote for its witness and get one more award!

Congratulations @dorongjik! You received a personal award!

Happy Birthday! - You are on the Steem blockchain for 2 years!

You can view your badges on your Steem Board and compare to others on the Steem Ranking

Vote for @Steemitboard as a witness to get one more award and increased upvotes!