안녕하십니까

cafe24로 구축한 쇼핑몰에 구글 태그매니저를 설치해 보겠습니다.

새 계정 추가

태그 관리자에서 계정만들기를 클릭후

컨테이너 이름을 지어줍니다.

 

설치 코드

설치코드가 나타나면, 코드 두 덩어리를

각각 사이트의 html 1. <head>  2. <body> 태그 내부에 삽입해야 합니다.

 

 

구글 태그매니저 설치태그 복사

Cafe24의 경우, html 코드에 대한 이해가 없더라도

검색엔진 최적화(SEO) 탭을 통해 쉽게 html 태그를 수정할 수 있습니다.

위와 같이 각각의 코드들을 복사합니다.

 

직접 사이트를 구축하신 분들은 <head>tag를 찾아서

직접 하드코딩 하시면 됩니다.

 

구글 태그매니저 모바일버전 설치

Cafe24의 경우, 사이트가 반응형으로 이루어져있지 않고,

https://m.raindclear.com/과 같이 모바일버전의 도메인이 따로 존재합니다.

이 같은 경우, 웹버전과 모바일버전의 태그가 완전 다른 영역이기 때문에,

각각에 적용해야 합니다.

 

태그 매니저 세팅 완료

확인을 누르면 태그매니저 세팅이 끝이 납니다.

 


<추가>

 

기본적인 변수를 설정해보겠습니다.

 

구글 태그매니저에서 기본적으로 제공하는 변수가 5개 있습니다.

 

Page URL , Page Hostname, Page Path, Referrer, Event
 커머스에 특화된 세팅을 하기 위해 변수들을 더 추가하겠습니다.
클릭 관련, 양식 관련, 동영상 관련, 스크롤 관련, html ID, debug mode 등을 추가했습니다.

변수 추가

 

debug mode 변수 추가

 

다음 포스팅에서는  Analytics 계정을 만들고

이를 구글 태그매니저를 통해 관리하는 방법에 대해 알아보겠습니다.