본문 바로가기
  • I have an insatiable desire to understand the mysteries of the universe.
T Story and Blog

T Story와 구글 애널리틱스 연동하기

by 닥터펫 2025. 5. 18.

티스토리 블로그에 구글 애널리틱스(GA) 태그를 삽입하는 방법은 크게 두 가지로 나눌 수 있습니다: 티스토리 플러그인을 통한 간단한 연동과 구글 태그 매니저(GTM)를 활용한 고급 설정입니다. 또한, 모든 글에 일괄적으로 태그를 적용하거나 글 작성 시 자동으로 태그가 적용되도록 설정하는 방법도 포함하여 설명하겠습니다. 아래는 단계별로 정리한 방법입니다.

 

1. 티스토리 플러그인을 통해 구글 애널리틱스 태그 삽입 (가장 간단한 방법)

티스토리는 구글 애널리틱스 플러그인을 제공하여 별도의 HTML 코드 삽입 없이 추적 ID만 입력하면 모든 페이지에 자동으로 GA 태그가 적용됩니다. 이 방법은 모든 글에 일괄적으로 태그를 적용하며, 새 글 작성 시에도 자동으로 적용됩니다.

단계별 절차

  1. 구글 애널리틱스 계정 생성 및 추적 ID 확인
    • 구글 애널리틱스에 접속하여 계정을 생성합니다.
    • 계정 > 속성 > 데이터 스트림(GA4) 또는 추적 정보 > 추적 코드(UA)를 선택하여 추적 ID(예: UA-XXXXX-Y 또는 G-XXXXXX)를 확인합니다.
    • 추적 ID를 복사합니다.
  2. 티스토리 관리자 페이지에서 플러그인 설정
    • 티스토리 관리자 페이지에 로그인합니다.
    • 좌측 메뉴에서 플러그인을 클릭합니다.
    • 플러그인 목록에서 구글 애널리틱스를 찾아 설정을 클릭합니다.
    • 복사한 추적 ID 또는 측정 ID를 입력란에 붙여넣습니다.
    • 적용 버튼을 클릭하여 설정을 저장합니다.
  3. 설정 확인
    • 설정 후 24~48시간 이내에 구글 애널리틱스의 실시간 보고서에 접속하여 데이터가 수집되는지 확인합니다.
    • 실시간 보고서에서 방문자 데이터(예: 세션, 페이지뷰)가 표시되면 정상적으로 연동된 것입니다.

장점

  • 별도의 HTML 수정 없이 간단히 설정 가능.
  • 모든 블로그 페이지(기존 글 및 새 글 포함)에 자동으로 GA 태그가 적용됨.
  • 새 글 작성 시 추가 작업 없이 자동으로 추적.

단점

  • 고급 이벤트 추적(예: 버튼 클릭, 스크롤 깊이 등)은 별도 설정 필요.
  • GA4와 UA 모두 지원하지만, 세부 설정은 GTM이 더 유연함.

참고

이 방법은 티스토리 플러그인이 모든 페이지에 GA 태그를 자동 삽입하므로, 모든 글에 일괄 적용 및 새 글 자동 적용 요구사항을 완벽히 충족합니다.

2. 구글 태그 매니저(GTM)를 통해 구글 애널리틱스 태그 삽입

구글 태그 매니저를 사용하면 티스토리 블로그에 GA 태그를 삽입하고, 추가적인 이벤트 추적(예: 클릭, 스크롤 등)을 보다 유연하게 설정할 수 있습니다. 이 방법도 모든 페이지에 태그를 일괄 적용하며, 새 글 작성 시 자동으로 적용됩니다.

단계별 절차

  1. 구글 태그 매니저 계정 생성
    • 구글 태그 매니저에 접속하여 계정을 생성합니다.
    • 컨테이너를 생성하며, 웹사이트용으로 설정합니다(컨테이너 이름은 블로그 이름 등으로 지정).
    • 생성 후 표시되는 GTM 코드 두 개를 복사합니다:
      • <head>에 삽입할 코드
      • <body> 바로 아래 삽입할 코드
  2. 티스토리 HTML에 GTM 코드 삽입
    • 티스토리 관리자 페이지에서 꾸미기 > 스킨 편집 > HTML 편집으로 이동합니다.
    • <head> 태그 바로 아래에 GTM의 첫 번째 코드를 붙여넣습니다.
    • <body> 태그 바로 아래에 GTM의 두 번째 코드를 붙여넣습니다.
    • 저장을 클릭하여 스킨을 적용합니다.
  3. GTM에서 구글 애널리틱스 태그 설정
    • GTM 관리자 페이지로 돌아갑니다.
    • 태그 메뉴에서 새로 만들기를 클릭합니다.
    • 태그 유형으로 Google 애널리틱스: GA4 구성 또는 Google 애널리틱스: 유니버셜 애널리틱스를 선택합니다.
    • GA에서 확인한 측정 ID(GA4) 또는 추적 ID(UA)를 입력합니다.
    • 트리거로 모든 페이지(All Pages)를 선택하여 모든 페이지에서 태그가 실행되도록 설정합니다.
    • 태그 이름을 지정(예: GA4 기본 추적)한 후 저장합니다.
  4. GTM 설정 배포
    • GTM에서 미리보기 버튼을 클릭하여 태그가 정상적으로 작동하는지 테스트합니다.
    • 웹사이트 접속 후 GTM 디버그 창에서 태그 실행 여부를 확인합니다.
    • 문제없으면 제출 > 게시를 클릭하여 설정을 배포합니다.
  5. 설정 확인
    • 구글 애널리틱스의 실시간 보고서에 접속하여 데이터 수집 여부를 확인합니다.
    • GTM 태그가 모든 페이지에 적용되었는지 확인하려면 태그 어시스턴트(Chrome 확장 프로그램)를 사용해 태그 실행 여부를 점검합니다.

