만약 당신의 웹사이트가 서로 다른 요소들에 대해 유사한 ID를 포함하거나, 특히 전자상거래 기반 사이트에서 동적으로 생성되는 ID를 가지고 있다면, 웹 애플리케이션은 동적 셀렉터를 추적할 수 있는 옵션을 제공하여 동적으로 변경되는 속성을 가진 특정 요소에 대한 클릭을 지능적으로 추적할 수 있도록 합니다.
ARTICLE NAVIGATION
- 동적 셀렉터를 추적하는 것의 이점은 무엇인가요?
- “동적 셀렉터 추적” 옵션을 사용하여 실험을 생성하는 방법은?
동적 셀렉터를 추적하는 것의 이점은 무엇인가요?
동적 셀렉터를 추적하지 않고 히트맵을 실행할 때 결과는 다음과 같습니다:
- 모든 클릭이 단일 요소로 향합니다. 이는 모든 요소에 유사한 ID가 부여되었기 때문입니다.
그러나 동적 셀렉터가 추적될 때, 결과는 다음과 같습니다:
- 클릭이 정확하게 캡처되고 적절히 분산됩니다.
이 옵션은 실험에서 고려하지 않도록 특정 조건을 입력할 수 있게 하여 작동합니다.
언제 사용할 수 있나요?
방문자가 상위 5개 베스트셀링 항목 목록에서 세 번째 항목을 클릭할 때, 히트맵은 모든 5개 항목에 유사한 ID - “product_image”가 있기 때문에 클릭이 첫 번째 항목에서 발생한 것으로 오해할 수 있습니다.
이 시나리오에서는 “product_image”를 제외할 셀렉터로 지정하기 위해 동적 셀렉터 추적 옵션을 사용하여 Freshworks에 동적 항목임을 전달합니다. 그러면 웹 애플리케이션은 자동으로 이 ID를 가진 요소를 추적하고 제외합니다. 이제 ID에 대한 다음 계층적 요소를 가져와 이 5개 항목을 구분합니다.
웹사이트의 스크롤 배너가 ID를 동적으로 생성할 때, 동적으로 변경되는 속성을 제외하기 위해 동적 셀렉터 추적 옵션을 사용할 수 있습니다.
“동적 셀렉터 추적” 옵션을 사용하여 실험을 생성하는 방법은?
히트맵에 대해 동적 셀렉터 추적 옵션을 구현하는 방법은 다음과 같습니다:
- 왼쪽 패널에서 MARKETING AUTOMATION 버튼을 클릭하고 Heatmaps를 선택합니다.
- 새 실험을 시작하려면 클릭 [또는] 기존 실험을 열고 클릭합니다.
- 이렇게 하면 히트맵 실험의 구성 페이지로 이동합니다.
- 고급 옵션을 클릭하고 TRACK DYNAMIC SELECTOR 선택으로 스크롤합니다. “Track dynamic selector” 아래에는 두 개의 드롭다운 박스와 텍스트 박스가 있습니다. 첫 번째 드롭다운 박스는 ID와 클래스 중에서 선택할 수 있게 합니다.
- 다음 드롭다운 박스는 Contains와 Regex 중에서 선택할 수 있게 합니다. 전자는 특정 텍스트나 문자열을 제외 조건으로 지정하고자 할 때 유용하며, 후자는 정규 표현식을 인용하고자 할 때 적합합니다.
- 텍스트 박스는 웹 애플리케이션이 동적으로 추적하고 무시할 조건을 입력할 수 있게 합니다.
- 필요한 조건을 정의한 후, 버튼을 클릭합니다. 이제 웹 애플리케이션은 지정한 조건에 따라 요소를 추적합니다.