제목
드롭 다운 리스트의 선택된 옵션값에 대한 태그 작업 중 질문이 있습니다.
작성자
BBongles
작성일
2023-05-15 16:22
조회
400
답변완료
A, B, C, D 4개의 옵션으로 이루어진 드롭다운 리스트가 있고 페이지 접근 시 기본적으로 D가 선택된 상태로 진입이 됩니다.
트리거를 페이지뷰-DOM Ready로 하였으며, 아래와 같이 커스텀HTML을 작업하였습니다.
===============================================================
<script>
function handleDropdownChange(event) {
var selectedOption = event.target.options[event.target.selectedIndex].text;
console.log("Selected Option:", selectedOption);
// 여기서 연동하는 안드로이드 어플리케이션 쪽으로 API를 호출하고 그 쪽에서 GA쪽으로 데이터를 전송합니다.
}
// 드롭다운 리스트의 ID를 적절히 변경하여 선택자를 설정합니다.
var dropdown = document.querySelector('select#range');
// 이벤트 리스너를 추가하여 드롭다운 값의 변경을 감지합니다.
dropdown.addEventListener('change', handleDropdownChange);
</script>
===============================================================
페이지에서 옵션을 변경하는 이벤트를 발생 시켜도 아무 동작도 하지 않습니다.
위의 방법 외에도 https://dachata.com/google-tag-manager-tips/post/how-to-track-change-option-event/ 이 경로의 방법도 해보았지만 동작을 하지 않습니다.
어떻게 해야 될까요 ㅠㅠ
참고로 말씀드리자면, 어플리케이션 위에서 웹뷰를 띄웠을 때 선택된 드롭다운 리스트의 값을 가지고 오는 부분입니다.
트리거를 페이지뷰-DOM Ready로 하였으며, 아래와 같이 커스텀HTML을 작업하였습니다.
===============================================================
<script>
function handleDropdownChange(event) {
var selectedOption = event.target.options[event.target.selectedIndex].text;
console.log("Selected Option:", selectedOption);
// 여기서 연동하는 안드로이드 어플리케이션 쪽으로 API를 호출하고 그 쪽에서 GA쪽으로 데이터를 전송합니다.
}
// 드롭다운 리스트의 ID를 적절히 변경하여 선택자를 설정합니다.
var dropdown = document.querySelector('select#range');
// 이벤트 리스너를 추가하여 드롭다운 값의 변경을 감지합니다.
dropdown.addEventListener('change', handleDropdownChange);
</script>
===============================================================
페이지에서 옵션을 변경하는 이벤트를 발생 시켜도 아무 동작도 하지 않습니다.
위의 방법 외에도 https://dachata.com/google-tag-manager-tips/post/how-to-track-change-option-event/ 이 경로의 방법도 해보았지만 동작을 하지 않습니다.
어떻게 해야 될까요 ㅠㅠ
참고로 말씀드리자면, 어플리케이션 위에서 웹뷰를 띄웠을 때 선택된 드롭다운 리스트의 값을 가지고 오는 부분입니다.
안녕하세요, BBongles님!
일단 전달주신 코드 상에서는 눈에 띄는 문제는 보이질 않네요 ㅎㅎ
옵션이 변경될때마다 console 창에 로그는 확인되시나요?
다소 뻔한 얘기긴 하나.. 로그가 확인되나 GA에 데이터가 전송이 안된다면, 어플리케이션 API쪽 설정에 문제가 있을 것으로 보이고 이것은 앱 개발도구에서 디버깅을 직접하셔야 합니다.
( 어플리케이션 콘솔에 로그를 찍어서 디버깅 작업 필요 )
일단 디버깅을 통해 웹쪽 문제인지 어플리케이션쪽 설정 문제인지를 먼저 파악을 하셔야합니다.
아쉽게도 문의주신 내용은 개발 영역에서 문제를 찾으셔야하기 때문에 ㅎㅎ 전달주신 내용만으로는 도움을 드리기 어려울것 같습니다 🙂