티스토리

티스토리 블로그 입문기 #16 구글 애널리틱스 집계 누락 오류 해결 (티스토리 플러그인)

호무비 2024. 3. 17. 22:08
반응형

안녕하세요! 오늘은 구글 애널리틱스 집계 누락 오류 해결법에 관해 알아보겠습니다. 

 

이전에 구글 애널리틱스 등록하는 방법에 관해 소개한 적이 있는데요, 2년간 문제없이 잘 사용하고 있었는데, 갑작스럽게 최근에 문제가 생겨 관련 이슈를 살펴보고 이렇게 소개하게 되었습니다. 이전 포스팅은 아래의 링크를 참고해 주세요.

 

https://homubee.tistory.com/25

 

티스토리 블로그 입문기 #10 구글 애널리틱스 등록하기

오늘은 구글 애널리틱스에 등록하는 방법에 관해 알아보겠습니다. 아마 블로그를 운영하다 보면 다들 조회수나 유입경로 등 각종 통계 자료에 신경이 많이 쓰일 것입니다. 저도 마찬가지입니다

homubee.tistory.com


구글 애널리틱스 집계 누락 문제

 

말 그대로 애널리틱스에 데이터가 집계되지 않고 누락되는 문제입니다.

 

아래 이미지를 보면 잘 측정되던 데이터가 갑자기 8일부터 접속자 수 0으로 표시되며 집계되지 않는 것을 확인할 수 있습니다. 수치가 이상해 같은 일자 티스토리 통계와 비교해 보았는데, 애널리틱스 통계가 잘못된 것을 확인할 수 있었습니다.

 

구글 애널리틱스 통계 집계 누락

 

애널리틱스를 이리저리 살펴보다가 데이터 스트림 항목(관리 - 데이터 수집 및 설정 - 데이터 스트림)에서 단서를 찾을 수 있었습니다. '최근 48시간 동안 수신한 데이터가 없습니다.' 라는 내용으로 볼 때, 데이터 전송이 제대로 되지 않은 것으로 보입니다.

 

데이터 스트림 - 수신 데이터 없음

 

데이터 스크림 항목을 클릭하여 들어가 보니 아래와 같이 웹사이트의 데이터 수집이 활성화되어 있지 않다는 경고 메시지가 노출되고 있었습니다.

 

태그 오류 알림

 

관련 내용을 클릭하면 아래와 같은 메뉴가 나타는데, 저는 티스토리를 사용 중이므로 직접 설치 탭을 클릭하여 내용을 확인했습니다. 웹사이트 테스트 기능이 있어서 테스트 해보았는데, 이상이 없는 것으로 나타났습니다.

 

웹사이트 테스트 결과

 

여기까지 구글 애널리틱스 내에서 살펴볼 수 있는 정보는 전부 확인했고, 이제는 본격적으로 해결 방법을 알아보겠습니다.

 

반응형

구글 애널리틱스 누락 문제 해결 방법

 

1. 디버그 프로그램 설치

 

어떤 문제인지 짐작조차 가지 않아서 고민을 많이 했는데, 크롬 웹스토어에서 Google Analyitcs Debugger 라는 확장 프로그램을 찾을 수 있었습니다. 구글 애널리틱스 디버그 버전 정보를 출력해 준다고 합니다. 이제 이 프로그램을 이용하여 직접 오류 메시지를 확인해 볼 수 있습니다.

 

