제목
스크롤과 클릭 이벤트 결합?
작성자
여니
작성일
2023-05-12 23:55
조회
414
답변완료
웹사이트 내에 다음 페이지로 넘어가는 버튼 클릭이
상단과 하단 두 개가 있는데요
사람들이 상단 버튼과 하단 버튼 중 어느 것을 더 많이 누르는 지 확인하고 싶은데
클릭 이벤트로 설정하려니, 상하단 두 버튼의 click classes 값이 동일해서 각각 설정하기는 힘들것 같아서요.
스크롤 이벤트로 스크롤 깊이를 확인하는 것 외에 스크롤 깊이 + 클릭 이벤트를 같이 설정할 수 있나요?
상단과 하단 두 개가 있는데요
사람들이 상단 버튼과 하단 버튼 중 어느 것을 더 많이 누르는 지 확인하고 싶은데
클릭 이벤트로 설정하려니, 상하단 두 버튼의 click classes 값이 동일해서 각각 설정하기는 힘들것 같아서요.
스크롤 이벤트로 스크롤 깊이를 확인하는 것 외에 스크롤 깊이 + 클릭 이벤트를 같이 설정할 수 있나요?
안녕하세요, 여니님!
먼저 Click Classes 값이 동일해도 CSS Selector를 사용하면 주변 영역들을 조건에 추가하여 각 버튼을 구분할 수 있습니다.
이에 대한 내용은 아래 게시글을 참고해 보세요
- GTM에 필요한 개발지식 CSS : https://dachata.com/google-tag-manager/post/required-development-knowledge-css/
그리고 GTM에는 트리거 그룹이라는 기능이 있어, 서로 다른 트리거들을 조합하여 모든 조건이 충족된 경우에 실행되는 트리거를 생성할 수 있는데요.
마지막 줄에 문의주신 내용처럼 여러 트리거를 같이 설정을 할 수 있지만 예외 상황들을 처리할 수 없기 때문에,
(ex. 스크롤을 내렸다가 상단의 버튼을 클릭한 경우)
말씀하신 상황에서 GTM으로 해결할 수 있는 가장 정확한 해결책은 CSS Selector를 활용한 방법 밖에 없습니다.