제목
분리된 URL에 대한 동일한 UI 버튼 트래킹 방법 문의드립니다.
작성자
단단
작성일
2023-03-17 15:41
조회
427
답변완료
안녕하세요!

자사 서비스 중 동일한 UI를 갖고 있으나 클라이언트별로 파라미터값이 달라지는 서비스가 있습니다.

(ex. [ https://dachata.com/a], [https://dachata.com/b], [https://dachata.com/c].... 형식으로 10개정도 url이 분리되어 있습니다.)

해당 서비스 페이지 내 버튼에 대해 클릭이벤트 수집을 하려고 하는데요,

url별로 다 세팅하려고 하니 제가 아는 방법으론 각각 태그/트리거를 생성해야 해서요.. 버튼을 20개만 잡아도 200개의 태그를 만들어야 하네요..

혹시 이 부분을 변수 형태로 세팅할 수 있는 방법이 있을까요?

버튼별 id도 세팅되어있으나, 각 id에 클라이언트 이름이 포함되어 있습니다.

(ex. '작성 완료' 라는 동일 버튼이라고 가정할 때 submit_submit_a, submit_button_b, submit_button_c... 형식)

고견 부탁드립니다 🙇🏻‍♀️
전체 1

  • 2023-03-17 19:32

    안녕하세요, 단단님!
    예시에 대한 답변부터 드리자면 Click ID 변수에 [다음으로 시작] 조건으로 "submit_button"을 추가하면 모든 페이지에서 트래킹이 가능할 것으로 보입니다.
    보통 비슷한 유형의 버튼들은 말씀하신 클라이언트가 달라져도 각각의 버튼들을 공통적으로 지정할 수 있는 ID 또는 Class 식별자 패턴이 존재합니다.

    해당 패턴이 없을 경우에는 트리거, 태그를 어쩔 수 없이 분리하게 되는 것이구요.
    예시로 공유주신 패턴은 워낙 간단헤서 사실 트리거, 태그 1개만으로도 작업이 가능해보이는데요.

    보통 이런 작업은 개발자 도구 활용이 중요합니다. 아래 게시글들을 참고하셔서 클릭 이벤트 트래킹을 위한 기술들을 먼저 참고해보시는 것을 추천드려요 🙂
    - GA4 클릭 태깅 : https://dachata.com/google-analytics-4/post/ga4-click-event-tagging/
    - GTM 클릭 트리거 : https://dachata.com/google-tag-manager/post/how-to-use-click-triggers/
    - CSS Selector 설명 : https://dachata.com/google-tag-manager/post/required-development-knowledge-css/