본문 바로가기
마녀위키/Google

[GTM]구글태그관리자 계정생성과 스크립트 설치

by 짠슬 2020. 12. 14.
반응형

태그관리자에 대한 개요 Google 태그 관리자는 웹사이트 또는 모바일 앱에서 코드 및 태그라고 통칭되는 관련 코드 조각을 쉽고 빠르게 업데이트할 수 있는 태그 관리 시스템입니다. 일부 태그 관리자 코드가 프로젝트에 추가되면 웹 기반 사용자 인터페이스에서 분석 및 측정 태그 구성을 안전하고 쉽게 배포할 수 있습니다. 출처: google support

 

 

구글태그관리자 계정생성 및 스크립트 설치

태그관리자를 내 머리속에서 쉽게 이해시키자면 어떠한 정의를 변수값으로 정하고 그 태그를 활용하여 편하게 데이터를 수집할 수 있도록 도와주는 유용한 도구같은 것이다. 개발지식이 전혀없다면 태그관리자툴을 사용하는데 어려움이 따른다. 반드시 반복실습과 공부가 필요하다. 나도 처음 애널리틱스를 시작할땐 태그관리자를 설치하는것 과정부터 어렵게 느껴졌다. 어찌어찌 도움받아 설치를 하고 난 뒤에는 태그를 생성하는게 엄두가안나서 스크립트를 삭제하고 다시 설치하기를 반복했었다. 올해 잠시 개발공부를 시작하면서 어느정도 개발지식이 생기니 구글태그관리자를 통한 애널리틱스 운용이 너무 편리하고 신기로울 정도로 데이터보는 재미가 쏠쏠함을 느낀다.

 

구글태그관리자를 가장 편하게 접속하는 방법은 계정 클릭하고 태그관리자로 접속하는 방법이다. 또한 나처럼 애널리틱스에서 계정과 비례하여 태그관리자 계정도 늘어난다면 필수로 알아야할 꿀팁이다. 구글태그관리자 계정이 없는경우 계정페이지에서 계정생성 버튼을 클릭하면된다.

 

 

 

 

 

새 계정을 추가는 간단하게 계정명과 컨테이너 설정만하면 된다. 계정이름은 웹사이트명이나 앱명으로 하는 걸 적극 권장한다. 컨테이너에는 타겟플랫폼의 주소를 입력하는데 이때, 애널리틱스와 연동되어있는 주소와 정확히 일치해야한다. 티스토리는 웹사이트니깐 웹으로 플랫폼을 설정한다. 웹주소의 경우 http://,https://는 애널리틱스와 마찬가지로 제외한다. 

 

  • 계정이름: 마녀위키 티스토리

  • 컨테이너 이름: kimss0317.tistory.com

  • 타겟 플랫폼: 웹

  • 티스토리 HTML편집: 계절설정(톱니바퀴)>왼쪽 사이드바 스킨편집> 우측 상단 HTML편집 버튼 클릭

 

 

 

계정생성이 끝나면 태그관리자 설치 스크립트가 나오는데 <heade></heade> 영역과 <body></body>영역에 각각 복사/붙여넣기해주면 된다. 혹시 google태그 관리자 설치 스크립트를 못보고 다른페이지로 이동했다면, 계정에서 관리자로 접속한 뒤 컨테이너에서 google태그 관리자 설치 버튼을 누르면 다시 스크립트 코드를 확인할 수 있다.

 

 

 

 

 

 

스크립트 붙여넣기가 끝나면 꼭 저장, 적용 버튼을 클릭해주면 태그 관리자 스크립트 설치는 끝났다. 태그관리자가 정상적으로 설치되었는지 컨테이너를 제출하고 미리보기를 실행한다. 이 과정은 태그를 생성하고 트리거가 정상 작동하여 데이터를 보내는지 테스트하기 위해 자주 반복하는 과정인데 오늘은 설치확인만 하면 되니 바로 제출하면된다. 태그어이스턴트 페이지로 이동되면서 URL 입력 후 연결확인창이 나타나는데 보통 10초 이내로 연결성공 문구가 나타난다. 

 

 

 

 


크롬 확장앱 태그어시스턴트(Tag Assistant) 는 크롬 브라우저에서만 이용가능한데 구글애널리틱스, 태그관리자, 애드워즈 전환 추적 등 구글에서 제공하는 태그가 올바르게 작동하는지 확인할 수 있는 도구로 설치해두면 태그 오류와 작동여부를 바로바로 체크할 수 있다. 

 

 

 

 

 

반응형