GTM(Google Tag Manager)
사이트에서 사용자가 구매 버튼을 어떤 상황에서 눌렀는지, 페이지의 어디를 클릭하여 특정 페이지에 갔는지 등의 사용자의 특정 행동을 추적하고 싶을 때가 있습니다. 이 때 사용할 수 있는 툴이 GTM(구글 태그 매니저, Google Tag Manager)입니다. 이번 포스팅에서는 GTM의 정의와 원리, 장점, 설치 방법을 알아보겠습니다.
목차
- GTM이란?
- GTM을 사용해야 하는 이유
- GTM 계정 만들기
- GTM 설치 코드 창을 실수로 꺼버렸다면
- 티스토리에 GTM 설치하기
GTM이란?
GTM은 웹 사이트 또는 모바일 앱에 태그(Tag)라고 불리는 사용자 행동 추적 코드를 전문적인 코딩/개발 지식 없이 빠르게 업데이트할 수 있는 태그 관리 시스템입니다.
- 태그란?
애널리틱스 및 마케팅 업계에서 태그는 웹사이트 또는 모바일 앱의 원하는 제품 또는 기능에 설치되어 사용자 행동 데이터를 추적하도록 하는 코드입니다. 공급업체가 제공하는 추적 코드가 대체적으로 HTML <script> 또는 <img> 태그로 캡슐화된다는 사실에서 파생되어 태그라고 불립니다.
GTM이 웹 페이지 또는 모바일 앱 내 추적 코드를 실행시키는 방법은 아래와 같습니다.
GTM에서 작업한 모든 내용은 자동으로 코드로 변환되어 파일로 GTM 서버에 저장됩니다. 사용자가 페이지나 앱을 방문하면 GTM 서버에 저장된 파일이 호츌되어 그 안의 코드가 실행됩니다. 따라서 GTM을 사용하면 전문적인 코딩 지식이 없어도 마케터 또는 데이터 분석가는 원하는 태그(추적 코드)를 실행시킬 수 있습니다.
GTM을 사용해야 하는 이유
GTM이 가지고 있는 몇 가지 장점을 알아보면 GTM을 사용해야 하는 이유를 알 수 있습니다.
1. 적은 코딩/개발 지식으로 태그 관리
GTM에서 작업한 내용은 자동으로 코드로 변환되어 실행되기 때문에 적은 개발 지식을 가진 데이터 분석가나 마케터가 손쉽게 태그를 추가하거나 관리할 수 있습니다. 즉 웹사이트나 앱 개발자가 작업을 해줄 때까지 기다리지 않아도 된다는 큰 장점이 있습니다.
2. 다양한 데이터 수집
구글 애널리틱스로는 수집하기 어려운 사용자의 특정 행동을 GTM을 사용하면 쉽게 추적할 수 있습니다. 예를 들어 랜딩 페이지의 어느 부분까지 스크롤했는지, 장바구니 담기 버튼을 어떤 상황에서 눌렀는지 등과 같은 사용자 행동은 일반적인 분석 툴로는 알기 어렵지만 GTM으로 이벤트를 설정해주면 사용자가 특정 행동을 했을 때 데이터가 자동으로 수집됩니다.
3. 미리보기 화면과 쉬운 복원
작업한 내용을 사이트나 앱에 반영하기 전에 미리보기 기능을 통해 테스트할 수 있습니다. 또한 버전 관리 기능이 있어서 해당 작업이 원했던 것이 아니라면 이전 버전으로 복원할 수 있습니다.
4. 협업 가능
인터넷이 되는 곳이라면 어디서든 여러 명이 GTM에서 작업할 수 있습니다. GTM에는 작업 공간이 존재하므로 각자의 작업 공간에서 작업할 수도 있고, 다른 사용자의 작업을 확인하거나 협업할 수 있습니다.
GTM 계정 만들기
1. GTM 홈페이지에 들어가 계정 만들기를 클릭합니다.
2. 새 계정 추가 창에서 계정 설정과 컨테이터 설정을 한 후, 만들기를 클릭합니다.
계정 이름에는 회사나 브랜드명을 넣고 국가는 대한민국으로 변경해줍니다.
컨테이너 이름은 GTM을 적용할 사이트 주소를 적고, 타겟 플랫폼은 사용하고자 하는 플랫폼을 선택합니다. 저는 웹페이지를 선택했어요.
3. GTM 서비스 이용약관에 동의하세요.
4. GTM 설치 코드를 복사해 연결하고자 하는 사이트의 모든 페이지에 넣어주세요.
사이트의 HTML <head>와<body>상단에 넣으면 사이트와 GTM은 연결됩니다.
GTM 설치 코드 창을 실수로 꺼버렸다면
태그 관리자에서 관리(아래 이미지에서 노란색 부분)를 클릭합니다.
Google 태그 관리자 설치를 클릭하면 위와 같은 GTM 설치 코드가 나옵니다.
컨테이너 삭제
컨테이너 삭제는 관리자에서 관리(아래 이미지에서 노란색 부분)를 클릭한 후,
컨테이너 설정을 클릭합니다.
를 클릭하고 삭제를 클릭해주면 컨테이너가 삭제됩니다.
삭제된 컨테이너는 휴지통에 1달간 보관됩니다.
티스토리에 GTM 설치하기
개인 블로그에서 GTM을 설치할 수 있습니다. 하지만 GTM을 설치할 수 있는 블로그가 따로 있으므로 잘 알아보는 것이 좋겠죠? 국내 블로그 플랫폼 중 티스토리에는 GTM을 설치할 수 있으므로 실습을 위해 티스토리에 블로그를 만드는 것이 좋을 것 같습니다. 티스토리에 GTM을 설치하는 방법은 아래와 같습니다.
1. 티스토리 블로그 관리 홈에서 스킨편집을 클릭합니다.
2. 스킨편집 창에서 html 편집을 클릭합니다.
3. html의 <head>와 <body> 안에 위에서 복사한 GTM 설치 코드를 붙여 넣고, 적용을 클릭합니다.
저는 GTM에서 권장하는 대로 <head>와 <body> 바로 뒤에 코드를 붙여 넣었습니다.
지금까지 GTM과 설치 방법을 알아보았습니다. 다음 포스팅에서는 GTM 사용법에 대해 하나씩 알아보도록 하겠습니다.
참고자료
https://support.google.com/tagmanager/#topic=3441530
https://dachata.com/google-tag-manager/post/what-is-the-google-tag-manager/
https://finedata.tistory.com/44