구글 태그 매니저(google tag manager) 적용 방법 (jekyll 에 적용방법)

1. 구글 태그 매니저에 가입하고

https://tagmanager.google.com/

로그인 - Google 계정

하나의 계정으로 모든 Google 서비스를 Google 계정으로 로그인 내 계정 찾기 계정 만들기 Google 계정 하나면 OK

tagmanager.google.com

2. 관리자를 선택하면 기본으로 넣어야 할 태그가 보임

 2-1. head 태그 다음에 넣을 스크립트와

 2-2. body 태그 다음에 넣을 스크립트가 보임

3. 위의 스크립트를 2개의 파일로 만들어서 jekyll 의 하위폴더 include 에 넣음

위에껀 gtag_head.html

밑에껀 gtag_body.html

4. _config.yml 에 google tag ua 값을 넣어주고 gtag_head, gtag_body 에 변수로 넣어줌

  4-1. _config.yml 에 하단 추가

        google_tag:

          ua: GTM-NZ7M7K3

  4-2. gtag_head : 'GTM-NZ7M7K3' => '{{ site.google_tag.ua }}'  전환해줌

        gtag_body : /ns.html?id=GTM-NZ7M7K3   => /ns.html?id={{ site.google_tag.ua }} 전환해줌

5. head , body 태그 시작 지점에 include 해줌

head 태그 다음에

{% if site.google_tag.ua %}

{% include gtag_head.html %}

{% endif %}

body 태그 다음에

{% if site.google_tag.ua %}

{% include gtag_body.html %}

{% endif %}

6. jekyll 을 실행하고 크롬 브라우저 개발자 보기로 tag 가 제대로 적용되었는지 확인하면 된다

 

7. 크롬브라우저 addon 인 tag assistant 로 확인 가능하다