인프런 영문 브랜드 로고
인프런 영문 브랜드 로고

인프런 커뮤니티 질문&답변

oa님의 프로필 이미지
oa

작성한 질문수

실무자를 위한 구글애널리틱스(GA4+GTM) 활용법(24년 Update)

클릭이벤트_셋팅실습1

클릭 이벤트에 대한 질문입니다

작성

·

75

0

안녕하세요 항상 답변 잘 주셔서 감사합니다.

지금 클릭 이벤트를 셋팅하고 있는데, 아래와 같이 문서 구조가 되어 있는데(실제로 요소별 아이디는 없고 참고를 위해서 넣어놨습니다), 페이지 내에서 클릭 자체는 최상단 section 영역 전체에 대해서, 즉 section 어디를 클릭하더라도 발생합니다.

이때 GTM에서 이벤트를 수집하려고 section에 대해서 CSS selector 기반의 클릭 이벤트를 수집하면 이벤트 수집이 안되고, img나 개별 텍스트에 대해서 수집하면 되더라구요.

이때 개별로 다 이벤트를 태깅하기가 어려울 것 같은데, 어떻게 다른 방법이 있는지 여쭤봅니다.

Screenshot 2024-08-14 at 9.51.33 AM.png

답변 2

0

oa님의 프로필 이미지
oa
질문자

아 제가 설명을 잘못드린 것 같은데 해당 섹션에 대한 정보를 수집하는 게 목적이 아니라,

  • 섹션을 클릭하면 페이지 이동 이벤트가 발생함

  • 그런데 섹션 전체를 CSS Selector로 잡아서 GTM에서 이벤트를 태깅해놓는 경우 이벤트가 fire되지 않음

  • 섹션 내부의 img 혹은 div를 GTM에서 태깅하는 경우에는 이벤트가 발생함.

  • 개별 img, div를 태깅하는 방법 이외에 섹션 전체를 태깅하는 방법이 없을지?

가 궁금합니다. (혹시 위에 설명해주신 내용이 이 내용일까요?)

GA4 Guide님의 프로필 이미지
GA4 Guide
지식공유자

안녕하세요. oa님
확인이 늦었습니다.

섹션 전체도 CSS값으로 잡을수는 있는데, 기존에 사용하던 selector로는 정확하게 잡히지 않는 것 같습니다. 이런 경우, 일반적으로는 css를 알고 있는 개발자에게 부탁해서 해당영역의 값을 정확하게 넣는 방법이 있습니다.(click element를 사용하셔야 됩니다.)

css selector는 영역이 넓어지게 되면, 사용자의 클릭을 잘 잡지 못하는 단점이 있는 점 참고 부탁드립니다.(쉽게 쓸 수 있지만, 만능은 아닙니다 ㅠㅠ)

참고 부탁드립니다.

0

GA4 Guide님의 프로필 이미지
GA4 Guide
지식공유자

안녕하세요. 휴가중이라서 외국에 있어서 답변이 늦었습니다.

클릭시 해당섹션 정보를 수집하는 변수를 만드셔야 됩니다. 그 변수를 클릭시 받아서 (매개변수)custom dimension으로 ga4에서 받으시면 됩니다

oa님의 프로필 이미지
oa

작성한 질문수

질문하기