•
스몰빅클래스 디냅 홈페이지에 들어가 F12를 누르고 내가 태깅하고 싶은 링크 클릭 버튼을 선택
•
선택한 버튼의 class 명을 확인하고 해당 클래스 명을 활용하여 GTM 태깅 진행
•
click element를 쓸 수 있고 click class를 활용할 수 있는데 click class는 다른 매개변수와 겹칠 확률이 높기 때문에 click element를 활용
•
F12 누른 div(상자) 클래스에서 우클릭하고 copy → copy selector 복사
•
하단 console 란에서 document.querySelectorall (’복사한 내용 삽입’) 중복된 매개변수 있는지 확인
•
없다면 특정 신호가 나옴 → 그러면 복사한 내용 그대로 click element로 GTM 트리거에서 사용
•
div(박스) a(링크 요소) img(이미지 요소)
•
태깅할 때 백그라운드에서 직접 쏴주는 방식이 있고 select element로 값을 받아와 태깅을 진행하는 방식이 있음
•
백그라운드에서 받아오면 딜레이가 없지만 select element로 값을 받아 태깅하면 약간의 딜레이가 있음, 반면 장점은 개발자가 없어도 태깅이 가능함
•
구글애즈 전환 태깅할 때 전환가치, 거래 ID, 통화 코드는 무통장입금으로 테스트 구매를 해봐야 알 수 있음
•
미리보기를 통해 무통장 입금으로 테스트를 진행하고 테스트 완료된 구매 값의 아이디를 확인 {{}}로 각 해당하는 값 넣어주기
(아래 예시는 pageview라 내용이 다를 수 있음)
•
근데 결국에는 변수 값이 있어야 하는데 GTM 변수를 만드려면 자바 스크립트를 할 줄 알아야 됨
•
각 값은 datalayer.queryselector(’copy selector 값’) 삽입하여 변수 확인 가능