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

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 환경에 구성..