티스토리 스킨을 편집하는 경우 잘못된 자바스크립트 코드를 추가하면 티스토리 통계가 작동하지 않는 문제가 발생할 수 있습니다. 작년 5월에 티스토리 스킨을 편집한 직후 티스토리 통계 오류가 발생하였고, 고객센터에 문의까지 했지만 해결이 되지 않고 있습니다. 스킨 편집 과정에서 어떤 코드가 티스토리 통계 집계를 방해하면서 발생한 문제 같습니다.
티스토리 스킨 편집 후 통계 오류가 발생하는 경우
2025년 5월 말에 티스토리의 기본 스킨 중 하나인 오디세이 스킨에 JS 코드를 추가한 후부터 티스토리 통계가 제대로 집계되지 않는 문제가 발생했습니다.
티스토리가 간혹 통계 오류가 발생하여 처음에는 티스토리에 일시적으로 오류가 발생한 것으로 생각했지만, 며칠이 지나도 해결되지 않아서 제 사이트에만 문제가 발생한다는 사실을 알게 되었습니다.
이 문제를 티스토리 고객센터(카카오 고객센터)에 문의했지만 원론적인 답변만 들을 수 있었습니다.😥
스킨 편집 과정에서 추가한 자바스크립트 코드가 티스토리 통계 기능을 방해하여 발생하는 문제가 아닌가 의심이 되어 문제의 코드들을 AI에 넣어서 어떤 코드가 티스토리 통계 기능에 영향을 미칠 수 있는지에 대하여 물어보니 제공한 코드에서 3가지가 문제를 일으킬 것으로 의심된다는 답변을 들었습니다.
티스토리 스킨을 커스텀한 후 갑자기 방문자 수가 줄거나 통계가 이상하다면 다음 3가지를 꼭 확인해보세요.
- document.body.innerHTML을 써서 페이지 전체를 덮어쓰고 있지 않은가? (통계 스크립트 삭제됨)
- e.preventDefault()로 티스토리 고유 기능이나 클릭 집계를 막고 있지 않은가?
- 내부 링크에 noreferrer를 붙여 유입 경로를 스스로 지우고 있지 않은가? (→ JS로 rel 속성을 수정해도 실제 브라우저에서는 적용되지 않을 가능성이 높으므로 이 부분은 무시해도 될 것 같습니다.)
이 3가지만 주의해도 자바스크립트로 인한 통계 누락은 99% 막을 수 있다고 하네요.
저는 티스토리에서 글을 작성할 때 “[참고*….*]”와 같이 입력하면 그림과 같이 해당 문단이 콜아웃 박스 형식으로 표시되도록 JS 코드를 추가했습니다.
챗GPT를 이용하여 위의 그림과 같은 스타일로 박스가 표시되도록 JS 코드를 만들었는데, 이런 코드가 티스토리 통계 기능에 영향을 미칠 것이라는 생각을 하지 못했습니다.😥
참고로 워드프레스에서는 간단한 CSS로 ‘참고’, ‘경고’, ‘팁’ 등의 콜아웃 박스를 구현할 수 있습니다. 위의 그림과 복잡하지는 않지만 아래 박스와 같이 CSS로 만들 수 있습니다. 예시:
워드프레스에서는 JavaScript를 사용하거나 CSS로 콜아웃 박스 스타일을 만들 수 있습니다. 사이트 성능에 미치는 영향을 최소화하는 방법으로 CSS를 사용할 수 있습니다.
티스토리에서는 자바스크립트를 사용하여 어느 정도의 커스텀이 가능하지만, JS를 잘못 사용할 경우에는 티스토리의 기능에 영향을 미칠 수 있으므로 JS 코드를 넣을 때에는 해당 코드가 어떤 영향을 미치게 될지에 대한 고민이 필요한 것 같습니다.
티스토리가 제재가 심해지고 티스토리 자체 광고를 도입하여 수익이 많이 줄어든 상태에서 작년에는 구글 애드센스의 앵커 광고와 전면 광고, 사이드레일 광고 등의 사용을 금지하면서 워드프레스나 블로그스팟 등으로 옮겨가는 사용자들이 증가했습니다.