구글 애널리틱스에 블로그 연결하는 방법 (구글 태그 찾는 법 + HTML 오류 해결)


구글 애널리틱스란?

구글 애널리틱스는 웹사이트를 등록하여 방문자의 행동 패턴과 모든 기록을 추적하고 분석할 수 도구입니다. 개인 블로그 및 기업 웹사이트, 판매 사이트 등 다양한 사이트를 등록할 수 있으며, 사이트 운영자는 이를 활용하여 방문자의 유입 경로, 체류 시간, 이탈률 등을 확인하고, 블로그의 성과를 보다 정확하게 측정할 수 있습니다.


블로그 운영에 구글 애널리틱스를 활용해야 하는 이유

일반적인 블로그 플랫폼(예: 티스토리, 워드프레스)의 자체 제공 통계는 정확성에 한계가 있을 수 있습니다. 실제로 많은 블로거들이 특정 유입이 누락되거나, 봇 트래픽이 실제 방문자로 집계되는 문제, 중복 방문자의 오류 처리 등을 겪었다고 합니다.

보다 정확하고 신뢰할 수 있는 데이터를 확보하려면, 블로그 플랫폼의 기본 통계에 의존하지 않고 구글 애널리틱스를 함께 활용하는 것이 효과적입니다.


구글 애널리틱스 세팅 방법

1. 데이터 스트림 생성

구글 데이터 스트림(Data Stream)은 웹사이트에서 발생하는 트래픽이나, 앱 사용 데이터 등을 실시간으로 수집해오는 채널을 말합니다. 즉, 어떤 웹사이트의 데이터를 집계할 지, 사이트 주소를 등록하는 과정입니다.
  • 구글 애널리틱스 계정 생성 → 속성 추가(=웹사이트 주소 추가) → 데이터 스트림 생성

2. 구글 태그(Google Tag) 확인 

