트리거 및 태그 설정하기

구글 태그 매니저 트리거란?

구글 태그 매니저 트리거는 로워드 브릿지 강의 호스팅 플랫폼 내에서 특정한 이벤트가 발생하면 트리거 형식으로 태그 매니저 쪽으로 전달하게 됩니다.

예를 들어 결제하기 버튼을 통해 사용자가 결제를 완료했을 경우 결제완료 트리거가 동작하여, 이를 GA 및 채널톡으로 전달합니다.

채널톡이나 구글 애널리틱스는 해당 이벤트로 발생된 정보를 저장하여 마케팅 용도 혹은 통계 집계 용도로 확인이 가능합니다.

구글 태그 매니저 트리거 추가하는 방법

구글 태그 매니저의 트리거를 추가하기 위해서는 구글 태그 매니저 관리자 내 좌측 > 트리거 메뉴를 클릭하여 페이지를 접근해 주세요.

이후 아래 사진과 같이 '새로 만들기' 버튼을 클릭하여 트리거를 초기 구성할 수 있습니다.

트리거는 아래와 같이 4가지 요소를 설정할 수 있습니다.

트리거 설정 값	설명
트리거 제목	(1번)
트리거 유형	(2번)
이벤트 이름	(3번) 해당 값은 가이드 대로 설정해야 합니다.
어디서 실행하는 이벤트인지	(4번)

입력 후 저장 버튼을 클릭하면 트리거가 생성됩니다.

구글 태그 매니저 사전 정의된 트리거 설정하기

대부분의 트리거 설정 값을 가이드대로 설정해야 로워드 팀의 설계 기준대로 사이트 셋업을 진행하실 수 있습니다.

(1번) 트리거 제목	(2번) 트리거 유형	(3번) 이벤트 이름	(4번) 실행 위치
write_review	맞춤 이벤트	write_review	모든 맞춤 이벤트
view_item_trigger	페이지뷰		page_url 포함 /class?lectureId=
sign_up_trigger	맞춤 이벤트	signup	모든 맞춤 이벤트
scroll_depth_100percent	스크롤 깊이	세로 스크롤 깊이 비율 100퍼센트	모든 페이지
scroll_depth_75percent	스크롤 깊이	세로 스크롤 깊이 비율 75퍼센트	모든 페이지
scroll_depth_50percent	스크롤 깊이	세로 스크롤 깊이 비율 50퍼센트	모든 페이지
scroll_depth_25percent	스크롤 깊이	세로 스크롤 깊이 비율 25퍼센트	모든 페이지
scroll_depth_10percent	스크롤 깊이	세로 스크롤 깊이 비율 10퍼센트	모든 페이지
purchase_trigger	맞춤 이벤트	purchase	모든 맞춤 이벤트
page_view_trigger	페이지뷰		page_url 포함 /myClass/vod /myClass
page_view	맞춤 이벤트	page_view	모든 맞춤 이벤트
login_trigger	맞춤 이벤트	login	모든 맞춤 이벤트
lecture_id	맞춤 이벤트	lecture_id	모든 맞춤 이벤트
coupon_apply_trigger	맞춤 이벤트	listup_coupon	모든 맞춤 이벤트
begin_checkout_trigger	맞춤 이벤트	begin_checkout	모든 맞춤 이벤트

위 트리거를 모두 테이블 내용대로 설정한다면 트리거 설정은 완료 되었습니다.

구글 태그 매니저 태그란?

구글 태그 매니저 내의 태그란 특정한 행동이나 이벤트가 발생했을 때 태그를 실행시키는 신호입니다. 로워드 브릿지 강의 호스팅 플랫폼에서는 사용자의 행동(이벤트)이 발생하면 이를 트리거 형태로 구글 태그 매니저에 전달하게 됩니다.

예를 들어 사용자가 로워드 브릿지 강의 호스팅 플랫폼에서 결제를 완료했을 경우

1. 로워드 브릿지 강의 호스팅에서 결제 완료 이벤트 발생

2. 이 이벤트가 구글 태그 매니저의 결제완료 트리거로 전달

