제목
css경로를 통한 클릭이벤트 수집
작성자
루뤵아
작성일
2023-10-19 13:36
조회
385
답변완료
안녕하세요
현재 트리거에 css경로 일치 + page url 혹은 path에 특정 값 포함으로 클릭이벤트 수집중입니다.
다만, 홈페이지 내 상품영역이 그 위의 카테고리 1 / 2 영역과 상관없이 css경로가 동일합니다.
(카테고리를 다르게하면 밑에 상품도 바뀌는 구조, 첨부파일 확인 부탁드립니다.)
카테고리 1과 카테고리2의 css경로는 상이하므로, 카테고리 1/2의 css경로 일치를 선행조건으로 두고 상품영역 클릭까지 이루어졌을때 트리거가 작동하도록 하고싶은데요, 혹시 가능한지 여부와 어떻게 셋팅해야하는지 문의드립니다.
현재 트리거에 css경로 일치 + page url 혹은 path에 특정 값 포함으로 클릭이벤트 수집중입니다.
다만, 홈페이지 내 상품영역이 그 위의 카테고리 1 / 2 영역과 상관없이 css경로가 동일합니다.
(카테고리를 다르게하면 밑에 상품도 바뀌는 구조, 첨부파일 확인 부탁드립니다.)
카테고리 1과 카테고리2의 css경로는 상이하므로, 카테고리 1/2의 css경로 일치를 선행조건으로 두고 상품영역 클릭까지 이루어졌을때 트리거가 작동하도록 하고싶은데요, 혹시 가능한지 여부와 어떻게 셋팅해야하는지 문의드립니다.
첨부파일 1개
안녕하세요, 루뤵아님
공유주신 영역의 코드를 제가 확인하진 않아 명확하게 도움 못드리는 점 양해 부탁드려요 🙂
먼저, CSS Selector 구문을 만드실 때 아셔야할 가장 중요한 포인트는 경로 중간의 정보들을 생략할 수 있다는 점입니다.
예를 들면, 아래 처럼요
* AS-IS: body div#wrap div.container a.item
* TO-BE: body div#wrap a
구문 맨 뒤에 있는 요소 정보가 실제 클릭되는 요소의 정보여야 한다는 규칙만 지키신다면,
그 앞에 붙이는 정보들은 원하는 영역을 특정할 수 있을 정도로만 자유롭게 생략하거나 붙이시면 됩니다.
이러한 원리로,
CSS 경로 중간에 카테고리1, 카테고리2를 구분하는 class나 id 정보를 넣어서 카테고리 별로 트리거를 구분하실 수 있고,
반대로 구분하는 정보들을 삭제하여 카테고리와 상관없이 트리거를 설정하실 수도 있습니다.
작성하신 구문이나 추가 정보를 공유주신다면 좀더 명확하게 도움 드릴 수 있을것 같네요 🙂