구글 태그는 웹사이트나 앱에서 데이터를 수집하기 위해 삽입하는 코드입니다. 블로그스팟의 경우, 블로그 테마에 이 태그를 추가함으로써, 웹사이트에서 발생하는 활동 데이터를 구글 애널리틱스로 전송할 수 있습니다. 

  • Google 태그 관리자 페이지에서 확인 가능 (https://tagmanager.google.com/)
  • 태그 관리자 작업 공간 상단 리본의 GTM- 으로 시작하는 코드 클릭 
  • ‘Google 태그’ 복사


3. 블로그스팟 테마 HTML 편집에서 태그 삽입

** 티스토리 블로그의 경우 스킨 테마 편집에서 추가

  • 블로그 설정 → 테마 → HTML 편집
  • <head> & <body> 아래에 복사한 Google 태그 붙여넣기


** 구글 블로그의 경우, 구글 태그 추가 시 아래와 같은 오류 메세지가 발생할 수 있습니다.

왜 그런건진 모르겠지만, 찾아보니 &l 부분을 &amp; 로 수정하여 저장하는 것으로 해결할 수 있다고 하여, 해당 부분을 수정하였고(링크 내용 참고), 

이어서 AdSense1 부분에 또다른 문제가 발생하여, 편집한 내용을 저장할 수 없다는 오류가 발생해; The widget settings in widget with id <b>AdSense1</b> is not valid. An internal error occurred. Please try again 

Adsense1과 Adsense2 부분 HTML 내용을 모두 삭제하는 것으로 해결하였습니다. 상세 방법은 관련 블로그 내용 참고.


4. 구글 애널리틱스 측정 ID 추가 

구글 애널리틱스 → 설정 (좌측 하단 하늘색 톱니바퀴) → 데이트 스트림;으로 접속하여 위 1번 단계에서 생성한 데이터 스트림(블로그 주소)를 클릭하면 웹 스트림 세부 정보를 확인할 수 있습니다. 구글 공식 설명서 참고.


웹 스트림 세부 정보에서 G- 로 시작하는 측정 ID를 복사해, 블로그 설정 → Google 애널리틱스 측정 ID에 추가합니다.




5. Robots 설정 확인



마지막으로, 블로그 크롤러 및 색인 생성 → 맞춤 robots.txt 사용 설정을 확입합니다. 구글봇이 블로그를 크롤링하지 못하도록 차단되어 있지는 않은지 확인하여, 아래와 같이 robots.txt 내용을 추가합니다.




요약 

  • 웹사이트/ 블로그에 구글 태그를 추가하여 방문자 데이터를 추적할 수 있음 
  • 구글 애널리틱스에 집계되는 데이터 종류: 방문자 유입 경로, 인기 게시글, 방문자 체류 시간 등
  • 애널리틱스 데이터를 활용, 체류 시간이 적은 컨텐츠는 내용을 보완 또는 방문자 유입이 많은 키워드는 추가 컨텐츠를 발행하는 등으로 효율적인 블로그 운영 가능



이 블로그의 인기 게시물

언리얼엔진: 프로젝트 템플릿 차이점

이미지
언리얼엔진 프로젝트 생성 시, 아래와 같이 기본 템플릿을 선택하도록 되어있습니다. 게임(1인칭, 3인칭, 탑다운 etc), 영상, 건축, 시뮬레이션 등의 프로젝트 템플릿이 있습니다. 프로젝트 템플릿 은 프로젝트를 처음 시작하면서 제공되는  에셋, 블루프린트, 맵 구성  부터,  렌더링 설정, 퍼포먼스 최적화 방향, 물리 엔진 적용 방식, 인터랙션 구조  등의 기본 세팅값에 차이를 두고 있습니다. 이 기본 세팅값이 다르다는게 실무적 관점에서 명확하게 어떤 차이점이 있는건지 정리해보았습니다. 1. 템플릿 주요 차이점 (기능 구분 및 주요 활용 목적) 템플릿 렌더링 퍼포먼스 최적화 인터랙션 & 물리 엔진 주요 활용 목적 Games 실시간 렌더링 (Lumen, 나이아가라 VFX, SSAO) 기준 LOD, Culling, Dynamic Lighting 등 최대 FPS 유지 / 실시간 최적화 필수 캐릭터 이동, AI, NPC, 피직스, 애니메이션, UI 시스템 포함 FPS, RPG, 레이싱, 멀티플레이어 게임등 퍼포먼스 최적화가 중요한 게임 제작 Film/Video & Live Events 고품질 렌더링 (Path Tracing, Ray Tracing, High AA)  실시간 렌더링보단 품질 우선 플레이어 조작 없음, 사전 제작된 애니메이션 및 시퀀서 기반 영상 제작 CG 영상, 가상 프로덕션, 라이브 방송 Architecture 포토리얼리즘 (Lumen, GPU Lightmass, 고품질 쉐이더 기능) 정적 씬 최적화, 고해상도 텍스처 지원 간단한 카메라 이동, 인터랙티브 투어 건축 시각화, 인테리어 디자인 정적인 환경의 고품질 렌더링 필요 시 Automotive ...
자세한 내용 보기

언리얼엔진 프로그래밍 방식: C++, 블루프린트, Verse

이미지
언리얼 엔진(Unreal Engine)은 게임 개발을 비롯하여 건축 시각화(BIM), VFX, 가상현실(VR), 증강현실(AR) 등 다양한 산업 분야에서 사용되는 엔진입니다. 이 글에서는 언리얼 엔진에서 지원하는 주요 프로그래밍 방식과 각 방식의 장단점, 그리고 주로 적용되는 경우에 대해 정리해보았습니다. 1. 언리얼 엔진에서 지원하는 프로그래밍 방식 언리얼 엔진에서 지원하는 주요 프로그래밍 방식으로는 C++, 블루프린트, Python, Verse 등이 있습니다. 프로그래밍 방식 비교 프로그래밍 방식 특징 및 장점 단점 및 고려사항 C++ 네이티브 코드로 성능 최적화 가능 엔진의 모든 API 활용 가능 객체 지향 설계 및 메모리 직접 관리 가능 학습 난이도 높음 메모리 관리가 필요하며, 버그 추적이 어려울 수 있음 블루프린트 (Blueprint) 비주얼 스크립팅으로 빠른 프로토타이핑 가능 프로그래밍 경험이 없어도 사용 가능 C++와 연동 가능 복잡한 로직 구현 어려움 성능 최적화가 어려울 수 있음 Python 에디터 자동화 및 툴 개발에 활용 반복 작업을 스크립트로 단순화 가능 런타임 스크립팅 불가능 게임 로직 구현에는 적합하지 않음 Verse (출시 예정) Python과 유사한 문법으로 학습 용이 블루프린트보다 강력한 기능 제공 C++과 블루프린트의 중간 포지션 아직 공식적으로 확인된 내용 없음 구체적인 기능 및 성능 검증 필요 2. C++ 프로그래밍: 고성능 네이티브 개발 적합 C++ 특징 게임 로직이나 시스템 성능 최적화가 중요한 경우 적합한 언어입니다. C++을 사용하면 언리얼 엔진의 모든 ...
자세한 내용 보기

블로그스팟: 페이지(Pages)를 카테고리처럼 활용하는 방법

이미지
구글 블로그 (blogspot)를 개설하면서 카테고리 기능이 없는지 한참 찾았던 것 같습니다. 네이버 블로그만 사용하던 분들은 아무래도 카테고리나, 블로그 메뉴 기능이 없는 듯 한  구글 블로그에 당황할 수 있는데요, 결과적으로 블로그스팟에도 동일한 기능을 구현할 수 있었습니다. 블로그스팟의 경우 기본적으로  라벨(Label)기능 을 활용하여 글에 태그를 추가하고, 이 태그를 기준으로 글을 분류할 수 있습니다. 이 라벨을  페이지(Pages) 에 특정하면, 특정된 라벨만 해당 페이지에 보여주는 것으로, 간접적으로 카테고리와 같은 기능을 구현할 수 있었습니다. 상세한 방법을 알아보겠습니다. 블로그스팟: 페이지와 일반 글은 무슨 차이인가? 블로그스팟에서 "페이지" 는 일반 "글(Posts)"과는 다르게  독립된 정적 콘텐츠 를 제공하는 일종의 "공간"으로, 네이버 블로그의 “메인 페이지” 또는 “블로거 프로필”과 같이 고정된 컨텐츠를 보여주는 영역과 같습니다. 즉, 꾸준히 발행되는 “글(포스팅)”의 개념이 아닌, 한 번 만들어 놓으면 계속 유지되는 디스플레이 공간에 더 가까운 느낌에 가깝습니다. 구분 페이지 (Pages) 글 (Posts) 목적 정적인 컨텐츠 (소개, 연락처, 서비스 안내 등) 주기적으로 업데이트되는 컨텐츠 작성 횟수 보통 몇 개만 만들고 그대로 유지 계속해서 새 글 작성 가능 URL 구조 https://블로그주소/p/페이지명.html https://블로그주소/연도/월/글제목.html 자동 분류 (카테고리화) 불가능 (설정 메뉴에서 직접 한개씩 추가) 라벨(Label) 기능으로 자동 분류 가능 ...
자세한 내용 보기