3. 해당 트리거가 동작하면서 연결된 GA(구글 애널리틱스)와 채널톡 태그 실행

4. 구글 애널리틱스에는 전환 데이터가 저장되고 채널톡에는 사용자 행동 정보가 기록됩니다.

구글 태그 매니저 태그 추가하는 방법

구글 태그 매니저 관리자 콘솔에서 좌측 태그 메뉴를 클릭해서 태그 설정 화면으로 접속하신 뒤, '새로 만들기' 버튼을 클릭하여 태그를 생성할 수 있습니다.

위 사진과 같이 블록 형식의 빨간 영역을 클릭하게 되면 태그 구성 설정과 트리거 설정들을 할 수 있습니다. 트리거 설정과 마찬가지로 태그별 이름은 좌 상단에 설정할 수 있습니다.

태그를 생성할때 태그 구성에서 로워드 브릿지 강의 호스팅에서 사용되는 주요 태그 유형은 주로 2가지를 사용합니다.

태그 유형	설명
Google 애널리틱스	태그 발생 시 구글 애널리틱스 매체로 데이터를 전송합니다.
Channel.io	태그 발생 시 채널톡으로 데이터를 전송합니다.
Google Ads(선택)	구글 광고로 직접 태그 전환을 넘길 경우에만 사용합니다.

사전에 채널톡 연동이 되어 있지 않으면, 채널톡 태그 유형은 선택하실 수 없습니다.

구글 애널리틱스와 채널톡 둘 다 이벤트를 동시에 발생시키기에, 하나의 태그를 채널톡, Google 애널리틱스 용도로 2개씩 생성해야합니다.

구글 애널리틱스 태그 유형의 경우, 꼭 Google 애널리틱스: GA4 이벤트를 클릭해 주세요.

Google 애널리틱스: GA4 이벤트 태그 설정 방법

구글 애널리틱스 이벤트로 태그 유형을 설정할 경우 측정 ID에 사전에 정의하였던 GA4_ID 변수를 넣어줍니다. 여기서 변수 값은 중괄호가 겹쳐진 형태로 변수를 감싸야합니다. *사진 참고

설정해야할 태그 (구글 애널리틱스 태그 유형)

구글 애널리틱스에 설정할 태그에 대한 정리입니다. 각 요소에 맞게 꼭 설정해야 값이 정상적으로 전달됩니다.

태그명	이벤트 이름	이벤트 매개변수 : 값	사용자 속성	트리거
GA4_Begin_checkout	begin_checkout	lecture: {{item_id}} lecture_name: {{item_name}} quantity: {{quantity}} price: {{price}} currency: {{currency}}		begin_checkout_trigger
GA4_Coupon_listup	listup_coupon	code: {{coupon_code}} type: {{type}} status: {{status}} value: {{value}}	user: {{user_id}}	coupon_apply_trigger
GA4_Login	login	method: {{method}} status: {{status}} class_ids: {{class_ids}} grade: {{grade}}	user: {{user_id}}	login_trigger
GA4_PageView	pageview	refferer: {{Referrer}} URL: {{Page URL}} Path: {{Page Path}} Title: {{page_title}}	user: {{user_id}}	All Pages
GA4_Purchase	purchase	transaction_id: {{transaction_id}} value: {{value}} currency: {{currency}} coupon: {{coupon}} coupon_name: {{coupon_name}} mileage: {{mileage}} items: {{items}}	user: {{user_id}} email: {{email}} phone: {{phone}} 전자상거래 데이터 전송 Data Layer	purchase_trigger
GA4_Review_write	write_review	lecture: {{item_id}} rating: {{rating}} review_contents: {{review_content}}	user: {{user_id}}	write_review
GA4_scroll_depth_100percent	scroll100		태그 실행 옵션 페이지 당 한 번	scroll_depth_100percent
GA4_scroll_depth_75percent	scroll75		태그 실행 옵션 페이지 당 한 번	scroll_depth_75percent
GA4_scroll_depth_50percent	scroll50		태그 실행 옵션 페이지 당 한 번	scroll_depth_50percent
GA4_scroll_depth_25percent	scroll25		태그 실행 옵션 페이지 당 한 번	scroll_depth_25percent
GA4_scroll_depth_10percent	scroll10		태그 실행 옵션 페이지 당 한 번	scroll_depth_10percent
GA4_Signup	signup	method: {{method}} status: {{status}} refferer: {{Referrer}}	user: {{user_id}}	sign_up_trigger
GA4_View_item	view_item	lecture: {{item_id}} lecture_name: {{item_name}} category: {{category}} teacher: {{teacher}} price: {{price}} currency: {{currency}}		view_item_trigger
Google TAG	Google 태그 (Google 애널리틱스 이벤트 아님)	{{GA4_ID}}		Initialization - All Pages
GTAG Install	Google 태그 (Google 애널리틱스 이벤트 아님)	{{GTAG}}		Initialization - All Pages

