인프런 커뮤니티 질문&답변
작성한 질문수
.png?w=112&f=avif)
페이지 뷰 트리거 실행 오류
24.10.11 14:40 작성
·
62
0
안녕하세요, 강사님
오픈 채팅방에 페이지뷰 트리거 실행 관련해서 질문 드렸었습니다!
클릭 이벤트는 잘 반응하는 것과 달리 페이지 뷰 트리거를 통해 만든 태그들은 실행이 안되고 있습니다ㅠㅜ
답변 2
0
2024. 10. 11. 16:29
안녕하세요. Hn님
제가 한번 보고 말씀드려야 할 것 같아서, 조금 번거로우시겠지만 아래 계정을 구글태그매니저에 권한 추가 부탁드립니다.
koonbus8093@gmail.com
권한 추가는 태그매니저 관리자 메뉴에서 진행해주시면 됩니다.
사용자 권리 메뉴에서 파란색 플러스(+) 버튼을 누르시고 추가해주시면 됩니다.
관리자 권한으로 부탁드립니다.
권한 추가 완료 후 웹사이트 주소도 답변으로 달아주시면, 제가 디버깅 해보고 말씀드리겠습니다.
감사합니다.
2024. 10. 11. 17:55
네 Hn님. 확인했습니다.
결론을 말씀드리면 구글태그매니저의 문제가 아닙니다.
구글태그매니저를 설치한 웹사이트가 React.js로 만들어져서 구글태그매니저를 다른 방식으로 설치하셔야 되고, 일부 이벤트의 경우, 다른 형태로 셋팅하셔야 됩니다.
해당 내용은 SPA에 대한 강의에서 확인 부탁드립니다.
React 웹사이트에 google tag manager 설치 관련해서는 아래 링크 참고 부탁드립니다.
(복잡해서 아마 개발자랑 협업하셔야 할거에요 ㅠㅠ)
https://www.npmjs.com/package/react-gtm-module
2024. 10. 11. 18:17
확인 감사드립니다! 예상치 못한 문제네요,,
1. 오우,,, 현재 gtm도 개발자님께 요청해서 진행하긴 했는데,
<head>, <body>에 코드를 넣는 형식이 아닌 아예 다른 방식으로 설치해야 한다는 말씀일까요?
2. gtm만 다시 설치하면, gtm의 'google 태그'를 통해서 GA4를 사용하는 것은 동일할까요?
3. 다른 방식으로 설치 이후에 태그를 만드는 것도 현재 강의랑 완전 다른 방식일까요..?ㅜㅠ
혹시 그렇다면 강의/자료 추천도 가능 할지요
감사합니다!
2024. 10. 12. 10:18
네, Hn님
SPA(react.js나 vue.js로 만든 사이트)사이트는 웹/앱을 모듈 형태로 빨리 개발할 수 있는 장점도 있고, 로딩도 빨라서 좋은데... GA 관련 작업이 조금 어렵습니다.
1. 네, 위의 답변 링크에 보시면 React용 GTM을 설치하는 패키지가 있습니다.
해당 패키지가 설치되어야 합니다.
2. 네, 동일합니다.
다만, 이벤트는 별도로 코딩해야 합니다.(링크 참고 부탁드립니다.)
별도의 강의는 없고, 아래 링크 한번 쭉 개발자와 읽어보시면 좋을 것 같습니다.
https://osoma.kr/blog/gtm-spa-pageview/
감사합니다!
2024. 10. 14. 12:46
답변 감사드립니다. 개발자 님과 react용 gtm설치와 관련하여 얘기를 나눠봤을 때, 내부적으로 동일하게 동작할 것이라는 답변을 들었습니다..
클릭 이벤트는 현 설치 방식의 gtm을 활용하되, 구동이 안되는 이벤트를 개발자에게 요청하는 방식으로 진행해도 괜찮을까요?
2024. 10. 14. 13:00
네 별 문제없으면 그렇게 하셔도 됩니다.
다만, 제가 GTM 권한 받아서 들어갔을 때는 GTM이 설치되지 않은 페이지가 있다고 경고같은게 떠 있던걸로 기억합니다. 그 부분도 한번 체크해보셔야 할거에요.
2024. 10. 14. 15:28
마지막 질문입니다!
현재, gtm, ga4 코드가 모두 삽입되어 있는데,
이벤트 기획안을 개발자에게 전달 시, gtm 이벤트로 넣어야 하나요? 아님 ga 이벤트로 들어가도 괜찮나요? ga4 코드는 삭제할 예정인데, 영향이 있는지 궁금합니다.
0
2024. 10. 11. 14:48
안녕하세요, 인프런 AI 인턴입니다. Hn님.
페이지 뷰 트리거가 정상적으로 실행되지 않는 문제에 대해 도움을 드리겠습니다. 페이지 뷰 트리거가 실행 안 될 때 발생할 수 있는 몇 가지 지점을 살펴봅니다.
1. 트리거 구성 확인
현재 설정하신 페이지 뷰 트리거가 올바르게 구성되었는지 확인해 보세요. URL 경로 필터링이나 트리거 조건이 예상대로 작동하지 않을 수도 있습니다. 특히, URL Path Matching의 조건이 정확히 맞는지 다시 한번 살펴보세요. 예를 들어, /ko_KR/signup 경로가 제대로 일치하는지 체크하세요.
2. 실시간 디버그 활용
GA4 디버그 모드나 GTM 프리뷰 모드를 사용하여 트리거가 기대했던 대로 실행되고 있는지 확인해 보세요. 이 모드는 태그의 실행 상태 및 데이터 계층 활동 등을 실시간으로 보여줍니다. 만약 여기서도 페이지 뷰 트리거가 실행되지 않으면, 구체적인 오류 메시지가 나오는지 확인하세요.
3. 환경 설정 및 퍼블리시 체크
또한 현재 환경이 올바르게 퍼블리시(게시) 되었는지도 한번 더 확인해 봅니다. 가끔은 새로운 설정이 저장되었으나 실제 배포가 이루어지지 않아서 문제가 발생하기도 합니다.
4. 태그 설정 및 차단 트리거
태그 설정에서 태그 유형이 올바른지, 이벤트 설정이 정확한지 점검하세요. 예를 들면, GA4 Event의 경우 측정 ID(Measurement ID)가 정확한지 확인해야 합니다. 또한 차단 트리거(Blocking Triggers) 옵션이 없도록 설정되어 있는지 확인합니다.
참고할 수 있는 유사 답변
- GTM에서 페이지뷰 트리거 설정 관련 문제 해결 방법 - 불필요한 트리거 생성 없이 기존 트리거를 재사용하는 방법에 대한 안내가 포함되어 있습니다.
- GA4에서 트리거가 실행되지 않을 때 참고 사항 - 다른 경우에 대한 설명이지만 GTM과 GA4 설정 방법 차이에 대한 이해를 도울 수 있습니다.
위의 설명을 바탕으로 설정을 다시 검토해보시고, 문제가 지속되면 이미지에 포함된 추가적인 내용이나 오류 메시지 등을 공유하시면 더 구체적인 지원을 드릴 수 있습니다.
저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.
2024. 10. 11. 17:40
권한 추가했습니다