데이터레이어 (2)


반응형

[GA4&GTM 활용] GTM 데이터레이어(dataLayer) 구조 완전정복 : 중첩 키·배열에서 값 가져오는 방법 (튜토리얼 2편)

핵심 요약dataLayer의 중첩된 값은 점 표기법(dot notation) 으로 가져옵니다. 예를 들어 attributes 안의 pagePostAuthor는 attributes.pagePostAuthor 로, 전자상거래 items 배열의 첫 번째 상품 가격은 ecommerce.items.0.price 로 지정합니다. GTM은 대괄호([0])를 지원하지 않아 인덱스도 점으로 씁니다. 이 글에서 알 수 있는 것dataLayer 데이터 구조의 여러 형태(루트/중첩/배열)push가 기존 객체를 덮어쓰는 동작과 '깨끗한 dataLayer'의 의미중첩 키(하위 키)에서 값 가져오기 — 점 표기법전자상거래 items 배열에서 특정 상품 값 가져오기 (undefined 오류 해결)GTM이 대괄호 대신 점 표기법을 쓰..

[GA4&GTM 활용] GTM 데이터레이어(dataLayer)란? 개념부터 변수로 값 받아오는 방법까지 (튜토리얼 1편)

핵심 요약데이터레이어(dataLayer)는 웹사이트에서 GTM 컨테이너로 정보를 전달하는 자바스크립트 객체입니다. 웹사이트가 dataLayer.push()로 값을 넣으면, GTM은 '데이터 영역 변수' 로 그 값을 받아 태그의 매개변수를 채우거나 트리거를 실행합니다. 단, dataLayer 선언은 반드시 GTM 컨테이너 코드보다 위(먼저) 에 있어야 합니다. 이 글에서 알 수 있는 것데이터레이어가 정확히 무엇이고 왜 GTM의 핵심인가dataLayer 코드가 GTM 컨테이너보다 위에 있어야 하는 이유작성자(pagePostAuthor) 예시로 보는 dataLayer.push() 실제 코드GTM이 dataLayer 값을 인식하려면 '데이터 영역 변수'가 필요한 이유미리보기 모드로 값이 수집됐는지 확인하는 방법..

반응형