향상된전자상거래 설치하기 - Add/Remove Cart
향상된전자상거래(enhanced-ecommerce)에서 사용하는 정보들 입니다.
•Product Impressions - 제품 노출, 제품 리스트 페이지의 노출 입니다.
•Product Clicks : 제품 클릭, 리스트 페이지에서 제품 링크 클릭입니다.
•Product Detail Impressions : 제품 상세페이지 노출 입니다.
•Add / Remove from Cart : 장바구니 추가/제거 입니다.
•Promotion Impressions : 프로모션 노출 입니다.
•Promotion Clicks : 프로모션 클릭입니다.
•Checkout : 구매완료 직전 입니다.
•Purchases : 구매완료 입니다.
•Refunds : 환불 입니다.
* Add/Remove from Cart 소스
|
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
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42 |
<button type="button" class="btn_add_cart" onclick="addCart();">장바구니</button>
<button type="button" class="btn_add_cart" onclick="rmCart();">장바구니삭제</button>
function addCart(){
dataLayer.push({
'event': 'addToCart',
'ecommerce': {
'currencyCode': 'WON',
'add': { // 'add' actionFieldObject measures.
'products': [{ // adding a product to a shopping cart.
'name': '라이트그레이 린넨 슬랙스', // Name or ID is required.
'id': '1000000004',
'price': '10000',
'brand': '',
'category': '',
'variant': ''
'quantity': '4'
}]
}
}
});
}
function rmCart(){
dataLayer.push({
'event': 'removeFromCart',
'ecommerce': {
'currencyCode': 'WON',
'remove': { // 'add' actionFieldObject measures.
'products': [{ // adding a product to a shopping cart.
'name': '라이트그레이 린넨 슬랙스', // Name or ID is required.
'id': '1000000004',
'price': '10000',
'brand': '',
'category': '',
'variant': ''
'quantity': '4'
}]
}
}
});
} |
cs |
태그매니저
Add/Remove from Cart가 실행될수 있는 태그와 트리거 생성
정의
Tag type : Universal Analytics
Track type : Event
Event Category: Ecommerce
Event Action: Add to Cart / Remove from Cart
Enable Enhanced Ecommerce Features: true
Use Data Layer: true
Trigger: event equals addToCart / removeFromCart
태그
트리거
결과
애널리틱스
전환 > 전자상거래
** Add/Remove 구조는 동일하여 Add만 표시, 장바구니 입력 및 삭제 시 n개의 제품정보가 있을 경우 제품 정보를 배열로 입력하여 n개 제품 모두 담길 수 있게 설치 필요