블로깅

티스토리 구글 애널리틱스 수동 설정 방법 (티스토리 플러그인 오류에 의한 트래픽 누락 해결)

오렌지사과키위 2024. 2. 9. 12:59

2024년 2월 7일부터 잡히지 않는 티스토리 트래픽

며칠 전인 2월 7일부터 구글 애널리틱스에서 티스토리 트래픽이 잡히지 않고 있습니다.

2월 7일부터 구글 애널리틱스에 잡히지 않는 티스토리 트래픽

보고서 오류에 깜짝 놀란 여자, 한국 만화 스타일 (디자이너)

구글 애널리틱스의 코드 설치 안내 페이지에서 설정이 제대로 되어있는지 테스트 할 수 있습니다. 여기서는 문제가 없는 것으로 나옵니다. (설정 > 데이터 수집 및 수정 > 데이터 스트림 > [데이터 스트림 선택 후] > 태그 안내 보기)

구글 애널리틱스 코드와 테스트 화면

티스토리 플러그인이 생성한 코드에 있는 오류

티스토리 플러그인으로 구글 애널리틱스를 설정하면 아래와 같은 코드가 <head> 태그 아래 위치하게 됩니다.

<!-- GoogleAnalytics - START -->
<script src="https://www.googletagmanager.com/gtag/js?id=<YOUR GA ID>" async="async"></script>
<script>window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config','<YOUR GA ID>', {
    cookie_domain: 'auto',
    cookie_flags: 'max-age=0;domain=.tistory.com',
    cookie_expires: 7 * 24 * 60 * 60 // 7 days, in seconds
});</script>

구글 애널리틱스가 안내한 코드는 다음과 같습니다. 사용자마다 그리고 사이트마다 G-로 시작하는 태그 코드는 나릅니다.

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

둘 사이에 특별한 차이는 없고, 티스토리 플러그인의 경우 쿠키(cookie)와 관련한 추가 설정이 있습니다. 이 부분에서 문제가 발생한 듯 합니다.

cookie_flags: 'max-age=0;domain=.tistory.com'로 되어 있는데, domain.tistory.com이 아니라 .을 뺀 tistory.com으로 설정해야 할 듯 싶습니다.

(추가) 조금 더 테스트 해 보니 domain 부분이 문제가 아니라 max-age와 cookie_expires의 충돌 때문인 듯 합니다. 둘 다 쿠키의 유효기간을 설정합니다. 수동으로 설정하시는 분은 구글 애널리틱스가 제시하는 표준 형태를 사용하는 것이 무난합니다.

구글 애널리틱스 수동 설정 방법

티스토리 관리 페이지인 [본인 티스토리 주소]/manage로 들어가서 꾸미기 > 스킨 편집을 선택한 후 html 편집 버튼을 눌러 줍니다.

<head> 태그 아래 <meta>, <link>, <script> 태그들이 있습니다. </head> 태그가 나오기 전 적절한 위치에 구글 애널리틱스 코드를 넣습니다.

구글 애널리틱스 코드와 테스트 화면

수정 후 오른쪽 상단의 적용 버튼을 누르면 됩니다.

티스토리 플러그인 사용 중지 후 구글 애널리틱스 코드로 변경 결과

혹시나 앞으로도 비슷한 상황이 생길까 싶어, 플러그인 사용을 중지하고, 스킨의 HTML을 편집하여 코드를 직접 넣어 두었습니다.

이제 잘 동작합니다.

티스토리 실시간 트래픽이 제대로 잡힘

도움이 되었다면, 이 글을 친구와 공유하는 건 어떻까요?

facebook twitter kakaoTalk naver band