데이터레이어(dataLayer)란 무엇일까? (1화)

안녕하세요, 인트렌치 컨설팅 김동우입니다.

이번 글에서는 구글 태그 관리자 데이터 레이어 (dataLayer)에 대해 알아보겠습니다.

구글 태그 관리자를 제대로 활용하려면 데이터 레이어를 사용해야 합니다.

사실 조금 어려운 개념입니다. 저도 처음 접했을 때 이해가 잘 되지 않았습니다.

여러분도 처음 들어본 개념이라면 이해가 되지 않으실겁니다. 그래도 끝까지 읽어주세요.

데이터 레이어 = 태그 관리자로 정보를 전달하기 위한 자바스크립트 개체

데이터 레이어는 웹사이트에서 태그 관리자로 정보를 전달하기 위한 자바스크립트 개체입니다.

(자바스크립트란 개발 언어 중 하나이며, 자바 언어와는 별개의 언어입니다 ^^;)

페이지 정보나(페이지 제목, URL) 회원의 구매 정보(결제수단, 상품카테고리) 등을 넣을 수 있습니다.

그리고 그 값을 GTM으로 수집해서 GA에서 분석 용도로 활용할 수 있습니다.

dataLyaer

출처 ☞ https://www.analyticsmania.com/post/datalayer-push/#gref

데이터 레이어는 생산성을 200% 높여줍니다.

데이터 레이어는 왜 사용해야 할까요? 데이터 레이어는 구글 도움말 문서를 봐도 사용을 권장하고 있습니다.

좀 더 유연하고 쉽게 GA 구축을 가능하게 해주며 불필요한 개발 리소스가 낭비되지 않게 해줍니다.

아래 자바스크립트가 데이터 레이어 소스 코드 예시입니다. dataLayer.push 영역 다음 부분이 배열입니다.

소스를 살펴보니 userId, weather 등의 정보를 담고 있습니다. GA가 자동으로 수집하지 않는 정보입니다.

때문에 별도로 수집할 필요가 있습니다. dataLayer가 그 역할을 도와준다고 보시면 됩니다.

datalayer

출처 ☞ 시모 아하바 블로그 (https://www.simoahava.com/analytics/data-layer/)

가급적 개발 소스 상에 삽입하는 방향으로 적용하는 것으로 권장!

데이터 레이어는 GTM에서 맞춤 HTML 기능을 사용해서 삽입할 수 있지만

가급적 개발 소스 상에 데이터 레이어 스크립트를 삽입하는 것을 권장드립니다.

이유는 웹페이지가 리뉴얼이 되거나 일부 영역의 UI가 바뀌게 되면

맞춤 HTML을 활용해서 삽입한 경우 기존 값을 수집하지 못할 수 있기 때문입니다.

앞에서 말씀드린 내용이 이해가 되시나요? 데이터레이어를 한번에 이해하는 것을 어렵습니다.

태그 관리자를 사용하면서 벽에 부딪히는 경우가 바로 데이터레이어 라고 해도 무방합니다.

하지만 데이터레이어를 이해하면 화면 상에 없는 값도 수집할 수 있기 때문에 굉장히 유용합니다.

우선 이번 글에서는 이 정도만 말씀드리겠습니다. 다음 글에서는 데이터 레이어 영역에

데이터 변수를 저장하거나 업데이트 할 때 주의해야 할 점을 알려드리겠습니다.

감사합니다.

Entrench Consulting
위로 스크롤