Ecommerce Measurement:
detail
Accepts Data: list, array of
productFieldObjects
์ํ ์์ธ(goods/goods_view.html) ๋์์ธ ํ์ด์ง ๋ง์ง๋ง ๋ถ๋ถ์ dataLayer
์ ์ํ ์ ๋ณด๋ฅผ pushํ๋ ์คํฌ๋ฆฝํธ๋ฅผ ์ถ๊ฐํ์.
๋ค์ ์คํฌ๋ฆฝํธ๋ ์คํจ์ ๋ฐ๋ผ ์ผ๋ง๋ ์ง ๋ณ๊ฒฝ๋ ์ ์๋ ๋ถ๋ถ์ผ๋ก, ์ํ ์ ๋ณด๋ฅผ ๊ฐ์ ธ์ค๋ ์ฝ๋๋ ์ง์ ์์ฑํด์ผ ํ๋ค.
์ถ๊ฐ ํ dataLayer
์ ๋ฐ์ดํฐ๊ฐ ์ ์์๋์ง console๋ก ํ์ธํด๋ณด์. (๋ฐ๋์ ์์์ ๋์ผํ ๊ตฌ์กฐ๋ก ๋ฐ์ดํฐ๊ฐ ๋ค์ด๊ฐ๋์ง ํ์ธํ์.)
<script>
dataLayer.push({
'ecommerce': {
'detail': {
'actionField': {'list': 'Apparel Gallery'},
'products': [{
'name': 'Triblend Android T-Shirt',
'id': '12345',
'price': '15.25',
'brand': 'Google',
'category': 'Apparel',
'variant': 'Gray'
}]
}
}
});
</script>
dataLayer
์ ๋ฐ์ดํฐ๊ฐ ์ ๋ค์ด์ค๋ ๊ฒ์ ํ์ธํ๋ค๋ฉด, Google Tag Manager์์ ํ๊ทธ๋ฅผ ๋ง๋ค์.
ํ๊ทธ๋ช ์ ์์๋ณด๊ธฐ ์ฌ์ด ์ด๋ฆ์ผ๋ก ์ค์ ํด์ค๋ค.
ํธ๋ฆฌ๊ฑฐ ์ ํ์ DOM ์ฌ์ฉ ๊ฐ๋ฅ์ผ๋ก ์ค์ ํด์ค๋ค.
์ด์ GTM ๋ฏธ๋ฆฌ๋ณด๊ธฐ๋ฅผ ํตํด ์ํ ๋ฆฌ์คํธ ํ๋ฉด์ผ๋ก ๋ค์ด๊ฐ ํ, ์ค์ ํ ํ๊ทธ๊ฐ ์ ์๋๋๋์ง ํ์ธํด๋ณด์.
DOM Ready์์ ๋ฐฉ๊ธ ์ถ๊ฐํ ํ๊ทธ๊ฐ ์ ์๋๋๋ ๊ฒ์ ํ์ธํ ์ ์๋ค.
Data Layer
ํญ์์ ๋ฐ์ดํฐ ๋ ์ด์ด๋ฅผ ํ์ธํด๋ณด์.
์ญ์๋ ์ ์์ธ ๊ฒ์ ํ์ธํ ์ ์๋ค.
์ ํ > ์ ์์๊ฑฐ๋ > ์ ํ ์ค์ ํญ์ผ๋ก ๋ค์ด๊ฐ๋ณด๋ฉด, ์์ง๋ ์ ํ ์ธ๋ถ์ ๋ณด ๋ณด๊ธฐ ์๊ฐ ๋ณด์ธ๋ค.
์ด๋ ๊ฒ ํฅ์๋ ์ ์์๊ฑฐ๋๋ฅผ ํตํด ์ ํ ์์ธ ์กฐํ ์ ๋ณด๋ฅผ GA์์ ํ์ธํ ์ ์๊ฒ ๋์๋ค!