장점

  • GA뿐만 아니라 다른 태그(예: 구글 애즈, 페이스북 픽셀)도 한 곳에서 관리 가능.
  • 이벤트 추적, 전자상거래 추적 등 고급 설정이 용이.
  • 모든 페이지(기존 및 신규 글)에 자동으로 태그 적용.
  • GA4와 UA 모두 지원.

단점

  • 초보자에게는 설정 과정이 다소 복잡할 수 있음.
  • 티스토리 HTML 수정이 필요.

참고

GTM은 모든 페이지에 태그를 일괄 적용하며, 새 글 작성 시 별도 작업 없이 자동으로 GA 태그가 적용됩니다. 이는 모든 글에 일괄 적용 및 새 글 자동 적용 요구사항을 충족합니다.

3. 개별 글에 GA 태그 삽입 (권장하지 않음)

티스토리에서 각 글마다 GA 태그를 삽입하라는 요구사항이 있을 수 있지만, 이는 비효율적이며 권장되지 않습니다. 그래도 필요하다면 아래와 같이 진행할 수 있습니다.

방법

  • 각 글 작성 시 HTML 편집 모드에서 <script> 태그로 GA 추적 코드를 삽입.
  • 예: GA4의 경우, 아래 코드를 글의 HTML에 추가: 
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-XXXXXX"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());
  gtag('config', 'G-XXXXXX');
</script>
  • 각 글마다 이 코드를 추가해야 하므로, 새 글 작성 시마다 반복 작업 필요.

단점

  • 모든 글에 수동으로 코드를 삽입해야 하므로 비효율적.
  • 코드 관리가 어려우며, 실수로 빠뜨릴 가능성 있음.
  • 티스토리 플러그인이나 GTM으로 충분히 대체 가능.

권장사항

개별 글 삽입은 시간과 노력이 많이 들므로, 위의 플러그인 또는 GTM 방법을 사용하는 것이 훨씬 효율적입니다.

4. 자동화 및 일괄 적용을 위한 추가 팁

  • 티스토리 플러그인 활용: 플러그인은 기본적으로 모든 페이지에 GA 태그를 자동 삽입하므로, 새 글 작성 시 추가 작업이 필요 없습니다. 이는 가장 간단한 자동화 방법입니다.
  • GTM의 트리거 설정: GTM에서 All Pages 트리거를 사용하면 모든 기존 및 신규 페이지에 태그가 자동 적용됩니다. 특정 조건(예: 특정 카테고리 글만 추적)을 추가하려면 GTM에서 트리거를 커스터마이징할 수 있습니다.
  • GA4의 향상된 측정: GA4를 사용하는 경우, 데이터 스트림 > 향상된 측정 옵션을 활성화하면 페이지뷰 외에도 스크롤, 이탈 클릭, 파일 다운로드 등의 이벤트가 자동으로 수집됩니다. 별도 코드 삽입 없이도 풍부한 데이터 수집 가능.

5. 자주 묻는 질문 (FAQ)

  • 플러그인과 GTM 중 어떤 것을 선택해야 하나요?
    • 간단한 페이지뷰 추적만 필요하다면 플러그인이 가장 쉬움.
    • 고급 이벤트 추적(예: 버튼 클릭, 스크롤 깊이)이나 다른 태그 관리가 필요하다면 GTM 추천.
  • 태그가 제대로 작동하는지 어떻게 확인하나요?
    • GA 실시간 보고서에서 데이터 수집 확인.
    • 구글 태그 어시스턴트 또는 GTM의 미리보기 모드로 태그 실행 여부 점검.
  • UA와 GA4 중 무엇을 사용해야 하나요?
    • 2023년 7월부터 유니버설 애널리틱스(UA) 지원이 중단되었으므로 GA4 사용 권장.
  • 티스토리 플러그인으로 GA4도 지원하나요?
    • 예, 티스토리 플러그인은 GA4의 측정 ID(G-XXXXXX) 입력을 지원합니다.

결론

  • 가장 추천하는 방법: 티스토리 구글 애널리틱스 플러그인을 사용하면 별도의 코드 삽입 없이 모든 글에 GA 태그를 일괄 적용할 수 있으며, 새 글 작성 시 자동으로 적용됩니다.
  • 고급 설정 필요 시: 구글 태그 매니저(GTM)를 통해 GA 태그를 설정하면 더 유연한 추적 가능.
  • 개별 글 삽입은 피하세요: 비효율적이며, 플러그인 또는 GTM으로 충분히 대체 가능.

위 방법 중 하나를 선택하여 설정한 후, 구글 애널리틱스 실시간 보고서로 데이터 수집 여부를 확인하세요. 

저작자표시 비영리 변경금지 (새창열림)

'T Story and Blog' 카테고리의 다른 글

MACBOOK PRO RETINA DISPLAY 복구(2)-A1398  (2) 2025.05.02
MACBOOK PRO RETINA DISPLAY 복구(1)-A1398  (12) 2025.05.02
Thunderbolt 4 vs USB4, 저렴하고 성능 우수한 Thunderbolt 4 제품 추천  (6) 2025.05.01
2024년 아마존닷컴에서 “많이 팔리거나 평점이 좋은” 휴대폰 관련 용품  (2) 2025.04.29
Grok의 응답(예: 텍스트, 코드, 마크 다운 형식)을 형식 그대로 복사하여 붙여 넣는 방법  (0) 2025.04.24

관련글

티스토리툴바