Google Analyitcs Debugger (https://chromewebstore.google.com/detail/google-analytics-debugger/jnkmfdileelhofjcijamephohjechhna)

 

만약 구글 태그 매니저(Google Tag Manager)를 사용하고 계신다면 위처럼 플러그인 설치 없이 GA 메뉴 내에서도 디버그 정보를 확인하실 수 있다고 합니다. (저는 GTM을 사용 중이지 않아서 위의 방법을 사용했습니다.)

 

2. 오류 메시지 확인

 

F12를 눌러 개발자 도구를 열고 콘솔 로그를 보면 어떤 오류가 발생하는지 확인할 수 있습니다. 해당 오류 메시지를 확인하고 이에 맞게 문제에 대처하시면 됩니다.

 

저의 경우, 아래와 같이 'Unable to update session cookie. Unable to set cookie.' 라는 오류 메시지가 발생하고 있었습니다.

 

구글 애널리틱스 디버그 콘솔 에러 메시지

 

쿠키에 이슈가 있다는 것을 확인하고 직접 html 코드를 열어보았는데, max-age가 0으로 설정되어 있었습니다.

 

티스토리 플러그인 쿠키 설정

 

max-age는 쿠키의 MaxAge를 의미하는 것으로 보이는데, 이 값이 0으로 설정하면 쿠키의 유효 기간이 0초가 되어 쿠키가 삭제되는 효과가 있습니다. 즉, 쿠키를 계속 삭제해 버리니 정상적으로 데이터 전송이 이뤄지지 않은 것입니다. 그 아래에 Expires를 의미하는 것으로 판단되는 cookie_expires가 설정되어 있지만, 쿠키는 MaxAge와 Expires 중 MaxAge 값을 우선하므로 유효 기간이 정상 동작하지 않는 것으로 보입니다.

 

구글에서 제공해주는 코드와 티스토리에서 제공해 주는 코드를 비교해 보았습니다. 내용이 다른 것을 확인 가능합니다.

 

1) 티스토리 코드

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

 

2) 구글 코드

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

  gtag('config', 'test');
</script>

 

원인이 파악되었으므로 이제 문제를 해결할 일만 남았습니다.

 

3. 티스토리 플러그인 해제

 

해당 코드는 티스토리 플러그인을 통해 자동으로 삽입하도록 해두었습니다. 따라서 플러그인을 먼저 제거해 주어야 합니다.

 

방법은 최초 설정 시와 정반대로 진행해 주시면 됩니다. 설정 - 플러그인으로 이동하여 구글 애널리틱스 플러그인을 선택 후 해제합니다.

 

플러그인 해제

 

이제 플러그인이 제거되었습니다.

 

4. 구글 애널리틱스 코드 삽입

 

더이상 티스토리 플러그인을 사용하지 않으므로, 이제 수동으로 구글 애널리틱스 코드를 추가해 주어야 합니다.

 

설정 - 스킨 편집 - html 편집으로 이동하여, <head> 태그 사이에 코드를 삽입합니다. 헷갈리신다면 기존에 티스토리 플러그인으로 코드가 삽입되었던 위치를 기억하셨다가 그 자리에 삽입해 주시면 됩니다.

 

신규 스크립트 삽입

 

5. 구글 애널리틱스 연결 확인

 

연결하고 5분도 안 되어서 실시간 집계에 데이터가 수집되는 것을 확인 가능합니다.

 

애널리틱스 연결 확인 (1)

 

설정에서도 데이터가 수집되고 있다고 메시지가 변경되었습니다.

 

애널리틱스 연결 확인 (2)

 

추가로 아까 설치했던 플러그인을 통해 콘솔 오류도 확인해 보았는데, 모두 해결되어 정상적으로 실행되는 것을 확인할 수 있었습니다.

 

콘솔 오류 해결


구글 애널리틱스 누락 문제 해결법에 관해 알아보았습니다. 기존에 삽입되었던 코드까지는 확인이 어려워서 티스토리의 플러그인 설정이 바뀐 것인지 구글에서의 설정이 변경된 것인지 확인이 어렵지만, 직접 코드를 삽입하여 문제를 해결할 수 있었습니다.

 

문제 자체는 티스토리에 한정된 내용이었지만, 디버그 플러그인을 활용하여 이슈를 트래킹하는 부분은 워드프레스나 블로거 등 타 서비스를 이용하더라도 참고하실 수 있을 것 같습니다.

 

직접 조사해서 작성하는 글이다 보니 일부 정확하지 않은 정보가 포함되어 있을 수 있습니다.

궁금한 사항이나 잘못된 내용이 있으면 댓글로 알려주세요~

구독과 좋아요, 환영합니다!

 

반응형