본문 바로가기
디지털마케팅

[GA4] 구글 애널리틱스 티스토리 추적코드 연동 연결 설치 방법

by 퍼포먼스마케팅코더 2022. 9. 21.
반응형

GA4 구글 애널리틱스 티스토리 추적코드 연동 연결 설치 방법

구글 애널리티스에서 티스토리 쪽으로 해서 추적 코드를 연동을 할 수 있습니다. 이 방법이 어렵냐 하면 처음이신 분들은 조금 어려울 수 있습니다. 어려운 부분은 아니지만 간단하게 설명을 드리도록 하겠습니다. 특히 이번에 구글 애널리틱스 같은 경우는 굉장히 옛날에 사용했는데 번거로웠던 부분이 제가 직접 이것저것 세팅해야 한다는 것이었습니다.

 

 

구글 애널리틱스 티스토리 추적코드 연동 연결 설치 방법

복잡했던 일들이 많이 있었지만 이 부분들이 많이 개선되었습니다. 거의 지금은 제가 구글 데이터 스튜디오도 처음 사용해봤는데 다 자동화라서 누구나 쉽게 쓸 수 있도록 뭔가 쉽게 제작할 수 있게 만든 부분이 많이 있었다는 부분이 들었습니다. 그래서 오늘은 구글 애널리틱스에서 제가 했던 추적 코드 삽입인데 초보지만 했던 부분을 공유하도록 하겠습니다.

GA4 구글 애널리틱스란?

일단 여러분이 가장 궁금해하는 게 구글 애널리틱스를 왜 써야 하는지 많은 분들이 아까 궁금해하실 겁니다. 확실히 말하면, 무료입니다.다음으로 구글 애널리틱스를 능가할 만한 다른 상용화된 사이트 분석용 무료 도구가 거의 없다고 보시면 됩니다. 거의 없기 때문에 GA4를 자주 사용합니다. 특히 마케팅 대행사나 광고 대행사를 가더라도 상당히 많이 사용하고 있는 게 구글 애널리틱스라고 보면 될 것 같습니다.

 

GA4 구글 애널리틱스 장 단점

구글 애널리틱스의 장단점이 뭐냐고 물어보면 장점은 무료입니다. 여러분이 어떤 사이트를 하셔도 유료 버전도 있겠지만 대규모 수준이 아니라 일반적인 트래픽 정도면 무료로 얼마든지 사용할 수 있습니다. 그래서 특히 여러분이 보고 싶은 데이터나 사이트 등을 쉽게 사용할 수도 있습니다. 좀 더 깊이 들어가면 어려운 부분이 있지만 눈에 보이는 것만으로도 쉽게 사용할 수 있는 도구가 아닐까 개인적으로 생각하고 있습니다. 단점은 티스토리도 그렇지만 구글 애널리틱스가 진입 장벽이 높습니다. 코드만 설치하고 정확하게 나오는지 안 나오는지 확인하려면 기초적인 html 지식이 필요합니다. 그게 없으면 다루기에는 힘들지도 모릅니다. 하지만 극복하면 다루기에는 최고의 도구가 아닐까 생각합니다.

 

구글 애널리틱스 티스토리 추적코드 삽입

html head 섹션 삽입

구글 애널리틱스에서 티스토리에 추적 코드를 삽입을 해볼까 하는데요. 두 가지 방법이 있습니다. 첫 번째는 구글 애널리틱스 안에서 직접 코드를 심는 방법이 하나가 있고요 그다음에 마지막으로는 티스토리에서도 이것을 제공을 해줍니다. 이 플러인이 있어요. 이 플러그인 안에서 추적 코드 아이디죠 추적 코드 아이디만 집어넣으면 해결되는 방법이 있습니다. 먼저 첫 번째 것부터 먼저 말씀드리자면 먼저 여러분들 구글 애널리틱스 연동이 끝났다면 구글 애널리틱스 안에서 처음에 속성에서 데이터 스트림이라는 곳에 들어갑니다.

구글 애널리틱스 추적 코드 html head 섹션 삽입

거기 안에 들어가야 되고요 그다음에 밑에 보이는 여러분의 url을 클릭을 하다 보면 다음과 같은 화면으로 넘어갈 거예요. 보면 이벤트 있고 구글 태그 관련했다는 설명이 있는데 맨 밑에 들어가서 구글 안내 보기를 클릭을 하시면 됩니다. 이거 클릭을 하시고 보시면 그다음에 구글 태그설치라는 페이지가 나와요. 

구글 애널리틱스 추적 코드 html head 섹션 삽입

이 페이지에서 직접 설치하는 것을 클릭을 하시면 수동으로 구글 태그를 설치를 한다 라는 내용과 함께 이 밑에 자바스크립트 코드가 있습니다. 이 코드를 복사를 하셔서 티스토리 안에서 html 편집 안에 들어가셔서 거기에 헤드 섹션이 있거든요. 헤드 섹션 에다가 복사 붙여넣기만 해 주시면 됩니다. 코드만 붙여넣기만 하시면 돼요 되면 끝납니다. 추적 코드 삽입이 끝나게 되는 겁니다.

