마켕터

[카페24 GA4/GTM] 복붙 설치! 전자상거래 (add_to_cart) - part 3. HTML 태그 만들기 본문

GA&GTM

[카페24 GA4/GTM] 복붙 설치! 전자상거래 (add_to_cart) - part 3. HTML 태그 만들기

마케팅하는 캥거루 캥캥 2024. 9. 10. 00:16
반응형

Ctrl+C, V로 설정해보는 Add to cart

 

반응형

 

안녕하세요 마케팅하는 캥거루 캥캥입니다!

 

오랜만에 글을 다시쓰게 되었네요 ㅎㅎ

 

그럼 본론으로 다시 들어가겠습니다.

 

오늘 할 내용은 앞서 만든 변수와 트리거를 활용해서 이제 태깅을 할겁니다.

 

태그 - 새로만들기
맞춤 HTML

 

 

 

 

해당 코드를 넣어주세요.

 

복붙코드

<script>
  dataLayer.push({ ecommerce: null });  // Clear the previous ecommerce object.
  dataLayer.push({
  event: "html_add_to_cart",
  ecommerce: {
    items: {{add_to_cart - CJS}}
  }
  });
</script>

// 빨간색 변수명 부분은 이전 아티클에서 만드신 변수명(PART 1)과 정확히 일치해야 합니다. 
현재 써있는 것은 제가 만들었던 변수이니 꼭 자신이 만든 변수명과 동일할지 확인해주세요!
( {{ 만 입력해도 변수들이 자동으로 List Up 되기도 하니 참고해주세요. – view_item과 방식은 동일)

 

 

이렇게 저장해주시면 됩니다.

 

다음 글에서는 해당 HTML이벤트를 받아 GA4 ADD_TO_CART 이벤트가 발동되도록 태깅해보겠습니다.

 

감사합니다

 

기타 비즈니스 문의는 kobypark@naver.com으로 주시기 바랍니다 :)

 

반응형
Comments