소셜로그인 중단 안내

계정으로 로그인 기능이 2023년 11월 16일 중단되었습니다.

아이보스 계정이 사라지는 것은 절대 아니며, 계정의 이메일 주소를 이용해 로그인 하실 수 있습니다.

▶️ 자세한 공지사항 확인

100리터

SPA (Vue2) 사이트 GA4 페이지 수집

2023.01.26 14:38

김치볶음밥233

조회수 673

답변 1

채택률

  • 질문
  • 채택
0%

SPA (Vue2)로 제작한 사이트의 GA4 설정 도움 요청드립니다.

SPA에서 GA4설정해보신분 있으실까요??

열심히 구글링하다 제 지식으로는 한계라고 생각되어 .. 지금까지 정리한 내용도 같이 올립니다. ㅠㅠ


[질문]

디폴트 페이지를 GA4에서 수집하지 않는 방법이 있는지 궁금합니다.

- 이 페이지의 타이틀은 구분할 수 있도록 [default page] 로 이름을 맞춰놓았습니다.

- 이것을 GA4에서 설정해야 하는지, 태그에서 설정해야 하는지 궁금합니다. 개발 인력이 있어 코드 수정도 가능합니다. 



[상황 설명]

1. 저희가 퍼블리싱한 언어의 특징이 디폴트 페이지를 왔다 가는 구조입니다.

   (1초 이내로 타이틀이 변경됩니다. 깜빡 하는 느낌으로요.)

    -> 예시: 카카오 (https://www.kakaocorp.com)

    타이틀을 보세요!    

    


2. GA4에서 이 디폴트 페이지까지 모두 페이지 뷰,  조회수, 사용사 수 등에 중복 수집되어 정확한 자료를 보기 어렵습니다.

    상황 이해를 돕기 위한 실제 스크린샷을 첨부합니다.

    

    페이지 제목마다 동일한 경로의 default page가 중복으로 나오는데, 이 숫자가 동일하지도 않습니다.

    default page가 많이 나오기도, 더 적게 나오기도 합니다. 



[해결을 위한 작은 노력들..]

1. '보고서 맞춤 설정'의 '보고서 필터'에는 '페이지 이름'으로 필터를 걸 수 없어서 적용이 어려웠습니다. 

   *[상황설명] 2번의 내용으로 경로로 필터링도 불가했습니다.

    


2. 퍼블 작업으로 default page가 나오지 않게 세팅해보고 있습니다. (라우터 설정)

  *라우터 설정하면 스크립트가 꼬이던 이슈가 있어서 가능할지 모르겠다고 합니다.


3. 향상된 측정 > 페이지 조회 > 브라우저 방문 기록 이벤트를 토대로 한 페이지 변경사항 체크 확인

   (초기 세팅부터 적용했던 내용입니다.)

참고글: https://trend21c.tistory.com/2288


4. vue-gtag를 사용해야 한다는 글을 발견하여 태그를 변경하였습니다. (23년 1월 25일 오후 4시)

참고글: https://jeonst.tistory.com/38


5. 지금 보는 중: 트리거 구성의 History Change

이 내용은 열심히 이해해보고 있는데 내용이 어렵고 제가 가진 문제를 해결할 수 있는지 잘 모르겠어서요..

참고글: https://www.optimizesmart.com/single-page-apps-in-google-analytics-4/ 




여기까지 긴 글 읽어주셔서 감사합니다.

상황을 진지하게 정리해 보았는데 답이 나올 수 있는지 점점 헷갈리네요.

유료로 솔루션 받아야 해결할 수 있는 문제일까요?

그렇다면 어디에 요청해야 하는지도 .. 남겨주시면 감사하겠습니다..

GA4GTM
목록글쓰기
보스님의 지식을 나누어 주세요!
답변을 작성하시면 50리터를 드리며, 채택 시 100리터 중 80%인 80리터를 드립니다.
답변 1
댓글 새로고침
로그인 후 더욱 많은 기능을 이용하세요!아이보스 로그인