Google/Tagmanager

향상된전자상거래 설치하기 - Product Impressions

tagging 2018. 11. 28. 10:29

향상된전자상거래(enhanced-ecommerce)에서 사용하는 정보들 입니다.

 

•Product Impressions - 제품 노출, 제품 리스트 페이지의 노출 입니다.
•Product Clicks : 제품 클릭, 리스트 페이지에서 제품 링크 클릭입니다.
•Product Detail Impressions : 제품 상세페이지 노출 입니다.
•Add / Remove from Cart : 장바구니 추가/제거 입니다.
•Promotion Impressions : 프로모션 노출 입니다.
•Promotion Clicks : 프로모션 클릭입니다.
•Checkout : 구매완료 직전 입니다.
•Purchases : 구매완료 입니다.
•Refunds : 환불 입니다.

 

* Product Impressions 소스

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
dataLayer = [];                        // dataLayer 초기화
 
var len = $(".item_name").length;    // 제품정보가 담긴 객체
var pInfo = [];                        // 제품정보를 담을 배열 변수
 
 
// 제품정보를 pInfo에 넣음
for(var i=0;i<len;i++){
    pInfo.push({
       'name': $(".item_name")[i].innerText,       // Name or ID is required.
       'id': $(".item_photo_box").find("a")[i].href.replace(/[^0-9]/g,""),
       'price': $(".item_price")[i].innerText.replace(/[^0-9]/g,""),
       'brand''',
       'category''',
       'variant''',
       'list''List',
       'position': ''
    });
}
 
// 제품정보를 dataLayer에 넣음
dataLayer.push({
  'ecommerce': {
    'currencyCode''WON',                       // Local currency is optional.
    'impressions': pInfo
  }
});
cs

 

결과

개발자도구(F12) > dataLayer[0].ecommerce.impressions 입력 결과 아래와 같이 나오면 성공

 

태그매니저 

Product Impressions가 실행될수 있는 태그와 트리거 생성

 

정의

Tag type : Universal Analytics
Track type : Pageview
Enable Enhanced Ecommerce Features: true
Use Data Layer: true
Trigger: event equals gtm.dom

 

태그

 

트리거 - goods_list.php가 포함된 페이지에서만 실행

 

결과

Product Impressions 의 list 값 기준으로 그룹화 되어, 구글애널리틱스에서 수집 확인가능

 

태그매니저

 

 

구글애널리틱

전환 > 제품목록실적