본문 바로가기

GTM5

[GTM] id, class 외에 다른 속성 값 매개변수로 수집하기 GTM으로 여러 이벤트를 수집하다보면 id, class 외에 다른 속성 값으로 트리거 조건을 설정한다던가 해당 속성값을 매개변수로 이벤와 함게 수집하고 싶을 때가 있습니다. 이러한 경우에 GTM에서 어떻게 설정해야하는지 알아보겠습니다.  GTM에서 class와 id를 클릭했을 때, 값을 반환하는 변수는 기본적으로 제공하지만, 그 외에 다른 속성 값을 수집하고 싶을 땐 사용자 정의 변수로 따로 설정을 해주어야합니다. 예를 들어 아래와 같이 "slot"이라는 속성의 속성 값을 매개변수로 수집해보겠습니다.  1. 변수 설정먼저 GTM의 [변수 > 사용자 정의 변수] 에서 '새로 만들기'를 클릭한 후, [페이지 요소 > DOM 요소]를 클릭합니다. 그 후, 선택방법을 CSS 선택 도구로 바꿔주고, 아래와 같이 .. 2024. 10. 29.
Webview, 하이브리드 앱 GTM 이벤트 설치 및 수집 방법 이 글에서는 하이브리드 앱의 웹뷰(WebView) 내에서 발생하는 이벤트를 Firebase Analytics에 연동하여 GTM으로 이벤트 수집하는 방법을 단계별로 설명합니다.  하이브리드 앱 또는 네이이트 앱의 특정 영역에 웹뷰를 사용하는 경우, 사용자들의 행동은 웹뷰 내에 있는 웹사이트에서 일어나게 됩니다. 그런데, 파이어베이스 애널리틱스의 경우엔 네이티브 영역에 설치가 됩니다. 그래서 웹뷰 내에서 일어나는 행동들을 파이어베이스 애널리틱스가 이벤트로 바로 찍을 수가 없습니다.  그래서 웹뷰에서 발생하는 이벤트를 수집하려면, 웹사이트 내에서 사용자가 행동을 했을 때, 네이티브 영역으로 데이터를 전달해줘야합니다. 그리고 나서 데이터를 받은 네이티브 영역에서는 받은 데이터를 이용해서 앱 자체에서 파이베이스 .. 2024. 8. 13.
GTM 이벤트 기획 및 사용자 정의 변수를 활용해 이벤트 삽입하기 해당 글에서는 GTM 이벤트를 기획하는 방법과 실제로 이벤트를 삽입하는 과정까지 설명합니다. 특히, 개발자의 도움없이 마케터도 스스로 사용자 정의 변수를 활용하여 맞춤 자바스크립트를 삽입해 변수를 만드는 방법까지 다룹니다.   목차1. 비즈니스 구조 시각화2. 고객 행동 시나리오 작성하기3. 서비스 화면을 기준으로 필요한 데이터 추출하기4. 데이터 리스트 형태로 정리하기5. 우선순위 설정과 중복 이벤트 제외6. GTM으로 이벤트 삽입( + 사용자 정의 변수 지정) 1. 비즈니스 구조 시각화비즈니스 구조를 한눈에 볼 수 있게 마인드맵 또는 플로우차트와 비슷한 형식으로 정리해 봅니다. 구조가 간단하다면, 아래와 같은 형식으로 간단하게 정리해 보셔도 됩니다. 비즈니스가 제공하는 PC WEB, Mobile WE.. 2024. 1. 13.
GTM 태그, 트리거, 변수, 이벤트 개념 및 설정 방법 이 글에서는 GTM 태그, 트리거, 변수 기본 개념에 대해서 알아볼 것입니다. 그리고 각각 GTM에서 설정하는 방법과 실제로 이벤트가 수집되어서 GA4에 표시되는 과정까지 다뤄보도록 하겠습니다.   목차1. GTM 태그, 트리거, 변수, 이벤트 기본 개념2. GTM 변수 설정3. GTM 트리거 설정4. GTM 태그, 이벤트 설정  1. GTM 태그, 트리거, 변수, 이벤트 기본 개념사용자가 웹사이트에서 무언가 이벤트(ex. 클릭)를 발생을 시켰을 때, 그 이벤트가 GA4의 보고서에 나타나게 하려면 어떻게 해야 할까요? GTM 태그는 사용자의 이벤트를 구글 애널리틱스 서버로 보내서 GA4 보고서에서 분석을 할 수 있게 만들어줍니다. GTM 태그, 트리거, 변수, 이벤트는 어떤식으로 구성이 되어있을까요? 1.. 2024. 1. 6.
GA4, GTM 기본 세팅 리스트 및 방법 이 글은 GA4와 GTM을 웹사이트에 적용하는 방법에 대한 글이다. 기본적으로 세팅해야 하는 것들과 세부적인 방법에 대해서 알아본다. 그리고 적상적으로 적용이 되었는지 확인하는 방법까지 설명한다.   목차1. GA4의 계정 및 속성 구조2. 웹사이트에 GTM으로 GA4 설치하기3. 디버그 모드4. GA4에서 기본적으로 세팅해야 하는 것들 1. GA4의 계정 및 속성 구조계정 하나의 여러 속성을 만들 수 있고, 다시 하나의 속성 목에 여러 개의 스트림을 만들 수 있다.GA4에 접속하여 왼쪽 하단 환경 설정 클릭, 속성에서 속성 세부정보를 클릭한다. 속성이름을 서비스 이름 또는 브랜드 이름 등으로 설정하여 저장한다.    아래와 같이 웹, 안드로이드, iOS각각 플랫폼을 선택하여 데이터 스트림을 생성할 수 .. 2024. 1. 6.