구글 태그 매니저 가입 및 설치 방법에 대해 알려드리겠습니다. 티스토리 블로그 위주로 설명을 드리겠지만, 티스토리 외에도 다른 사이트에서도 쉽게 할 수 있습니다. 어렵진 않아서 보고 따라 하실 수 있습니다.
* 여기서 잠깐 *
구글 태그 매니저(Google Tag Maneger)란?
태그란 자바스크립트로 만든 코드를 말하며 데이터는 수집·전달하는 역할을 합니다. 주로 구글 애널리틱스 추적 코드, 픽셀 등 웹분석 용도의 태그와 광고 성과 추적을 위해 태그를 사용을 합니다.
구글 애널리틱스에서는 웹로그 분석을 할 때 웹사이트 내 스크립트를 통해 데이터를 수집합니다. 특정 행동(웹사이트 접속, 회원가입, 페이지 이동 등)을 할 때 삽입된 스크립트를 통해 구글 애널리틱스에 데이터를 전송하는데 이 특정 행동에 스크립트 코드를 심기 위해서는 어느 정도 HTML 같은 컴퓨터 언어들을 알아야 합니다. 그러나 개발자가 아닌 이상 이런 언어들을 아는 것은 쉽지 않죠. 개발자에게 부탁하자니 눈치가 보이기도 하고요.
이러한 단점을 보완하여 나온 것이 바로 구글 태그 매니저(Google Tag Maneger)입니다.
구글 태그 매니저 가입 및 설치 방법
1. 구글 태그매니저 사이트(tagmanager.google.com/)에 접속을 합니다. 검색할 때 나오지 않더라고요. 검색해서 들어가는 것보다는 위 링크를 눌러 접속하는 것이 좋을 것 같습니다. 그리고 자주 들어가실 것 같으면 즐겨찾기 추가를 해주세요.
2. [계정 만들기] 버튼을 클릭합니다.
3. 여기 내용을 채워주시면 되는데 옆에 내용처럼 [계정 이름, 국가, 컨테이너 이름, 타겟 플랫폼] 4가지 입력 및 클릭 후 [만들기] 버튼을 눌러주세요.
4. [약관 동의] 부분에 체크 후 [예] 버튼을 눌러주세요.
5. 구글 태그 매니저 설치를 위해서는 위 코드를 <head>와 <body>에 넣어줘야 합니다. 만약 이 부분을 모르신다면 개발자에게 부탁을 하거나 전문가에게 의뢰를 하는 것이 좋습니다.
저는 티스토리에 설치를 했으므로 티스토리 예시를 보여드리겠습니다.
6. 티스토리 블로그 관리자 페이지에서 [꾸미기 -> 스킨 편집] 클릭
7. [html] 편집 클릭
8. <head> 같은 경우는 머리를 뜻합니다. 주로 맨 위에 있기에 찾기 쉽습니다. <head>라고 쓰여 있는 곳 옆에 마우스를 클릭한 후 엔터 치고 구글 태그 관리자의 head코그를 복사 붙여 넣기 합니다.
노란 부분이 구글 태그 매니저 부분입니다. 붙여 넣기를 완료했다면 적용을 눌러주세요.
9. <head>에 비해 <body>는 찾기 어렵습니다. 그래서 찾기 위해서를 '검색'을 이용해주시면 됩니다. '컨트롤 + F'를 누르면 검색창이 뜨는데 여기서 body를 입력하고 엔터 해주세요. 그럼 바로 <body>가 나옵니다. <body>가 아니고 <body 블라블라> 이렇게 있어도 <body>라고 생각하시면 됩니다.
저는 <body> 아래에 구글 태그 관리자 <body> 코드를 복사 붙여 넣기 했습니다. 코드가 <head>랑 <body> 두 개가 각각 따로 있으므로 주의해서 넣어주세요.
노란 상자 부분이 넣은 부분입니다.
10. 코드를 모두 넣었으면 [확인]을 눌러주세요.
11. 이런 화면이 뜰 텐데 이번에는 사이트에 코드가 잘 심겼는지 확인을 해 볼 차례입니다. 위에 [미리 보기] 버튼을 눌러주세요.
12. [미리 보기] 버튼을 누르면 이렇게 주황색 박스가 나타납니다. 이 박스가 나타나면 새로운 창을 열어서 태그 매니저를 설치한 사이트로 이동을 합니다.
13. 사이트에 들어가면 아래에 태그매니저라는 창이 자동으로 뜹니다. 그리고 오른쪽에 GTM-xxxx 이렇게 뜰 텐데 이렇게 나오면 설치가 완료된 것입니다.
이번에는 구글 태그 매니저 가입 및 설치하는 방법에 대해 알려드렸습니다. 다음엔 태그 매니저 사용하는 방법에 대해 알려드리겠습니다. 다음에 만나요.
'마케팅' 카테고리의 다른 글
| 바이럴 마케팅 광고 무엇이 있을까? (0) | 2021.11.19 |
|---|---|
| 다음 웹마스터도구 사이트 등록하는 방법 (1) | 2020.08.31 |
| 티스토리 블로그 검색 유입 키워드 확인하는 방법 (0) | 2020.08.08 |
| 티스토리 글 중간에 구글 애드센스 광고 삽입하는 방법 (0) | 2020.07.22 |
| 티스토리 구글 애드센스 사이드바 광고 넣기 (0) | 2020.07.18 |
댓글