🧪 트래킹 검증 테스트 페이지

GTM 셋팅(cv_gtm_label, cv_page_name, tr_click_with_label, mp_click_button) 이 정상 동작하는지 검증하는 페이지입니다. 각 버튼을 순서대로 클릭하면서 Preview/Live View 결과를 비교하세요.

① 기본 <button> 클릭

가장 단순한 케이스. data-gtm-label이 박힌 버튼을 클릭.

🎯 기대: ablurko_click_button 발사 / gtm_label = test_tracking_section1_primary / button_text = "기본 버튼"

② <a> 링크 클릭 (내부)

href가 있는 링크. 이동을 막기 위해 #로 설정.

앵커 링크

🎯 기대: ablurko_click_button 발사 / link_url에 현재 페이지 + #stay-here가 들어가 있어야 함

③ 자식 요소 클릭 (DOM 탐색 검증)

버튼 안의 SVG/이미지/스팬을 클릭해도 부모 버튼의 라벨이 추적되어야 함. cv_gtm_label Custom JS 변수가 DOM 트리를 위로 탐색하는지 검증.

🎯 기대: SVG나 span 클릭해도 gtm_label = test_tracking_section3_with_icon 동일하게 추적

④ 다운로드 버튼 (ABLUR SDK 패턴)

href="/DOWNLOAD_BUTTON_NAME=..." 패턴 + data-gtm-label 동시 부착. 두 이벤트가 모두 발사되어야 함 (자체 SDK + 새 범용 트래킹).

📥 테스트 다운로드

🎯 기대: ① ABLUR_ko_OnClickDownloadButton 발사 (기존 SDK)
　　　 ② ablurko_click_button 발사 (새 셋팅)
⚠️ 실제 다운로드 시도가 일어남. 시크릿 창에서 테스트 추천 또는 클릭 후 즉시 다운로드 취소.

⑤ 음성 컨트롤 — 라벨 없는 버튼

data-gtm-label이 없는 버튼은 ablurko_click_button이 발사되면 안 됨. 트리거 조건이 정확히 동작하는지 검증.

🎯 기대: 아무 이벤트도 발사 안 됨 (Mixpanel Live View에 안 떠야 정상)

⑥ 외부 링크 클릭

외부 도메인으로 빠져나가는 링크. 새 탭으로 열도록 target="_blank" 부착해서 이벤트 발사 후 페이지 이탈 없이 검증 가능.

외부 링크 (새 탭으로 열림)

🎯 기대: ablurko_click_button 발사 / link_url = https://example.com

✅ 검증 체크리스트

페이지 진입 시 ablurko_pageview_all 발사 + page_name = "test_tracking"
① ~ ④, ⑥ 클릭 시마다 ablurko_click_button 발사
각 이벤트 properties: gtm_label, button_text, link_url, page_path, page_name 5개 모두 채워짐
⑤ 클릭 시 ablurko_click_button 발사 안 됨 (정상 차단)
④ 클릭 시 ABLUR_ko_OnClickDownloadButton + ablurko_click_button 둘 다 발사
UTM 검증: 시크릿 창에서 ?utm_source=qa&utm_campaign=test_setup 붙여서 진입 후 클릭 → 이벤트 properties에 utm 자동 첨부