Mixpanel 이벤트 추적 문제: 버튼 클릭 및 문의 작성 미표시
kapa.ai 구글 태그매니저 통해 세팅한 태그 중, page view, scroll depth는 정상 추적이 되는데, 버튼 클릭, 문의 작성은 내 기기에서 발생한 이벤트만 mixpanel 이벤트들에 표시되고 있어 문제점이 뭘까
kapa.ai 구글 태그매니저 통해 세팅한 태그 중, page view, scroll depth는 정상 추적이 되는데, 버튼 클릭, 문의 작성은 내 기기에서 발생한 이벤트만 mixpanel 이벤트들에 표시되고 있어 문제점이 뭘까
Mixpanel에서 구글 태그매니저(GTM)로 세팅한 태그 중 page view, scroll depth는 정상적으로 추적되지만, 버튼 클릭과 문의 작성 이벤트가 본인 기기에서만 보이고 다른 사용자 이벤트는 보이지 않는 경우, 아래와 같은 원인과 점검 포인트가 있습니다.
1. Autocapture 설정 확인
Mixpanel Autocapture는 기본적으로 클릭, 입력, 스크롤, 폼 제출 등 다양한 이벤트를 자동으로 추적합니다. 하지만 Autocapture 설정이 올바르게 적용되지 않거나, 특정 요소가 제외(block)되어 있을 경우 클릭/문의 이벤트가 누락될 수 있습니다.
GTM에서 Autocapture 옵션을 커스텀 자바스크립트 변수로 지정했다면, 해당 변수가 올바르게 반환되고 있는지, 그리고 필요한 옵션(예: click, submit 등)이 true로 설정되어 있는지 확인하세요.
Autocapture 옵션 예시: LBKSfunction() { return { pageview: "full-url", click: true, input: true, scroll: true, submit: true, capture_extra_attrs: ['data-cta-name', 'data-cta-position'] }; }LBKS이 변수가 Mixpanel 태그의 Autocapture 옵션에 제대로 연결되어 있는지 GTM Preview 모드에서 확인하세요.
2. 태그 트리거 조건 확인
GTM에서 버튼 클릭, 문의 작성 이벤트를 트리거하는 조건이 너무 제한적이거나 특정 사용자(예: 관리자, 로그인 사용자 등)에게만 적용되어 있을 수 있습니다. 트리거 조건이 모든 사용자에게 열려 있는지, 특정 페이지나 요소에만 한정되어 있지 않은지 점검하세요.
3. Ad-blocker, 브라우저 설정 영향
Mixpanel의 클라이언트 사이드 추적은 Ad-blocker, 브라우저의 Do Not Track(DNT) 설정 등에 의해 차단될 수 있습니다. 테스트 시 본인 기기에서는 Ad-blocker가 꺼져 있거나 DNT가 false로 되어 있을 수 있지만, 다른 사용자는 차단되어 이벤트가 수집되지 않을 수 있습니다. 관련 문서 참고
4. 데이터 레지던시 및 프로젝트 토큰 확인
Mixpanel 프로젝트 토큰이 올바르게 입력되어 있는지, 데이터 레지던시(US/EU/India)에 따라 올바른 API 엔드포인트로 전송되고 있는지 확인하세요. 문제 해결 가이드
5. GTM 태그 중복/초기화 문제
GTM에서 Mixpanel 태그가 여러 번 초기화되거나, 태그 간 옵션이 일관되지 않게 설정되어 있을 경우 일부 이벤트가 누락될 수 있습니다. Mixpanel 태그의 Initialization Options가 모든 태그에서 일관되게 적용되어 있는지 확인하세요. 초기화 관련 설명---점검 방법 요약 - GTM Preview 모드에서 태그가 정상적으로 firing되는지 확인 - 브라우저 콘솔에서 Mixpanel API 호출이 발생하는지, 에러는 없는지 확인 - Mixpanel Events에서 본인 외 다른 사용자의 distinct_id로 이벤트가 들어오는지 확인위 사항을 점검해도 해결되지 않으면, GTM 설정(트리거, 변수, 태그)과 Mixpanel Autocapture 옵션을 다시 한 번 꼼꼼히 검토해보시길 권장합니다. 자세한 설정 방법은 Mixpanel GTM 공식 문서를 참고하세요.
kapa.ai is still learning and improving, please let me know how I did by reacting below.
ℹ️ Tip: Mention @kapa.ai in the thread for follow-ups or DM the app for 1-to-1 help.
kapa.ai mixpanel api 콘솔에서 에러 발생 발생 내용 Uncaught ReferenceError: mixpanel is not defined at <anonymous>:1:1 at gtm.js?id=GTM-TLCHCDQK:665:429 at QO (gtm.js?id=GTM-TLCHCDQK:667:31) at vd.PO (gtm.js?id=GTM-TLCHCDQK:664:171) at vd.<anonymous> (gtm.js?id=GTM-TLCHCDQK:273:187) at wd.invoke (gtm.js?id=GTM-TLCHCDQK:181:362) at Ya (gtm.js?id=GTM-TLCHCDQK:145:391) at Xa (gtm.js?id=GTM-TLCHCDQK:144:533) at vd.<anonymous> (gtm.js?id=GTM-TLCHCDQK:205:473) at wd.invoke (gtm.js?id=GTM-TLCHCDQK:181:362) (anonymous) @ VM1108:1 (anonymous) @ gtm.js?id=GTM-TLCHCDQK:665 QO @ gtm.js?id=GTM-TLCHCDQK:667 PO @ gtm.js?id=GTM-TLCHCDQK:664 (anonymous) @ gtm.js?id=GTM-TLCHCDQK:273 (anonymous) @ gtm.js?id=GTM-TLCHCDQK:181 Ya @ gtm.js?id=GTM-TLCHCDQK:145 Xa @ gtm.js?id=GTM-TLCHCDQK:144 (anonymous) @ gtm.js?id=GTM-TLCHCDQK:205 (anonymous) @ gtm.js?id=GTM-TLCHCDQK:181 Ya @ gtm.js?id=GTM-TLCHCDQK:145 (anonymous) @ gtm.js?id=GTM-TLCHCDQK:147 bf @ gtm.js?id=GTM-TLCHCDQK:216 (anonymous) @ gtm.js?id=GTM-TLCHCDQK:607 $f @ gtm.js?id=GTM-TLCHCDQK:237 e @ gtm.js?id=GTM-TLCHCDQK:551 (anonymous) @ gtm.js?id=GTM-TLCHCDQK:151 (anonymous) @ gtm.js?id=GTM-TLCHCDQK:552 (anonymous) @ gtm.js?id=GTM-TLCHCDQK:552 YC @ gtm.js?id=GTM-TLCHCDQK:552 bD @ gtm.js?id=GTM-TLCHCDQK:557 WD @ gtm.js?id=GTM-TLCHCDQK:576 YD @ gtm.js?id=GTM-TLCHCDQK:578 setTimeout Qc @ gtm.js?id=GTM-TLCHCDQK:166 ZD @ gtm.js?id=GTM-TLCHCDQK:581 ro @ gtm.js?id=GTM-TLCHCDQK:753 (anonymous) @ gtm.js?id=GTM-TLCHCDQK:756 c @ gtm.js?id=GTM-TLCHCDQK:754 (anonymous) @ gtm.js?id=GTM-TLCHCDQK:756 (anonymous) @ gtm.js?id=GTM-TLCHCDQK:756 (anonymous) @ gtm.js?id=GTM-TLCHCDQK:758Understand this error
Let me check the knowledge base for you again. One moment! 📚
Uncaught ReferenceError: mixpanel is not defined 에러는 브라우저 콘솔에서 mixpanel 객체가 존재하지 않을 때 발생합니다.
Mixpanel 공식 문서에 따르면, 구글 태그매니저(GTM) Mixpanel 템플릿을 사용할 경우, Mixpanel JS SDK가 직접적으로 window에 mixpanel 객체를 노출하지 않습니다.
즉, GTM 템플릿은 내부적으로 Mixpanel SDK를 래핑(wrap)하여 사용하기 때문에, 콘솔에서 직접 mixpanel 명령어를 실행할 수 없습니다.> The template brings the functionality of the Mixpanel JS SDK to Google Tag Manager so that you can implement Mixpanel through the Tag Manager interface instead of a direct implementation in code.
It utilizes a custom-created JavaScript wrapper to overcome the restrictions GTM’s templating system places on available JavaScript APIs.
When any Mixpanel GTM tag fires, it automatically tries to initialize a new instance using the Initialization Options configured in the tag. This way, the user doesn’t need to worry about initialization; just ensure that the Initialization Options are configured consistently across the tags.
How It Works – Google Tag Manager따라서,
- GTM 템플릿으로 Mixpanel을 설치한 경우: 콘솔에서 mixpanel 객체를 사용할 수 없습니다.
- 직접 JS SDK를 설치한 경우: 콘솔에서 mixpanel 객체가 노출됩니다.정상 동작 여부는 Mixpanel 이벤트 탭에서 이벤트가 수집되는지로 확인해야 하며, 콘솔에서 mixpanel 명령어를 실행하려면 JS SDK를 직접 설치해야 합니다.> Note that 'init', 'push', and any of the “getter” commands are not supported in the template.
Sending Mixpanel Commands – GTM요약:
GTM 템플릿만 사용 중이라면 콘솔에서 mixpanel 객체가 undefined인 것이 정상입니다. 이벤트 수집은 Mixpanel 대시보드에서 확인하세요.
콘솔에서 직접 mixpanel 명령어를 사용하려면 JS SDK를 직접 설치해야 합니다.
kapa.ai is still learning and improving, please let me know how I did by reacting below.
ℹ️ Tip: Mention @kapa.ai in the thread for follow-ups or DM the app for 1-to-1 help.
Let me check the knowledge base for you again. One moment! 📚
네, GTM 템플릿을 사용할 때 콘솔에서 mixpanel 객체를 직접 쓸 수 없는 점은 정상입니다.하지만, 다른 사용자들의 버튼 클릭 이벤트가 Mixpanel에 수집되지 않는 문제는 여러 가지 원인이 있을 수 있습니다. Mixpanel 공식 문서와 FAQ에 근거해 주요 원인을 정리하면 다음과 같습니다: ---
1. Ad-blocker 및 브라우저 프라이버시 설정 영향
Mixpanel의 클라이언트 사이드 추적(특히 JS SDK, GTM 템플릿 포함)은 Ad-blocker나 브라우저의 Do Not Track(DNT) 설정에 의해 차단될 수 있습니다. 이 경우, 본인 기기에서는 정상적으로 이벤트가 수집되지만, 다른 사용자의 환경에서는 이벤트가 Mixpanel로 전송되지 않을 수 있습니다. 실제로 Mixpanel은 전체 사용자의 30% 이상이 ad-blocker로 인해 추적이 누락될 수 있다고 안내합니다. 이 문제를 줄이려면 서버사이드 추적이나 프록시 서버를 사용하는 방법이 있습니다 관련 문서 참고.---
2. GTM 태그 트리거/설정 문제
GTM에서 Mixpanel 태그의 트리거 조건이 너무 제한적이거나, 특정 사용자/페이지/요소에만 적용되어 있을 수 있습니다. 이 경우, 본인 기기에서는 트리거가 정상적으로 동작하지만, 다른 사용자에게는 트리거가 실행되지 않아 이벤트가 수집되지 않을 수 있습니다. GTM Preview 모드에서 트리거가 모든 사용자에게 정상적으로 동작하는지 확인이 필요합니다 관련 문서 참고.---
3. Autocapture 설정 문제
Autocapture 옵션에서 click, submit 등이 true로 되어 있는지, 혹은 특정 요소/페이지가 block되어 있지 않은지 확인해야 합니다. GTM에서 커스텀 Autocapture 설정을 썼다면, 해당 설정이 모든 사용자에게 동일하게 적용되는지 점검하세요 Autocapture 옵션 문서.---
4. Mixpanel 프로젝트 토큰/데이터 레지던시 문제
프로젝트 토큰이 올바르게 입력되어 있는지, 데이터 레지던시(US/EU/India)에 따라 올바른 API 엔드포인트로 전송되고 있는지 확인해야 합니다. 문제 해결 가이드.---정리: - Ad-blocker, DNT 등 환경적 요인 - GTM 트리거/설정 문제 - Autocapture 옵션 문제 - 프로젝트 토큰/레지던시 문제 이 네 가지를 우선적으로 점검해보시길 권장합니다.Mixpanel 공식 문서에서도 이런 현상은 주로 위와 같은 원인에서 발생한다고 안내하고 있습니다. 추가로, Mixpanel 이벤트 탭에서 본인 외 다른 사용자의 distinct_id로 이벤트가 들어오는지 확인해보는 것도 도움이 됩니다. Mixpanel FAQ: 이벤트가 보이지 않는 경우
kapa.ai is still learning and improving, please let me know how I did by reacting below.
ℹ️ Tip: Mention @kapa.ai in the thread for follow-ups or DM the app for 1-to-1 help.
Let me check the knowledge base for you again. One moment! 📚
Autocapture 기능을 완전히 끄고 싶다면, Mixpanel Javascript SDK 초기화 시 autocapture 옵션을 false로 설정하면 됩니다.
GTM 템플릿을 사용하는 경우에도, 초기화 옵션에서 autocapture를 false로 지정하면 Autocapture가 비활성화됩니다.예시 코드: LBKSmixpanel.init('YOUR_PROJECT_TOKEN', { autocapture: false });LBKSGTM에서도 "autocapture" 옵션을 false로 설정해주면 됩니다.
이렇게 하면 Autocapture가 완전히 꺼지며, 수동으로 정의한 이벤트만 Mixpanel에 전송됩니다
공식 문서 참고.> To disable Autocapture, see the following code sample:
> autocapture: false
> });
>
```LBKS> [Mixpanel SDKs: Javascript - Autocapture](https://docs.mixpanel.com/docs/tracking-methods/sdks/javascript#autocapture)
kapa.ai is still learning and improving, please let me know how I did by reacting below.
ℹ️ Tip: Mention @kapa.ai in the thread for follow-ups or DM the app for 1-to-1 help.
kapa.ai https://gtm-msr.appspot.com 통해 들어와서 우리 사이트에 문의랑 이벤트들 발생 시키는데 문의 남은 것도 없고 해당 링크를 통해 전 세계에서 들어와, 혹시 GTM 관련해서 검사하는거야? 이거에 대한 사례가 있어?
Let me check the knowledge base for you again. One moment! 📚