GA4 분석 데이터 확보하기

여러분 서비스에 GA4 분석 라이브러리를 추가해서 분석 데이터를 확보해 보도록 하겠습니다 GA4로 데이터 분석을 진행하기 위해서는 분석 대상 서비스가 필요합니다 만약에 분석 대상 서비스가 없다고 한다면 이번 단계를 같이 진행하도록 하겠습니다 새 탭을 띄우고 검색 엔진에서 T-Story라고 검색해 보도록 하겠습니다 T스토리에 접속하도록 하겠습니다 만약에 여러분들이 T스토리에 접속한 다음에 T스토리에 가입하지 않았다면 로그인 버튼이 나오게 될 거예요 저는 이미 로그인이 되어 있는데 여러분은 만약에 로그인 되어 있지 않다면 카카오 계정 같은 걸 이용해서 로그인을 해주세요 로그인이 되고 나면 이 T스토리 블로그가 디지털 분석 대상 웹 서비스다 라고 생각하시면 됩니다 로그인 됐으면 그 위에 유저 아이콘을 선택하면 여러 블로그를 만들 수가 있고요 블로그 중에 저는 트레이드 매그넷이라는 이 블로그를 분석해 보도록 하겠습니다 트레이드 매그넷 오른쪽에 있는 이 톱니바퀴 여러분 트레이드 매그넷이 아니라 여러분이 만든 이름의 블로그 서비스를 오른쪽에 있는 이 톱니바퀴를 선택해 주시면 됩니다 관리 페이지로 진입을 하고요 스크롤 밑으로 쭉 내리셔서 블로그 관리 쪽에서 포스트 주소가 기본적으로 숫자로 설정되어 있을 텐데 이 숫자를 문자로 변경하도록 하겠습니다 그리고 스크롤 위로 올려서 글 관리 쪽에다가 글을 몇 개 작성하도록 하겠습니다 글쓰기 선택하고 첫 번째 글은 저는 홈페이지라고 만들고요 이 글은 홈페이지입니다 라고 입력하고 오른쪽 하단에 완료 버튼 클릭하고 기본 공개를 선택하고 공개 발행 진행하도록 하겠습니다 다시 두 번째 글쓰기 선택하고 이번에는 제목을 블로그 섹션 가급적이면 이 네이밍은 영문 네이밍으로 쓰실 걸 추천드립니다 그리고 안의 내용은 한글이어도 상관없어요 자 이 게시물은 블로그 섹션 게시물 입니다 정도로 만들고 완료 선택하도록 하겠습니다 이거 역시 공개 선택하고 공개 발행을 선택하도록 하겠습니다 그리고 URL에서 여러분 서비스 관리자 앞쪽에 있는 URL을 그대로 복사해서 새 탭에다가 붙여넣기 하도록 하겠습니다 그러면 유저가 접속했을 때 여러분 블로그를 어떤 모양으로 볼지 확인할 수 있을 거예요 그리고 여기 홈페이지 같은 링크를 클릭하면 홈페이지 화면이 뜨면서 URL은 여러분 서비스 뒤에 엔트리 뒤에 홈페이지라는 정보가 나오는 걸 확인해 볼 수 있을 거예요 그러면 다시 여러분은 홈 메뉴 선택하고 홈페이지로 가서 이 URL을 그대로 복사하도록 하겠습니다 복사한 다음에 여러분 티스토리 블로그를 GA4에게 분석을 의뢰하면 됩니다 GA4 화면으로 가서 그러한 분석을 의뢰하는 화면은 좌측 하단에 보면 관리 메뉴가 있습니다 좌측 하단의 메뉴를 여러분 그대로 관리 메뉴를 클릭하도록 하겠습니다 관리 메뉴를 클릭하고 상단에 하면 계정 만들기 라는 메뉴가 있습니다 계정 만들기를 선택하고 계정 이름은 저는 GA4 데이터 분석 입문 저는 TStory라는 이름으로 계정을 하나 만들게요 그리고 다음 버튼 클릭하도록 하겠습니다 다음 버튼 클릭하고요 그리고 속성 이름은 여러분 분석 서비스에 TStory.com 앞에 있는 이름을 쓰실 걸 추천드립니다 저는 트레이드 매그넷이고요 여러분이 실습할 때 제 이름은 쓰지 마시고 여러분 블로그에 여러분 이름을 반드시 실습에 활용을 해주세요 무슨 말이냐면 속성 이름에 저는 트레이드 매그넷이라고 입력하도록 하겠습니다 보고 시간대를 데이터가 쌓이는 기준 시간대 대한민국으로 설정하도록 하겠습니다 데이터는 대한민국 시간으로 쌓일 거고요 그리고 통화는 원화 설정하도록 하겠습니다 대한민국 원화 그리고 다음 버튼 클릭하도록 하겠습니다 그리고 이 서비스 업종, 적절한 업종을 여러분 한번 선택해 주시고요 그리고 비즈니스 규모 선택하시고 필요하다면 이 사이트 같은 걸 그대로 여러분이 추가해 주시면 됩니다 이 부분은 옵션이에요 추가해도 되고 추가하지 않아도 되고요 임의의 것 하나를 선택하고 그대로 만들기 하도록 하겠습니다 서비스 어그리먼트가 있으니까 이 아래 라인 체크하고 그대로 동의함 선택하도록 하겠습니다 그러면 지금 보시는 것처럼 데이터 수집 시작하기라는 메뉴가 나올 거예요 저희가 만든 데이터 스트림은 웹 스트림을 만들 거거든요 웹이라는 거 선택하시고 웹이라는 거 선택하시고 웹사이트 URL에 조금 전에 복사했던 URL 그대로 입력하도록 하겠습니다 그리고 앞에 있는 HTTPS라고 하는 게 지금 보시는 것처럼 HTTPS라는 것과 S가 두 개가 들어가니까 우리 콘텐츠에서 이 S를 제거해 주면 됩니다 우리 복사했던 거에서 앞에 있는 프로토콜은 제외하고 저 같은 경우는 trademagnet.tistory.com만 남기고 삭제하도록 하겠습니다 그리고 이 이름은 GA4 웹 스트림이고 웹 스트림 이름은 전 트레이드 매그넷이라는 이름으로 앞으로 레퍼런스의 이름은 GA4 웹의 트레이드 매그넷이라는 이름으로 만들도록 하겠습니다 트레이드 매그넷만 여러분의 이름으로 설정을 바꿔주세요 자 그리고 그 다음에 스트림 만들기 그대로 클릭하도록 하겠습니다 스트림 만들기 클릭하면 스트림이 하나 만들어질 거고 스크롤 밑으로 쭉 내리시면 태그 안내 보기라는 게 있습니다 태그 안내 보기라는 메뉴를 클릭하도록 하겠습니다 태그 안내 보기 메뉴를 클릭하면 설치 안내가 나오고 설치 안내에서 여기 보면 웹사이트 작성 도구가 있고 직접 설치라는 메뉴가 있습니다 직접 설치라는 이 메뉴를 클릭 한번 해 봐 주세요 자, 직접 설치라는 메뉴를 선택하고 이 트래킹 코드가 지금 추가되는 걸 확인해 볼 수가 있습니다 여러분 이 트래킹 코드를 오른쪽에 있는 복사 버튼을 선택해서 그대로 메모리에 복사하도록 하겠습니다 복사 자, 이제 준비가 끝났어요 복사한 다음에 여러분은 블로그 관리자 페이지로 다시 진입하세요 관리자 페이지에서 자, 관리자 페이지에서 스크롤 밑으로 쭉 내리시면 여기 스킨 편집이라는 메뉴가 있습니다 자, 꾸미기라는 섹션에서 스킨 편집 메뉴가 있어서 이 메뉴를 클릭하도록 하겠습니다 스킨 편집 메뉴를 클릭하고요 스킨 편집 메뉴에서 오른쪽에 보면 HTML 편집이라는 메뉴가 있습니다 오른쪽 화면에 HTML 편집이라는 메뉴를 클릭하도록 하겠습니다 이 메뉴를 클릭하고 이 메뉴를 클릭하고 그러면 실제 열어온 블로그 HTML 코드 정보를 그대로 불러와서 화면에 사용하게 됩니다 지금 보시는 것처럼 HTML 로딩 되는데 로딩이 끝나고 나면 위에 보시는 것처럼 이 Head라는 섹션과 HTML은 HTML이라는 것을 시작하고 Head로 시작하고 자 헤드로 끝나고 바디로 시작하고 바디로 끝나요 그러면 저희가 추가할 코드는 이 헤드와 헤드 사이에 추가하시면 됩니다 저는 마지막 슬래시로 끝나는 헤드 앞쪽에 커서를 갖다 놓고 앞쪽에 커서를 갖다 놓고 이 부분에다가 조금 전에 복사했던 G 태그를 그대로 추가하도록 하겠습니다 헤드라는 곳 앞에 이걸 추가한 다음에 페이스트 한 거죠 복사했던 걸 붙여넣기 했고 오른쪽 상단에 적용까지 클릭하셔야 이 코드가 그대로 적용이 됩니다 적용 누르도록 하겠습니다 이제 적용을 눌렀으니까 트레이드 매그넷에서 다시 홈 메뉴 선택하고 이번에 블로그 섹션 클릭하도록 하겠습니다 블로그 섹션 클릭하고 블로그 섹션 클릭했더니 URL이 블로그 섹션으로 바뀐 걸 확인해 주세요 이제부터는 트래킹 코드와 동작을 하는 거예요 무슨 말이냐면 애널리틱스 화면으로 전환하고 상단으로 가서 좌측 메뉴에서 보고서 이 메뉴를 클릭하도록 하겠습니다 이 메뉴를 클릭하고 보고서로 진입하고 지금 여러분 티스토리 블로그를 분석하면서 보고서에 들어온 걸 확인해주세요 그리고 난 다음에 거기 실시간이라는 게 있습니다 실시간 보고서를 클릭하면 지금 여러분처럼 지금 한 명이 접속을 했고 한 명이 접속했고 이 한 명이 접속한 사람은 콘텐츠는 지금 보시는 것처럼 콘텐츠 이름은 트레이드 매그넷 여기 여러분이 사용되는 콘텐츠 보면 블로그 섹션이라든가 홈페이지라든가 여러분이 사용되는 콘텐츠를 확인할 수가 있습니다 일단 실습을 통해서 여러분 티스토리 블로그를 설정해서 콘텐츠를 추가한 다음에 여기다가 트래킹 코드를 헤더에 심었어요 그 다음에 트래킹 코드가 동작하는 걸 확인하기 위해서 여러분이 고객이 된 거예요 고객이 돼서 실제 여러분이 트래픽을 일으켜 보는 거예요 이렇게 보고 이제 정상적으로 GA4에 정보 전송이 됐다고 한다면 GA4에서 여러분 티스토리 블로그에 대한 실시간 보고서를 조회한 다음에 실시간 보고서에 최소한 한 명 여러분이 지금 사용 중인 콘텐츠가 제대로 분석이 되는지 확인해 볼 수 있을 거예요 그리고 여러분이 셋업한 다음에 약간 보면 시간이 여러분 환경에 따라서 한 1, 2분 정도가 지나야 화면이 반영될 때도 있습니다 그런 부분만 여러분이 감안하시고 실습을 통해서 여러분 티스토리 블로그 데이터 셋업을 하고 셋업된 데이터를 GA4 보고서에서 실시간 보고서를 통한 기본 분석을 해보시기 바랍니다