Datalayer
GTM 기능은 data layer 와 함께 반영되었을 때 가장 유연하고, 이식 및 확장 응용이 쉬우며, 구현이 매우 쉽습니다.
원하는 정보 또는 추출하고 싶은 데이터를, 즉 여려개의 및 특정 이벤트값과 변수값 같은 정보는 Datalayer(Json)을 통하여 GTM으로 전달하고
그 데이터를 받은 GTM 은 다시 GA로 데이터를 전달함으로서 쉽게 원하고자 하는 데이터를 분석할 수 있습니다.
사이트의 전반적인 variables, transaction 정보, 페이지 카테고리, 그 외 중요한 데이터들은 복잡한 개발 소스를 응용 및 추가하지 않고
GTM으로부터 이 정보들을 data layer 를 사용하여 참조 및 분석 할 수 있게 설꼐 되었습니다.
그러나 data layer 를 명확하게 선언하는 것은 선택 사항이며, data layer 를 구현하지 않을 경우, variable feature 를 사용하여 페이지 내의 값을 접근은 할 수 있지만, data layer 없이 event를 사용할 수는 없습니다.
변수와 관련 값들로 data layer 를 구현하는 것은, 페이지 내의 모든 변수들이 로드되기를 기다려야하는 것과는 달리, 언제든 태그 실행이 필요할 때 바로 이 값들이 사용될 수 있도록 합니다.
Datalayer 적용하는 방법
Data layer 를 셋업하기 위해서는, 다음 snippet code 를 page 의 head 에 삽입해야 합니다.
단, 추적코드, Container Snippet보다 반드시 먼저 로드 되어야 합니다.
<script>
dataLayer = [];
</script>
위 snippet 은 빈 객체(object)이며, GTM에 전달할 정보로 채울수 있습니다.
예를 들면, data layer 내 data layer variable 이 “현재 page는 signup page 이다” 와 “ 이 visitor 는 고액소비고객이다” 를 표시하고 싶다면, Data layer 는 다음과 같이 채워질 수 있습니다.
<script>
dataLayer = [{
'pageCategory': 'signup',
'visitorType': 'high-value'
}];
</script>
예를 들면, GTM 은 모든 페이지 중 signup으로 표시되었거나 visitor가 high-value라고 표시된 경우에만 Tag 가 실행 될 수 있도록 설정할 수 있습니다.
Data layer 코드가 container snippet 이후에 호출되게 되면, GTM으로 로딩시 선택적으로 태그를 호출하어야 할 때, 선언되어있는 변수들이 유효하지 않게 될 수 있습니다.
틀린 사용방법
<body>
<!-- Google Tag Manager -->
...
<!-- End Google Tag Manager -->
<script>
dataLayer = [{
'pageCategory': 'signup',
'visitorType': 'high-value'
}];
</script>
바른 사용법
<body>
<script>
dataLayer = [{
'pageCategory': 'signup',
'visitorType': 'high-value'
}];
</script>
<!-- Google Tag Manager -->
...
<!-- End Google Tag Manager -->
Data layer object 내에 선언된 각 변수는 visitor 가 현재 page에 머무는 동안 계속 유지됩니다.
Page 간 상호연관이 있는 Data layer 변수는 (예: visitorType) 사이트상 모든 페이지의 data layer 에 선언이 되어 있어야만 합니다.
모든 page 의 data layer 에 동일한 변수 집합을 사용하는 것이 아니라면, 일관된 Naming Convention을 사용해야합니다.
Add Comment