[카페24에 향상된 전자상거래 적용하기] Optional. 네이버페이 버튼 이벤트 측정하기

최근 업데이트 2019-10-21

현재 네이버페이를 통한 구매를 측정할 수 있는 방법은 없는 걸로 알고 있습니다....! 곧 생긴다는 얘기는 듣긴 들었으나 정확하지 않네요.하지만 네이버 페이 버튼을 클릭하는 것에 대한 이벤트는 커스텀으로 측정할 수 있기 때문에 한 번 만들어 보도록 하겠습니다.

이번에는 직접 cafe24 소스에 손 댈 필요는 없습니다 :)

 

[Npay 구매] 버튼에 심어봅시다.

 

전 단계는 아래 링크에서 확인할 수 있습니다.

 

STEP6. 장바구니 비우기 + 장바구니에서 선택상품 삭제(Tracking removes from cart)
STEP5. 장바구니에 담기 측정하기(Tracking adds to cart)
STEP4. 상품 상세페이지 조회 측정하기(Tracking product detail views)
STEP3. 상품 클릭 측정하기(Measuring Product Clicks)
STEP2. 상품 노출 측정하기(Measuring Product Impressions View)
STEP1. 기본 셋팅 및 모든페이지뷰 태그만들기

 

 

1.  [Npay 구매]버튼 class 확인하기

1) 사이트의 상품상세페이지에서 F12로 DevTool 에서 [Npay 구매]버튼에 해당하는 a태그의 class들을 확인합니다.

• 'npay_btn_pay'를 포함한 a태그를 기준으로 트리거를 만드려고합니다.
• 다른 class 를 잡아서 트리거를 잡아도 문제를 없어보입니다.

2. 태그관리자에서 태그와 트리거 만들고 미리보기

1) 태그를 아래와 같이 만듭니다.

 

2) 태그에서 참조하는 트리거는 아래와 같이 만듭니다.

 

3) 구글태그관리자에서 미리보기를 한 후, [Npay 구매] 버튼을 클릭하면 해당 태그가 fire 됨을 확인할 수 있습니다.

 

3. 구글애널리틱스에서 확인하기

1) 실시간>이벤트로 들어가서 활성화된 사용자에 대한 이벤트로 확인할 수 있습니다. 활성사용자에 대한 실시간이기 때문에 새로고침시 금방 리스트에서 사라집니다.

2) 행동>이벤트>인기 이벤트로 들어가면 이벤트 카테고리/액션/라벨 별로 총 이벤트수를 확인할 수 있습니다.