일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 | 31 |
- React Native
- shortcut
- GitLab
- viewcontroller
- xtring.log
- Swift
- npm
- ios
- npm install
- react-native
- currying
- styling
- JavaScript
- github
- git
- nextJS
- Android
- styled-components
- REACT
- ReactNative
- Branch
- vscode
- js
- DevOps
- Xcode
- Docker
- ES6
- commit
- HTML
- rn
- Today
- Total
xtring.dev
[Growth Hack] GA/GTM 알아보기 🔦 본문
GA/GTM 알아보기
GA와 GTM
GA 추적코드를 삽입하는 것과 GTM 스크립트를 삽입하는 것의 차이는 무엇일까요?
1. GA
ga('send', 'pageview');
GA 추적 코드를 삽입은 페이지뷰 데이터를 수집하도록 만드는 스크립트 코드를 소스에 심어주는 것입니다. 그리고 아래와 같은 데이터를 수집할 수 있습니다.
- 유입정보(소스/매체/추천페이지)
- 국가 및 지역(국가/지방/도시)
- 브라우저 및 언어 등(브라우저 정보/OS/언어)
- 세션시간(최초 및 최종시간/현재시간)
2. GTM
GTM은 GA에서 사용자(고객)들이 사이트에서 상호작용(클릭, 스크롤, 페이지뷰 등)했던 데이터를 보내기 위해, 추적에 필요한 태그(명령어 스크립트)를 생성하고 설치하는 일련의 과정을 관리하는 하나의 태그 관리 시스템입니다.
GTM의 장점은 시간을 절약할 수 있고, 웹 사이트에서 더 많은 데이터를 추적할 수 있으며, 개발자가 아니더라도 개발 스크립트를 관리하기에 매우 편리합니다.
GTM 컨테이너는 각종 스크립트 및 태그를 자유롭게 담을 수 있는 "빈 공간"을 의미합니다. GTM 컨테이너 스크립트를 삽입하는 것 이외에는 소스 상에 변경이 없으므로, 자유롭게 소스 변경을 테스트 할 수 있는 "빈 공간"으로 생각할 수 있습니다. 컨테이너 안의 태그들은 유저가 변수를 기반으로 입력(input)할 때 발생하는 조건이 트리거로 구성되어 있습니다.
GTM 사용하기
GTM에서 제공하는 컨테이너를 통해 웹페이지의 삽입될 태그를 관리합니다. 컨테이너는 데이터를 담아둘 수 있는 가상 그릇을 뜻합니다. 컨테이너 안에 명령어를 담는 방법이 구글 태그 매니저의 원리입니다.
GTM 계정 구조와 구성요소
GTM은 계정(Account), 컨테이너(Container), 태그(Tag), 트리거(Trigger), 변수(Variable)로 구성되어집니다. 그리고 아래와 같은 구성을 가집니다.
계정은 업체별로 생성하여 분리하며, 컨테이너는 웹사이트별로 생성합니다. 그리고 각 태그는 트리거와 변수로 구성되어집니다.
GA와 GTM의 사용 과정
예를 들어, GA를 통해 [장바구니 버튼]을 클릭한 사람들의 데이터를 보고 싶다고 가정합니다.
- GTM를 통해, 장바구니 버튼을 클릭할 때마다 GA로 데이터를 전송
- GA에서 GTM으로부터 전송된 데이터를 연동시키기 위한 목표 세팅
- 데이터 조회
이 처럼 GTM은 거시적으로 말하면 다양한 명령어(예를 들어 사용자의 상호작용 추적)를 설치하는 도구라고 볼 수 있습니다. 이 명령어의 단위를 "태그(Tag)"라고 부르며, GTM(Google Tag Manager)는 말 그대로, 명령어 관리 시스템이 되는 것입니다.
GTM 설치 및 사용하기
- GTM 가입
- 컨테이너 생성
- GTM과 연동할 웹사이트에 컨테이너 설치
- 컨테이너 설치 확인 후 컨테이너 내부에 명령어 입력
설치 및 연동이 완료된 후 크롬 익스텐션(Chrome extension)에서 제공하는 Tag Assistant를 통해 웹 사이트에서 바로 태그 관리를 할 수 있습니다.
Tag Assistant Legacy (by Google)
📗 Ref.
Google Analytics4(GA4) 알아보기 | 파인데이터랩 블로그