구글 애널리틱스 추적 코드 html head 섹션 삽입

 

플러그인 내 구글 애널리틱스 추적 코드 삽입

근데 너무 힘들다라는 생각이 드시면 티스토리 내부적으로 구글 애널리티스 코드 삽입을 할 수가 있어요. 먼저 구글 애널리틱스 안에 들어가서 보시면 아까 제가 말씀드린 윗부분에 측정 id라고 있습니다. 측정 아이디라는 이 부분을 복사를 해주십시오 그걸 복사를 해놓고 그다음에 티스토리 내부적으로 들어가서 플러그인을 클릭을 하셔서 거기서 검색 다양한 플러그인들이 나오는데 거기서 구글 애널리틱스라고 검색을 해보시면 됩니다. 검색을 해놓고 그다음에 까 말씀드린 추적 아이디를 입력하라는 얘기가 나와요 거기 안에다가 그걸 복사를 해서 적용을 누르시면 설정이 다 완료가 됩니다. 적용 버튼만 누르면 다 완료가 돼요. 해서 추적 코드가 여기서 끝나게 되는 겁니다.

플러그인 내 구글 애널리틱스 추적 태그 삽입
플러그인 내 구글 애널리틱스 추적 태그 삽입
플러그인 내 구글 애널리틱스 추적 태그 삽입

 

구글 애널리틱스 티스토리 추적코드 연동

실시간 사용자 로그확인 티스토리 추적코드 확인

어찌 보면 쉬울 수도 있고 한데 한 가지 확인 사항이 있습니다. 먼저 추적 코더가 제대로 삽입이 되는지 안 되는지 제가 그걸 한번 확인을 해봐야 되잖아요. 확인하는 방법이 구글 애널리틱스는 실시간으로 사용자의 데이터를 이걸 확인을 할 수가 있어요. 확인을 어디서 하느냐라는 걸로 보시면 구글 애널리틱스에서 실시간이라는 데가 있습니다. 그걸 클릭을 하셔서 보시면 아래와 같은 이미지로 같이 그게 나와요 그걸 나오는 거를 확인을 해놓고 그다음에 제대로 되는 건지 한번 사이트 방문을 해보시면 여기 실시간으로 유입자 수가 뜹니다. 뜬 거를 확인을 해서 정상적으로 데이터 표시가 나온다는 거면 추적 코드가 제대로 삽입이 된 겁니다.

실시간 사용자 로그확인 티스토리 추적코드 확인

구글 애널리틱스 티스토리 추적코드 주의사항

마지막으로 구글 애널레틱스에서 여러분들이 중요하게 봐야 될 부분들이 하나가 있어요. 뭐냐면 먼저 구글 애널리틱스에서 추적 코드를 삽입을 해서 그게 끝나느냐 실상 그건 아닙니다. 요새는 구글도 그렇고 페이스북도 그렇고 어떤 개인 정보를 수집을 해서 뭔가 한다는 거 해서 얘네들이 엄청나게 뚫게 받았어요. 웬만해서는 데이터 수집을 한다라는 것에 대해서는 엄격하게 작용을 하고 있습니다. 얘네들이 해놓은 게 데이터 수집이 원래는 자동으로 됐었거든요. 성별 연령대별 이거에 관련된 데이터 수집이 제대로 자동으로 보여주는 이런 것들이 있었었는데 설정을 해줘야 됩니다 해서 구글 애널레틱스에서 관리 그다음에 데이터 설정 그다음에 데이터 수집 이 안에 들어가서 보시면 데이터 수집을 뭘 할 거냐라는 체크하는 부분들이 다 있어요.

 

이걸 전부 다 다 체크로 어 수집을 할 수 있도록 아래 그림과 같이 다 만들어줘야 됩니다. 해야지만 데이터 수집을 해서 내 사이트에 방문했던 사람들이 누구인지 사용자와 관련된 데이터 것들을 정확하게 확인을 할 수가 있어요. 안 그러면 성별이나 연령 별이냐 아니면 기기별 기타 등등 이런 것들이 수집이 안 됩니다. 데이터를 볼 수가 없어요. 이 부분을 유의를 해주시고 넘어가시면 티스토리를 통한 데이터 방문자가 어느 정도야라는 것을 시는 데는 큰 무리가 없을 거라 생각을 합니다. 이전에는 데이터 스튜디오 이런 것들도 만들어 놓고 여러분들의 뭔가 방문자 이런 것들을 뭔가 자동으로 계속 볼 수 있는 것들을 보여드렸었는데 그냥 여러분들의 사이트를 뭔가 볼 수 있도록 티스토리에서 뭔가 그거를 하나 집어넣었습니다. 네 오늘은 여기까지입니다. 감사합니다.

 

1. 관리  > 데이터 설정 > 데이터 수집 

 

- google 신호 데이터 수집 클릭

- 세부 위치 및 기기 데이터 수집

- 사용자 데이터 수집 확인 !

만일 해당 데이터 수집을 안하면 사용자 관련 성별, 연령대별 등의 데이터 분석이 다소 어려워 질 수 있다. 이는 반드시 추가로 알고 있어야될 것!

 

 

 

반응형

댓글