전자상거래 9

[카페24에 향상된 전자상거래 적용하기] STEP7. 결제행동(checkout 행동분석)

최근 업데이트 2020-06-03 결제행동은 사용자가 상품을 "장바구니에추가>주문상품확인>배송정보입력>결제정보입력>결제>완료창...."처럼 상품을 결제하는 과정을 쪼개어 유입과 이탈을 확인하는 것을 말합니다. 외국 쇼핑 사이트는 "review a cart>billing>payment>confirm order>complete" 등 step이 잘 나눠져있는 편인데, 국내 쇼핑몰들은 대부분 "장바구니>주문서작성>주문완료" 으로만 되어있는 편이며, 중간에 이탈을 막기 위해 step을 줄이고 적은 페이지 수 내에서 주문 및 결제가 이뤄지도록 한 것 같습니다. 그리고 요즘엔 배송정보나 결제정보도 디폴트로 설정해놓은 경우도 많기 때문인 것 같네요....! 어떤 블로그에서는 "장바구니"와 "결제완료"창에 대해 결제행동..

[카페24에 향상된 전자상거래 적용하기] STEP8. (대망의) 구매완료 측정하기

최근 업데이트 2020-07-13 : dataLayer.push 위치 변경 대망의 마지막 구매완료 페이지....! order_result.html 페이지에 dataLayer를 심어 구매가 완료된 상품들과 주문id를 전송해봅시다 :) 전 단계는 아래 링크에서 확인할 수 있습니다. STEP6. 장바구니 비우기 + 장바구니에서 선택상품 삭제(Tracking removes from cart) STEP5. 장바구니에 담기 측정하기(Tracking adds to cart) STEP4. 상품 상세페이지 조회 측정하기(Tracking product detail views) STEP3. 상품 클릭 측정하기(Measuring Product Clicks) STEP2. 상품 노출 측정하기(Measuring Product Im..

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

최근 업데이트 2019-10-21 현재 네이버페이를 통한 구매를 측정할 수 있는 방법은 없는 걸로 알고 있습니다....! 곧 생긴다는 얘기는 듣긴 들었으나 정확하지 않네요.하지만 네이버 페이 버튼을 클릭하는 것에 대한 이벤트는 커스텀으로 측정할 수 있기 때문에 한 번 만들어 보도록 하겠습니다. 이번에는 직접 cafe24 소스에 손 댈 필요는 없습니다 :) [Npay 구매] 버튼에 심어봅시다. 전 단계는 아래 링크에서 확인할 수 있습니다. STEP6. 장바구니 비우기 + 장바구니에서 선택상품 삭제(Tracking removes from cart) STEP5. 장바구니에 담기 측정하기(Tracking adds to cart) STEP4. 상품 상세페이지 조회 측정하기(Tracking product detai..

[카페24에 향상된 전자상거래 적용하기] STEP6. 장바구니 비우기 + 장바구니에서 선택상품 삭제(Tracking removes from cart)

최근 업데이트 2019-10-16 장바구니에 상품들이 담겨져있을 때 상품들을 장바구니에서 제거하는 이벤트를 측정해봅니다. 아래와 같이 장바구니에서 상품을 제거하는 경로는 두 가지입니다. (1) 장바구니 전체 비우기(make empty == remove all products) (2) 장바구니에서 선택한 상품 삭제하기(remove some products selected) [장바구니 비우기] 버튼과 [선택상품 삭제]버튼에 심어봅시다. 전 단계는 아래 링크에서 확인할 수 있습니다. STEP5. 장바구니에 담기 측정하기(Tracking adds to cart) STEP4. 상품 상세페이지 조회 측정하기(Tracking product detail views) STEP3. 상품 클릭 측정하기(Measuring P..

[카페24에 향상된 전자상거래 적용하기] STEP5. 장바구니에 담기 측정하기(Tracking adds to cart)

최근 업데이트 2019-10-14 이번에는 장바구니에 담기 이벤트를 측정해봅시다. 보통 상품 상세페이지에서 수량을 선택한 후 [장바구니에 담기]를 클릭하거나 [바로 구매]클릭하는 순서로 구매가 시작됩니다. 그래서 [장바구니에 담기]라는 버튼에 이벤트를 심고, 태그가 발동되도록 해봅시다. + [바로 구매] 버튼도 상품을 장바구니에 추가한 후, 장바구니 리스트 페이지를 건너 뛴 후 주문서 작성페이지로 바로 넘어가는 기능이기때문에 [바로 구매]버튼에도 장바구니에 담기 이벤트가 추가되어야되지 않나 라는 생각이 나중에 들어서 해당 버튼에서 추가했습니다....! [장바구니에 담기] 버튼과 [바로 구매]버튼에 심어봅시다. 전 단계는아래 링크에서 확인할 수 있습니다. STEP4. 상품 상세페이지 조회 측정하기(Trac..

[카페24에 향상된 전자상거래 적용하기] STEP4. 상품 상세페이지 조회 측정하기(Tracking product detail views)

최근 업데이트 2019-10-04 이번에는 상품 상세페이지 조회수를 측정해봅니다. 보통 상품리스트에서 상품을 클릭해서 상품상세페이지로 들어가기때문에, 저번 STEP 3 과 측정이 유사할 것입니다. 사실 상품리스트에서 상품을 클릭하면 상세페이지로 들어가기때문에 "상품클릭"과 "상세페이지 조회" 두 가지가 같은 것이 아닌가? 라는 생각을 했었는데, "상품클릭"은 정말 단순히 상품리스트에서 클릭하는 행동을 측정하는 것이고! 이번에 하려는 "상세페이지 조회"은 페이지가 로드되는 것을 측정하는 것입니다. 예로 한 상품의 상세페이지에서 새로고침을 하거나, 해당 url로 직접 접속을 하게 되는 경우는 "상세페이지 조회"가 일어나고, "상품클릭"은 일어나지 않는 것이죠. 그래서 차이가 있긴 합니다. 전 단계는아래 링크..

[카페24에 향상된 전자상거래 적용하기] STEP3. 상품 클릭 측정하기(Measuring Product Clicks)

최근 업데이트 2019-08-28 상품 노출 측정은 두 가지로 방법으로 나눠집니다. 1. 상품리스트 페이지에 들어갔을 때 2. 상품 상세 페이지로 들어가기위해 상품을 클릭했을 때 이번에는 2번! 상품상세 페이지로 들어가기 위해 상품을 클릭했을 때 이벤트를 전송하는 걸 해봅시다. 전 단계는아래 링크에서 확인할 수 있습니다. STEP2. 상품 노출 측정하기(Measuring Product Impressions View) STEP1. 기본 셋팅 및 모든페이지뷰 태그만들기 1. 카페24 소스에 스크립트 추가하기 1) 아래와 같이 상품리스트 html 페이지의 하단에 스크립트를 삽입합니다. STEP2에서 상품 노출을 측정을 위한 스크립트 아래에 이어서 작성하면 됩니다. a 태그를 클릭하는 요소가 [상품이미지]와 [..

[카페24에 향상된 전자상거래 적용하기] STEP2. 상품 노출 측정하기(Measuring Product Impressions View)

최근 업데이트 2019-08-29 스크립트 소스 일부분 변경, 태그와 트리거 생성하는 이미지 교체 상품 노출 측정은 두 가지로 방법으로 나눠집니다. 1. 상품리스트 페이지에 들어갔을 때 2. 상품 상세 페이지로 들어가기위해 상품을 클릭했을 때 우선 1번, 상품리스트 페이지에 들어갔을 때 보여지는 상품들을 모아 이벤트를 전송하는 걸 해보려합니다. STEP1 은 아래 링크에서 확인할 수 있습니다. STEP1. 기본 셋팅 및 모든페이지뷰 태그만들기 1. 카페24 소스에 스크립트 추가하기 1) 아래와 같이 상품리스트 html 페이지의 하단에 스크립트를 삽입합니다. 자세한 스크립트문(조건문, 반복문 등)은 쇼핑몰에 따라 달라질 수 있습니다. 상품리스트 페이지에 들어가면 있는 상품 정보 리스트를 담아서 보내는 스크..

[카페24에 향상된 전자상거래 적용하기] STEP1. 기본 셋팅 및 모든페이지뷰 태그만들기

최근 업데이트 2019-08-02 구글태그매니저의 향상된 전자상거래( Enhanced Ecommerce )에 대한 정확한 정보가 충분하지 않아 개인적으로 끄적이면서 공부중에 있습니다. 하나씩 테스트하면서 작성 중에 있기 때문에 잘못된 내용이 있을 수 있고, 만약 있다면 댓글주셔서 내용을 공유할 수 있으면 감사하겠습니다. 모든 내용은 구글 태그매니저 가이드를 참조하여 작성하고 있습니다. 0. 구글 태그 매니저(Google Tag Manager), 구글 애널리틱스 (Google Analytics)계정 생성합니다. ( 자세한 내용 생략 ) 구글 태그매니저 링크 : https://tagmanager.google.com/ 구글 애널리틱스 링크 : https://analytics.google.com/ 1. 구글 애..