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

📆 Created: 2021.12.09 Thu

🗓️ Updated: 2024.12.27 Fri

Reading time ~1 minute

Google Analytics 적용하기

google-analytics 가입함.
google-analytics에서 속성 만들기 웹사이트: aliquis-facio.github.io URL: https://aliquis-facio.github.io/ 카테고리: github blog 시간대: 그리니치 표준시, 대한민국 시간
추적 ID 복사
_config.yml에 적용 - 내가 가져온 테마에 경우에는

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

이렇게 되있었다.

/_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

/#disqus_thread