Jason | Solution Engineer - 마테크, 애드테크

GTM Server Side Tag - Transformations Transformation는 Server-side container에 추가된 기능으로 Client - Tag 사이에서 이벤트 파라미터를 명칭 그대로 '변형'하여 전달할 수 있도록 하는 일종의 컨버터 역할을 제공합니다. 기존에는 GA태그 등 일정한 포맷으로 고정 값이 전달되는 태그의 경우, 필요에 따라 데이터를 변경하는 것이 어려웠지만 Transformation 기능이 제공되어 필요에 따라 태그 값을 변형하여 서버사이드 태그에 전달하는 것이 가능하게 되었습니다. 공식문서에서는 Transformation에 대해 '이벤트 파리미터를 변형하여 태그가 활용할 수 있도록 조정'한다고 안내되어 있으니 참고하시기 바랍니다. Transformation이..

[GTM] Custom Template 활용 - 1. 시작하기 Overview 커스텀 템플릿이란? (What is Custom Templates) 커스텀 템플릿은 GTM 태그(Tag)와 변수(Variable)을 유저가 필요한 케이스에 맞게 커스텀 로직을 적용하여 일정한 동작을 하도록 만들어주는 기능입니다. 기존에 Custom HTML tags를 이용하여 태그를 생성하거나 Custom Javascript variables를 활용하여 커스텀 변수기능을 구현하였다면 Custom Templates 기능을 활용하여 GTM에서 제공하는 Sandbox 환경에서 개발/테스트/배포를 진행할 수 있습니다. 템플릿 유형(Type of the Custom Templates) Tag Template Variable Templa..

추천 이벤트 활용한 유저레벨 데이터 수집하기 GA4에서 이벤트 중 추천이벤트에 대해 알아보고 추천이벤트를 활용하여 유저레벨 데이터를 어떻게 수집하고 분석하는지 알아보도록 하겠습니다. GA4에 정의된 추천이벤트 중 일부는 앱에만 해당하는 이벤트명이므로 구글에서 제공하는 가이드에 맞춰 해당 이벤트를 적용하는 것을 권장합니다. 들어가며 사용자별로 구글 애널리틱스에 전송하여 분석할 유저레벨 이벤트는 각 비즈니스 사례에 따라 적용할 이벤트가 다르기 때문에 이 경우에는 GA4에서 자동수집이벤트를 제공하지 않습니다. 따라서 별도의 이벤트 태깅을 통해 해당 유저레벨 데이터를 수집하여야 하는데 특정 케이스에 대해서는 사전 정의된 이름의 이벤트를 사용할 것을 권장한다고 합니다. 추천이벤트 이벤트 트리거 시점 ad_impr..

GTM 서버사이드태깅 - GA4 전자상거래 태그 적용 1. 들어가며 GA4도 기존 UA(Universal Analytics)와 같이 전자상거래(ecommerce) 기능을 제공합니다. GA4 공식문서에 '추천 이벤트' 목록이 있는데 기존 UA에서 사용하던 전자상거래 이벤트와 네이밍이 다른 부분이 많아 해당 부분을 고려하여 적용 또는 마이그레이션하여야 합니다. Simo Ahava 블로그(Available Actions)에 해당 부분에 대한 상세한 비교가 있으니 참고할 것을 권장드립니다. 2. GA4 공식문서 리뷰 1) 전자상거래 사전정의 이벤트 아래 내용은 구글 공식 문서 링크에서 발췌하여 정리하였습니다. 생각보다 바뀐 이벤트명이 많으니 공식문서를 참고하여 실제 이벤트 태깅작업을 진행하는 것이 필요해 보입니..

React에 Google Tag Manager 적용하기 적용순서 React에 Google Tag Manager를 적용하기 위해서는 다음 두 가지 단계가 필요합니다. Google Tag Manager 계정 생성 및 설치 React 소스에 GTM 코드 추가 Google Tag Manager 계정 생성 및 설치 Google Tag Manager 계정 및 컨테이너 생성 Google Tag Manager 에서 새로운 계정을 생성합니다. 계정 생성 후, 마케팅 관리자가 계정을 관리할 수 있는 권한을 할당합니다. 드롭다운 메뉴를 클릭해서 “Web”을 선택한 다음, 운영 중인 Applications 플랫폼 유형을 선택합니다. 계정과 컨테이너를 선택합니다. 페이지 맨 아래에서, 태그 설치를 클릭합니다. 설치 코드를 복사..

GA4 서버사이드태깅 - GA4 태그 추가 서버사이드 태깅 시 클라이언트, 서버 컨테이너를 번갈아가며 설정을 진행해야하므로 순서 및 설정이 헷갈리는 경우가 있을 수 있다. 따라서 아래와 같이 순서에 따라 태그 생성 및 테스트를 단계별로 진행하는 것이 익숙하도록 연습하는 것이 필요하다. 또한 GTM 공식문서의 아키텍쳐와 같이 클라이언트 컨테이너에 생성한 태그는 서버 컨테이너의 Clients 태그를 바라보고, 이를 다시 서버 쪽 태그에 전달하는 방식임을 이해하는 것이 중요하다. 태그 생성 Measurement ID 확인 Admin > Property > Data Streams > Measurement ID 복사 서버사이드 GA4 태그 설정 Clients 추가: Measurement ID 추가 서버 쪽 Tag..

GTM 서버사이드태깅 서버사이드 태깅에 대한 설명은 공식문서(developers.google.com/tag-manager/serverside)에서 발췌한 내용입니다. 서버사이드 태깅 테스트는 문서 순서대로 진행하였습니다. Server-side tagging allows Tag Manager users to move measurement tag instrumentation out of their website or app and into server-side processing via Google Cloud. Server-side tagging offers a few advantages over client-side tags Server-side Container 선택시 Google Cloud 환경에 구성..