GA4이벤트 생성하기 - 버튼 클릭 이벤트 만들기 5 : And 조건과 OR조건

 본 게시물은 패스트 캠퍼스 'GA4 완벽 탑재, 구글 애널리틱스 완전 정복 시그니처 패키지 Online' 강의 수강 및 정리용으로 작성되었습니다.

 

강의 홍보 : https://fastcampus.co.kr/mktg_online_siga4

[GA4 완벽 탑재, 구글 애널리틱스 완전 정복 시그니처 패키지 Online. | 패스트캠퍼스

가장 최신의 구글 애널리틱스부터 루커스튜디오, 구글 애즈 등 구글 마케팅 툴 6종까지 한 번에! 계속 변화하는 구글 마케팅 플랫폼에 맞추어 무한 업데이트까지 약속합니다.

fastcampus.co.kr](https://fastcampus.co.kr/mktg_online_siga4)

 

1. 구글 태그 매니저 접속

 

 작업공간 - 태그 - 새로 만들기 순서로 누른다.

 

2. 

 이름 없는 태그 → GA4_이벤트_공유하기 버튼 클릭,

태그 구성을 누른다.

 

 태그 유형

 GA4 이벤트를 누른다.

 

  위와 같이 작성한다. / 측정 ID는 구글 애널리틱스 - 관리 - 데이터스트림 - 웹 스트림 세부정보에서 확인할 수 있다.

 

3. 하단의 트리거 영역 선택

 우측 상단 +버튼 클릭

 

 트리거의 이름을 위와 같이 바꾸어 주고 트리거 구성을 누른다.

 

 위와 같이 입력하고 티스토리 블로그로 이동한다. 

 

 

 우 클릭 - 검사

 

 검사를 누르면 위와 같이 우측에 html 페이지가 보이고 span class에 공유하기 버튼만 가지고 있을 법한 이름이 있다.

ico_share

 

다시 구글 태그 매니저로 돌아간다.

 

 위와 같이 ico_share를 입력한 후 저장을 누른다.

 

→ 그러면 공유하기 버튼 트리거가 발생하면 내 측정 ID로 click_btn_share라는 이벤트를 쏘겠다고 설정한 것임.

 

 저장

 

4. 

 저장한 태그를 제출

 

 게시를 누르고,

 

 

 계속 버튼을 눌러 명령어를 발행한다.

 

 발행하면 버전 3이다.

 

5. 테스트

 

 인터넷 창에서 도구 더보기 - 인터넷 사용기록 삭제 - 캐시 된 이미지 및 파일 - 인터넷 사용 기록 삭제를 눌러 인터넷 사용 기록을 삭제해 준다.

 

 다시 티스토리 블로그를 가서 새로고침을 한다.

  이 상태에서 하트 버튼과 공유 하기 버튼을 한 번씩 눌러준다. (꼭 우측 상단에 구글 애널리틱스 디버거가 ON 상태여야 함!)

 

6. 

구글 애널리틱스 접속 - 관리 - DebugView - click_btn-share - click_btn_heart를 관측할 수 있다.

 

OR 조건

 

1. 구글 태그 매니저 - 작업공간 - 태그

 하트 버튼 클릭을 누른다.

 

 트리거 클릭

 

 +버튼 클릭

 

 +버튼 클릭

 

이름 없는 트리거 → 하트 버튼 텍스트 영역 클릭 트리거 /

트리거 구성 클릭

 

 티스토리 게시글에서 공감텍스트의 class 값 txt_like를 확인한다.

 

 트리거 구성영역을 위와 같이 입력 후 저장을 누른다.

 

 

 → 하트 버튼 클릭 트리거 또는 하트 버튼 텍스트 영역 클릭 트리거 둘 중에 하나만 발생되더라도 내 측정 ID로 click_btn_heart라는 이벤트를 전송해라

 

And 조건

•  

 

 24번 글에 있는 하트 버튼만 추적하고 싶다. 그러면 두 가지 조건이 선행되어야 한다.

 

① click class가 ico_like를 포함

② page URL이 24를 포함

 

1. 구글 태그 매니저 

  하트 버튼 클릭 트리거 클릭

 

 트리거 구성 클릭

 

 And 조건은 우측의 +버튼을 누른다.

 

 위처럼 Page URL이 풀 도메인과 같음으로 설정해도 되나,

 

 위처럼 /24를 포함을 해버리면 나중에 /2447이 생겨도 이것도 다 포함이 되어버리기 때문에 

 

 바로 위처럼 하거나 첫 번째 방법처럼 한다.

 

※ Page path :

→ /home처럼 메인 도메인 뒤쪽에 오는 서브 도메인

 

 

 And 조건은 실습에 필요하지 않아 2번째 트리거를 지우고 저장을 눌러준다.

 

 저장 버튼을 누른다.

 

 제출

 

 게시

 

 계속 / 인터넷 사용기록 삭제

 

2. 티스토리 블로그 게시글 새로고침 / 하트 버튼과 공유 버튼 각 1번씩 클릭

 

3. GA4에서 확인