설정해야할 태그 (Channel.io 태그 유형)

채널톡에 설정할 태그에 대한 정리입니다. 각 요소에 맞게 꼭 설정해야 값이 정상적으로 전달됩니다. Action(액션) 값은 무조건 Track (Send Event)로 설정해야합니다.

태그명	이벤트 이름	이벤트 매개변수 : 값	트리거
CH_begin_checkout	begin_checkout	lecture: {{item_id}} lecture_name: {{item_name}} quantity: {{quantity}} price: {{price}} currency: {{currency}}	begin_checkout_trigger
CH_class_ids	class_ids	class_ids: {{class_ids}}	lecture_id
CH_coupon_listup	listup_coupon	code: {{coupon_code}} type: {{type}} status: {{status}} value: {{value}} user: {{user_id}}	coupon_apply_trigger
CH_login	login	method: {{method}} status: {{status}} user: {{user_id}} class_ids: {{class_ids}} grade: {{grade}}	login_trigger
CH_lecture_id	lectureId	class_ids: {{class_ids}}	lecture_id
CH_page_view	page_view	page_path: {{page_path}} page_url: {{page_url}}	page_view page_view_trigger
CH_Purchase	purchase	value: {{value}} currency: {{currency}} coupon: {{coupon}} coupon_name: {{coupon_name}} mileage: {{mileage}} items: {{items}}	purchase_trigger
CH_review_write	write_review	lecture: {{item_id}} rating: {{rating}} review_contents: {{review_content}} user: {{user_id}}	write_review
CH_scroll100	scroll100		scroll_depth_100percent
CH_scroll75	scroll75		scroll_depth_75percent
CH_scroll50	scroll50		scroll_depth_50percent
CH_scroll25	scroll25		scroll_depth_25percent
CH_scroll10	scroll10		scroll_depth_10percent
CH_signup	signup	method: {{method}} status: {{status}} refferer: {{Referrer}} user: {{user_id}}	sign_up_trigger
CH_view_item	view_item	lecture: {{item_id}} lecture_name: {{item_name}} category: {{category}} teacher: {{teacher}} price: {{price}} currency: {{currency}}	view_item_trigger

구글 애널리틱스 태그 설정과 크게 다른 부분은 없으나, 채널톡 유형은 사용자 정보를 이벤트 매개 변수에 포함시켜 보낸다는 특징이 있어, 사용자 특정이 필요할 경우 user: {{user_id}}를 추가합니다.

변경사항 배포하기

템플릿, 변수, 트리거, 태그 설정이 완료 되었다면, 이제 실제 내 사이트에 배포할 시간입니다. 배포는 우측 상단 제출하기를 클릭하면 아래와 같은 사진처럼 나타나게 됩니다.

버전 이름을 간단하게 1.0이라고 기재한 뒤, 버전 설명에 어떤 항목을 추가했는지 기록용으로 작성하여 게시해 주세요.

버전은 이후 추가, 수정이 잘못되었을때 기존에 제출한 배포로 되돌릴 수 있습니다. 업데이트 기록을 촘촘히 하시는 것을 권장 드립니다.