728x90

#12-02. 구글 태그매니저(GTM) 개요 및 설치

태그 매니저의 이해

웹사이트를 제작할 때 사용하는 언어인 html은 화살형 괄호인 < > 속에 태그(tag)를 이용하여 프로그래밍이 이루어진다. 태그 매니저는 가상으로 태그를 구현해주는 역할을 하는 프로그램이다. 즉 웹 개발자나 프로그래머가 직접 코딩을 해서 삽입해야 하는 것을 태그 매니저가 대신하여 간단하게 코딩을 변경해주는 역할을 한다. 태그 매니저가 작동하기 위해서는 GTM(Google Tag Manager)의 경우에는 컨텐이너(container)라는 스크립트를 웹사이트에 삽입하여 주여야 하며, 컨테이너가 이상없이 설치되고 나면 가상으로 설정한 html 태그가 실제 웹사이트에 삽입된 것처럼 작동하게 된다.

구글 어낼리틱스(이하 GA)를 설치하기 위해서 추척 코드라는 스크립트를 삽입하여야 했는데, 이외 Google Ads, Google Optimize 등 다른 GMP(Google Marketing Platform)을 원활하게 사용하기 위해서는 마찬가지로 다양한 스크립트를 설치하여야만 한다. 이들 스크립트는 단순히 초기 설정을 위해서 설치하는 것 이외에도 전환이나 이벤트 추적을 위해서 매우 많은 수의 스크립트를 설치하게 되는데, 만일 GTM이 없다면 스크립트 설치가 필요할 때 마다 웹 개발자의 도움을 요청하여야만 한다. 이처럼 마케터가 직접 스크립트를 다룰 수 없다면 부서간 협조 어려움, 스크립트 설치 시간 소요 등 문제가 생길 수 있으며, 웹 개발자의 입장에서는 웹 사이트의 잠재적 문제를 초래할 수 있는 스크립트 설치를 허용하지 않을 수 있다. 그러나 GTM을 활용함으로서 마케터는 웹 페이지에 대한 변경없이도 스스로 다양한 태그를 추가하거나 삽입함으로서 A/B 테스트 진행, 웹과 앱상의 소비자 활동 추적 등을 할 수 있게 된다.

GTM 계정 생성 및 관리

GTM을 설치하기 위해서는 구글 계정으로 구글 크롬 브라우저에 로그인이 필요하다. 이후 GTM 홈페이지 (https://tagmanager.google.com) 접속하여 필요한 정보를 입력하며 화면 좌측 상단의 계정 만들기를 진행하면 된다. 계정 이름은 보통 기업명, 브랜드명, 혹은 프로젝트 명 등 자유롭게 작성하면 되고, 국가 설정과 더불어 데이터를 외부와 익명 공유에 동의한다. 이는 자사의 데이터를 익명 처리 후 공유하는 대신 다른 데이터와 결합하여 풍부한 결과를 보여줄 수 있다.

그 이후에 컨테이너를 설정하여야 한다. 컨테이너는 구글 어낼리틱스(GA)의 속성(property) 메뉴와 유시한 역할을 하며, GTM에서는 컨테이너 단위로 고유한 스크립트가 발급되기 때문에 보통 자신이 소유한 웹사이트의 도메인을 삽입하는 것이 관리에 용이하다. 타겟 플랫폼은 스크립트를 설치할 대상을 의미하며, GTM이 주로 스마트폰 앱보다는 웹에서의 추적을 목적으로 사용되므로 웹을 선택한다. 물론 애플이나 안드로이드 앱을 선택할 수도 있으나, 이들 앱 환경에서는 GTM 태그 삽입이 아니라 개발자용 Firebase SDK를 통하여 구현해야 하기 때문에 마케터가 직접 관여하는 경우는 거의 없다. 이후 설정이 종료된 후 약관에 동의하면 GTM을 웹사이트에서 작동하게 해주는 스크립트가 발급되게 된다.

<그림> GTM 설치 후 스크립트 받기

발급된 GTM의 스크립트는 GA 스크립트 설치와 유사하게 html 코드의 <haed> 바로 밑에 붙여넣기 하는 헤드 태깅을 진행한다. 이때 가급적 가장 높은 위치에 붙여넣기 하기가 권장된다. 또한 헤드 태깅 후 반드시 필수적으로 바디 태깅도 동시에 진행하여야 한다. 바디 태킹은 <body> xorm 바로 뒤에 코드를 삽입하는 것을 의미한다. 이 작업을 위해서는 마케터가 웹사이트의 html 코딩에 최초 1회는 접근할 수 있거나 웹 개발자에게 별도로 요청해야 한다. 단순히 학습이나 연습을 위해서 GTM을 발급하나 경우에는 티스토리 블로그(https://www.tistory.com/) 등 html 편집이 가능한 사이트 서비스를 이용해본다. <haed>태그는 html 편집기의 최상단에, <body>는 최하단에서 쉽게 찾을 수 있다.

이상의 과정을 모두 마치면 GTM 설치는 마무리 단계에 들어간다. 화면 우측 상단에 ‘GTM-MLC933S’ 가 웹사이트에 배정된 이 콘테이너의 고유한 ID 값이다. 만일 여러 웹사이트를 운영중이고 각각 스크립트를 발급받았다면 그 수 만큼의 콘테이너 값이 생성될 것이다.

<그림> GTM 초기화면

 

728x90

+ Recent posts