안녕하세요, 인트렌치컨설팅의 조이현입니다.
오늘은 GTM(Google Tag Mananger)으로 Google Ads 태깅을 쉽게 하는 방법에 대해 알아보려고 합니다.
Google Ads란?
우선, Google Ads(구글 애즈)가 무엇인지 알아보겠습니다.
Google Ads는 Google의 온라인 광고 프로그램으로, 광고주가 원판매하는 제품 또는 서비스에 관심이 있는 사용자에게 정확하게 도달하는 온라인 광고를 만들 수 있는 도구입니다.
비즈니스를 홍보하고 제품이나 서비스의 판매를 늘리기 위해, Google Ads를 통해 광고를 집행할 수 있습니다
GTM으로 구글애즈를 설정해야 하는 이유는 뭘까요?
구글 애즈 태그를 GTM으로 설정하면 실시간 최적화, 효율적인 관리, 성능 개선, 그리고 정확한 데이터 추적 등의 큰 장점을 얻을 수 있기 때문입니다!
그럼, 이제 GTM을 사용해 Google Ads 태깅을 설정하는 방법을 알아보겠습니다!
1. GTM 계정 설정
GTM을 사용하려면 먼저 GTM에 접속해 계정을 만들고 작업할 공간을 설정해야 합니다.
첫 번째로, Google Ads 전환 링커를 삽입해야 합니다.
전환 링커는 쉽게 말해 공통 스크립트로, 모든 웹페이지에서 문제 없이 방문 이벤트 데이터를 수집할 수 있도록 해줍니다.
이 코드는 <head> 태그와 </head> 태그 사이에 삽입해야 합니다.
2. 기본 픽셀 태그 설정
이제, 기본 픽셀 태그를 생성해야 합니다.
태그 유형으로 전환 링커를 선택하고, 동작 시점을 정하는 트리거를 설정합니다.
기본적으로 All pages(모든 페이지)를 추적하는 설정을 선택하고 저장합니다.
Step 01. 태그 새로만들기 클릭
Step02. 전환 링커 제목 설정 및 태그 유형 선택
Step 03. 태그 유형에서 전환 링커 클릭
Step 04. 트리거 설정
Step 05. All Pages 선택
Step 06. 저장
3. Google Ads 전환 추적 태그 생성
여기까지 잘 따라왔다면, 이제 Google Ads의 광고 성과를 확인할 준비 단계는 끝입니다.
이전 단계에서는 동일한 태그 생성 방법을 사용하되, 이번에는 Google Ads → Google Ads 전환 추적 태그를 설정합니다.
Step 01. Google Ads → Google Ads 전환 추적 태그 설정
- 전환 ID와 전환 라벨은 Google Ads에서 발급받아 복사한 뒤 붙여넣으면 됩니다.
- 전환 가치와 거래 ID, 통화 코드를 설정합니다.
- 전환 가치 : 주문 금액
- 거래 ID : 고유 주문 번호
- 통화 코드 : KRW
Step 02. 전환ID, 전환 라벨, 전환 가치, 거래ID, 통화 코드 설정
4-1. 주문 페이지에서 정보 가져오기 (거래 ID)
이제 주문 완료 페이지로 가서 주문 번호와 총 주문 금액를 가져와야 합니다.
텍스트로 직접 적는 것은 다른 주문 건이 있을 경우에도 텍스트로 적은 값으로만 수집이 되기에 정합성에 문제가 있기때문에 변수로 값을 추출하는 방법을 알아보겠습니다.
- 주문 번호 위에 마우스를 올려 놓고 우클릭 → 검사를 클릭합니다.
- 주문 번호가 있는 부분을 우클릭하고 Copy → Copy Selector를 선택합니다.
Step01. 주문번호 확인
Step 02. 우클릭 → 검사 클릭
Step 03. 주문 번호가 있는 부분을 우클릭하고 Copy → Copy Selector 5703선택
이제 console 창에 코드를 사용하여 값을 추출해 줍니다.
이 때, 콘솔 창이 보이지 않으면 당황하지 말고, ESC 키를 눌러서 console 창을 띄웁니다.
콘솔 창에 작성 : $(‘붙여넣기’).text()
Step 04. 콘솔창
5-1. GTM에서 변수 설정 (거래 ID)
이제 GTM으로 돌아가서 새로운 변수를 생성해야 합니다.
변수명을 쉽게 알 수 있도록 설정하고, 콘솔 창에서 복사한 코드를 함수로 지정해 붙여넣습니다.
저장하면, 생성해두었던 태그 내에 거래 ID가 자동으로 태그에 채워집니다.
4-2. 주문 페이지에서 정보 가져오기 (전환가치 : 총 주문 금액)
상단 5-1의 순서와 동일하며, 전환 가치(총 주문 금액)의 값을 가져옵니다.
- 총 주문 금액 위에 마우스를 올려 놓고 우클릭 → 검사를 클릭합니다.
- 총 주문 금액 있는 부분을 우클릭하고 Copy → Copy Selector를 선택합니다.
Step01. 주문번호 확인
Step 02. 우클릭 → 검사 클릭
Step 03. 주문 번호가 있는 부분을 우클릭하고 Copy → Copy Selector 5703선택
금액의 경우, 문장이 아닌, 숫자로 수집이 되어야 하기 때문에
$(‘붙여넣기’).text() 아닌, $(‘붙여넣기’).text().replace(/[^0-9]/g,’’)를 사용해 줍니다.
Step 04. 콘솔창
5-2. GTM에서 변수 설정 (총 주문 금액)
이제 GTM으로 돌아가서 새로운 변수를 생성해야 합니다.
변수명을 쉽게 알 수 있도록 설정하고, 콘솔 창에서 복사한 코드를 함수로 지정해 붙여넣습니다.
저장하면, 생성해두었던 태그 내에 전환 가치가 자동으로 태그에 채워집니다.
6. 트리거 설정
주문 완료시 태그가 동작해야 하기 때문에 주문 완료 페이지가 랜딩시에 Google Ads 태그가 동작하게 신규 트리거를 생성하여 설정 해주겠습니다
[트리거 조건]
- 페이지 랜딩 (page view)
- 주문 완료 페이지
트리거명을 알아보기 쉽게 변경하고, 조건은 page path로 주문 완료 페이지를 넣어줍니다.
ㄴ page path의 경우 웹사이트 F12 혹은 우클릭 → 검사 클릭 후 console창에 location.pathnmae을 입력해주면 값이 나옵니다.
태그를 저장해주면 google ads 관련된 태그 및 트리거 생성은 마무리가 됩니다.
7. 데이터 정상 수집 확인
여기서 끝나면 데이터의 정합성은 확인이 불가능하겠죠?
데이터 수집 설정을 다 했다면, 데이터가 정상적으로 수집이 되는지 한 번 더 확인을 해봐야하는데요
이럴 때 이 전 브런치에서 설명 드렸던, 디버깅 방법 중 GTM preview mode로 확인해야 데이터 수집이 끝이 납니다!
정확한 디버깅 방법은 ‘실시간으로 감시하는 초능력 기법!’을 확인해주세요!
이번 글을 통해 구글 애즈 태깅의 중요성과 GTM 활용 방법을 알아보았습니다.
정확한 추적을 통해 광고 효과를 극대화하고, 캠페인을 최적화해보세요!
궁금한 점이 있다면 ‘인트렌치컨설팅’에 상담 받아보세요!
