안녕하십니까
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 계정을 만들고
이를 구글 태그매니저를 통해 관리하는 방법에 대해 알아보겠습니다.
Posted from my blog with SteemPress : http://leedongjick.com/?p=1270
Congratulations @dorongjik! You have completed some achievement on Steemit and have been rewarded with new badge(s) :
Click on any badge to view your Board of Honor.
For more information about SteemitBoard, click here
If you no longer want to receive notifications, reply to this comment with the word
STOPDo not miss the last announcement from @steemitboard!