Search
Duplicate

GTM 가이드 기초편 - 환경 설정

💠 GTM(Google Tag Manager)에 대해 알아봅시다.

구글 태그 매니저는 구글(Google) 마케팅 플랫폼에서 제공하는 무료 서비스의 하나로, 코드를 수정하지 않고도 웹사이트에 심어진 태그를 관리하는 툴입니다. 다양한 마케팅을 뒷받침하는 강력한 도구예요!
고객의 행동 전환을 추적하고, 사이트를 분석하며, 리마케팅을 위한 태그를 추가하거나 업데이트를 할 수 있습니다. 여러가지 방식으로 활용이 가능하며, 변경 수정이 쉬운데다 오류 점검이 가능하고 태그 로드 속도가 빠른 편이라 원하는 데이터를 안정적이면서도 정확하게 수집하게 해줘요.

참고 페이지

구글 태그 매니저 소개
구글 태그 매니저 공식 도움말 페이지

왜 채널톡은 GTM을 소개하나요?

🌟 GTM은 채널톡에서 이런 것을 가능하게 도와줘요

마케팅 캠페인을 만들 때 시작 이벤트를 다양하게 설정하여 고객의 특정 행동에 따라 적절한 메시지를 띄울 수 있도록 설정하는 것이 가능해져요.
특히, 빌더사를 통해 홈페이지를 구축하는 경우 고객의 행동 정보가 제한적으로 연동되는 것을 넘어서서 고객들을 더 추적하기 좋게 만들어 줍니다.
예를 들어, 사이트를 방문한 고객이 3/4 이상 스크롤을 내리면 마치 매장의 직원이 다가와 말을 건네는 것처럼 '기왕이면 구매 전 회원가입 하세요' 와 같은 메시지를 채널톡이 보낼 수 있도록 만들 수 있어요.
'이벤트' 는 마케팅 캠페인의 시작 이벤트 또는 추가 이벤트에 해당하며, 이 캠페인이 작동을 시작할 수 있도록 트리거가 되는 고객의 행동을 말해요.
이벤트에 대한 추가 설명이 필요하다면 👉
개발자 페이지

💠 웹사이트에 GTM 설치하고 트리거 만들기

1. 내 웹사이트에 GTM을 설치합니다

📌
개발자를 위한 퀵스타트(참고용) https://developers.google.com/tag-manager/quickstart
1) https://tagmanager.google.com/ 에서 새 계정을 생성하여, GTM을 설치할 웹사이트 정보를 입력하고 GTM 계정을 만들어 주세요
(참고) GTM 계정을 만들기 위해서 Google Terms & Conditions 동의 절차가 있습니다.
2) 생성된 계정의 고유한 GTM 스크립트를 웹사이트에 삽입해 주세요
<head> 부분과 <body> 부분에 각각 넣어주어야 해요
빌더사에 따라서 바로 입력 가능하도록 세팅을 제공해주기도 해요
3) 짠! 내 홈페이지 GTM 을 관리할 수 있는 대시보드가 시작되었어요
오른쪽 위에 보이는 [제출] 버튼을 눈여겨 봐두세요. 트리거를 만드는 등 무언가 변경사항이 생기면 항상 [제출]을 눌러주셔야 해요.

2. GTM에서 채널톡 템플릿(Template)을 찾아서 설치합니다

1) 왼쪽 메뉴 중 템플릿을 선택해 주세요
2) 갤러리에서 찾기(Search Gallery) → 검색창에 channel 입력 → Channel.io 템플릿을 선택해 주세요
3) 작업공간(Workspace)에 추가하기 → 권한 허용을 하고 추가해 주세요
4) 짠! 채널톡 태그 템플릿이 내 GTM 에 추가가 되었어요
템플릿 정보와, 채널톡에서 제공하는 세 가지 액션을 확인하실 수 있어요.

템플릿의 액션(Action) 이해하기

채널톡 템플릿에서 제공하는 세 가지 액션은 Track(이벤트를 보내기), Show(채팅창을 열기), Hide(채팅창을 닫기)예요.
Track (Send Event)가장 많이 사용하는 액션이예요
고객의 어떤 행동을 추적해서 채널톡으로 보내줍니다
채널톡의 캠페인에서 시작 이벤트 또는 추가 이벤트 조건에서 활용할 수 있어요
Event Property 영역에서 꼭 url을 포함해서 보내도록 설정해 주세요! 그래야 클릭이나, 스크롤 이벤트가 발생했을 때 (GTM이 채널톡으로 그 정보를 보내 주었을 때) 이 이벤트가 어떤 페이지에서 발생했는지 알 수 있어요.
Show (Show messenger)
고객이 어떤 행동을 하면 채팅창을 (라운지 건너뛰고) 열어줍니다
예를 들어, 고객이 A 버튼을 클릭하면 바로 채팅창을 열 수 있습니다
Hide (Hide messenger)
고객이 어떤 행동을 하면 열려있던 채팅창을 닫아줍니다
예를 들어, 고객이 B 버튼을 클릭하면 열려있던 채팅창을 닫아줍니다

3. 변경 사항이 있을 때에는 항상 미리보기 → 제출

모든 변경 이후에는 항상 미리보기를 먼저 눌러주세요
미리보기를 누르면 아래 이미지와 같이 태그 매니저와 사이트를 연동하는 단계가 있어요 → 내 웹사이트 주소를 넣고 Connect 를 눌러주세요
새 창으로 내 웹사이트가 열리며 하단부에 아래처럼 연동이 되었다는 메시지가 보여요
미리보기로 작동을 확인했다면 최종적으로 제출 → 게시 버튼을 눌러주세요
제출 → 게시 완료가 되면서 버전이 저장됩니다
이제 GTM의 기초적인 환경 설정이 되었어요. 💡기본편 에서는 트리거를 생성하고, 💡실전편 에서는 태그를 만들어 채널톡 마케팅 캠페인에서 이벤트를 불러오는 방법을 확인해 볼게요.