[GITHUB PAGES] 구글 애널리틱스 적용하기

09 Dec 2021 • BLOG

Google Analytics 적용하기

  1. google-analytics 가입함.
  2. google-analytics에서 속성 만들기
  3. 추적 ID 복사

  4. _config.yml에 적용 - 내가 가져온 테마에 경우에는

     google:
 #plus:            #username
 analytics:        내 트랙 아이디
 #verify:
 #ad-client:
 #ad-slot:

    이렇게 되있었다.

  5. /_includes/scripts.html 부분에

    기존에 있던 코드

         Asynchronous Google Analytics snippet
     <script>
       (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
         (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
         m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
       })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
       ga('create', 'G-6DVR5DH0EY', 'auto');  
       ga('require', 'linkid', 'linkid.js');
       ga('send', 'pageview');
     </script> -->
     Global site tag (gtag.js) - Google Analytics

    변경한 코드

     <script async src="https://www.googletagmanager.com/gtag/js?id=G-QE0BFF2TLD"></script>
 <script>
     window.dataLayer = window.dataLayer || [];
     function gtag(){dataLayer.push(arguments);}
     gtag('js', new Date());

     gtag('config', 'G-QE0BFF2TLD');
 </script>

스트림 설정에서 태그하기에 대한 안내 - 새로운 온페이지 태그 추가를 누르면 나오는 코드이다. 이번에 구글에서 새롭게 발표한 추적코드인데, 애널리틱스, 광고 전환 추적 및 리마케팅을 한번에 적용할 수 있는 듯하다.

이 부분이 특히 참고 사이트가 많은 이유는 구글 애너리틱스가 잘 적용됬는지 확인이 잘 되지 않아서 틀려서 그런건가하고 다른 사이트를 참조하느라 그랬다.

물론 지금은 확실히 확인이 되었다. google-analytics

참고

 BLOG

Comments

Newest Posts