제목
GTM CSS 요소로 클릭 태그 비활성화 이슈
작성자
서동환
작성일
2024-03-19 13:59
조회
120
답변완료
안녕하세요! 아래 html 코드에서 헤더에 있는 a 태그 부분을 클릭 트리거로 만들기 위해서 CSS 선택 도구와 일치 선택값으로 아래와 같이 값을 설정했는데
태그가 활성화 되지 않는데 어떤 문제인지 궁금합니다..!! 캡쳐해서 같이 첨부드립니다.
header#header > ul.header__gnb.gnb > li > a.gnb__a
-----------------------------------------------------------------------------------------------------------------------------------------------------------
<ul class="header__gnb gnb" role="navigation" aria-label="글로벌 네비게이션">
<li class="gnb__item"><a class="gnb__a" href="/newsletter">인사이트</a></li>
<li class="gnb__item"><a class="gnb__a" href="/teaching">강사되기</a></li><!-- /event/id/129 > /teaching - 2022.06.30.THU. WONSUK.SHIN_RAONBNP -->
<li class="gnb__item"><a class="gnb__a" href="/partner/index">파트너</a></li>
<li class="gnb__item"><a class="gnb__a" href="/insight2/index">기업교육</a></li>
</ul>
-----------------------------------------------------------------------------------------------------------------------------------------------------------
태그가 활성화 되지 않는데 어떤 문제인지 궁금합니다..!! 캡쳐해서 같이 첨부드립니다.
header#header > ul.header__gnb.gnb > li > a.gnb__a
-----------------------------------------------------------------------------------------------------------------------------------------------------------
<ul class="header__gnb gnb" role="navigation" aria-label="글로벌 네비게이션">
<li class="gnb__item"><a class="gnb__a" href="/newsletter">인사이트</a></li>
<li class="gnb__item"><a class="gnb__a" href="/teaching">강사되기</a></li><!-- /event/id/129 > /teaching - 2022.06.30.THU. WONSUK.SHIN_RAONBNP -->
<li class="gnb__item"><a class="gnb__a" href="/partner/index">파트너</a></li>
<li class="gnb__item"><a class="gnb__a" href="/insight2/index">기업교육</a></li>
</ul>
-----------------------------------------------------------------------------------------------------------------------------------------------------------
첨부파일 2개
혹시 a 태그라서 클릭 - 링크만 으로 해야 하는데 모든 요소로 해서 그런걸까요..!?
안녕하세요, 서동환님
일단은 a 태그를 기준으로 트리거를 설정하신다면 '링크만'으로 하시는 것을 권장드리구요.
(a 태그 영역을 모든 요소로 작업할 경우에는 클릭 위치에 따라 이벤트가 미수집될 가능성이 매우 높습니다)
전달해주신 내용을 봤을 때는 조건에 있는 CSS Selector 구문에도 문제가 있어보입니다.
간단하게는 '>' 특수 문자를 모두 빼보시면 되실꺼에요 ㅎㅎ
CSS Selector 구문 작성법 관련해서는 아래 글을 참고해보시는 것을 추천드립니다 🙂
- https://dachata.com/google-tag-manager/post/required-development-knowledge-css/