마켕터

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

GA&GTM

[카페24 GA4/GTM] 복붙 설치! 전자상거래 (add_to_cart) - part 1. 변수 만들기

마케팅하는 캥거루 캥캥 2023. 7. 1. 19:10
반응형
반응형

 

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

 

 

안녕하세요 마케팅하는 캥거루 캥캥입니다.
 
최근 일이 바쁘기도 했지만, 틈틈이 작성해보려 했는데
완성도가 떨어진다고 생각해서 올리지를 않게 됬네요.
 
그래서 이미지를 하나하나 첨부하기 보단,
먼저 텍스트로만 기재하여 댓글 요청따라 추후 보완,
 
그리고 전체를 한꺼번에 올리는게 아니라,
셋팅 단계별로 하나씩 올리려 합니다.
 
 


 
그럼 장바구니 이벤트 변수부터 만들어 보겠습니다.
 
내용은 view_item 이벤트와 거의 동일하며 "매개변수가 하나만 더 추가"되면 됩니다.
 
 
구글태그매니저 - 변수 - 맞춤 HTML (아래 코드로 작성해주세요)

function() {
  var productdetail = [{
    item_id: iProductNo,
    item_name: product_name,
    price: product_price,
    item_category: iCategoryNo,
    quantity: iEventQuantity
  }];
  return producdetail;
}

실제 상품 상세페이지에서 F12 개발자도구로 변수명과 변수값을 꼭 확인해주세요.
 
 
다음 글은 이 장바구니에 대한 트리거 생성을 다뤄보도록 하겠습니다.
 
카페24의 경우 대부분 장바구니 추가시 새로운 창으로 이동하는게 아니라
팝업메시지가 뜨기 때문에, view_item와 같이 DOM 으로 셋팅하는 것을 불가능합니다.
 
그래서 CSS Selector를 이용해볼 예정입니다.

 

[ 장바구니 설치 - 트리거 생성 글로 이동하기 ]

 
오늘도 글 읽어주셔서 감사합니다.
 
문의사항은 언제든지 남겨주세요.
kobypark@naver.com

 

 

반응형
Comments