Google Tag Manager로 메타 픽셀 설치하기
Google Tag Manager를 활용해 세일즈클루 PDF 뷰어에 메타 픽셀을 설치하고, 콘텐츠 열람자를 대상으로 리타겟팅 광고를 설정하는 방법을 알아보세요.
Google Tag Manager(GTM)를 활용하면 세일즈클루 PDF 뷰어에 메타 픽셀(Meta Pixel)을 설치하여 콘텐츠 열람 데이터를 메타 광고에 활용할 수 있습니다.
PDF 콘텐츠를 열람한 사용자를 대상으로 리타겟팅 광고를 운영하거나, 특정 버튼 클릭 등의 이벤트를 추적해 보세요.
설정을 시작하기 전에 Google Tag Manager 연동하기를 참고하여 세일즈클루와 GTM 연동을 완료해 주세요.
1. 메타 픽셀 생성하기
먼저 메타에서 픽셀을 생성하고 픽셀 ID를 확인합니다.
- Meta 비즈니스 관리자에 접속합니다.
- 이벤트 관리자(Events Manager)에서 데이터 소스 설정으로 이동합니다.
- 웹사이트 데이터 수집을 위한 픽셀을 생성합니다.
- 픽셀 이름을 입력하고 설정을 완료합니다.
- 생성된 픽셀의 픽셀 ID를 복사합니다.
복사한 픽셀 ID는 Google Tag Manager에서 메타 픽셀을 설정할 때 사용합니다.
메타의 관리자 화면과 메뉴 명칭은 업데이트에 따라 달라질 수 있습니다.
2. Google Tag Manager에서 메타 픽셀 설정하기
세일즈클루와 연동한 GTM 컨테이너에 메타 픽셀 태그를 추가합니다.
1. 태그 생성하기
- Google Tag Manager에 접속합니다.
- 세일즈클루와 연동한 컨테이너를 선택합니다.
- 작업공간 → 태그 → 새로 만들기를 클릭합니다.
- 태그 유형에서 커뮤니티 템플릿 갤러리를 선택합니다.
Meta Pixel을 검색하고 사용할 템플릿을 선택합니다.
사용 가능한 템플릿이 없다면 메타에서 제공하는 설치 코드를 활용하여 맞춤 HTML 태그로 설정할 수도 있습니다.
2. 메타 픽셀 ID 입력하기
생성한 태그의 설정 화면에서 앞서 복사한 메타 픽셀 ID를 입력합니다.
템플릿에서 요구하는 설정 항목을 확인한 후 저장합니다.
3. 트리거 설정하기
PDF 뷰어에 접속했을 때 메타 픽셀이 실행되도록 트리거를 설정합니다.
- 트리거 유형: 페이지 조회
- 실행 조건: 모든 페이지 조회
모든 페이지 조회 대신 특정 조건을 설정하여 픽셀의 실행 범위를 제한할 수도 있습니다.
설정을 완료했다면 태그를 저장합니다.
3. 메타 픽셀 테스트 및 게시하기
메타 픽셀을 설정했다면 정상적으로 작동하는지 확인합니다.
- Google Tag Manager에서 미리보기를 실행합니다.
- 메타 픽셀을 적용한 세일즈클루 PDF 공유 링크에 접속합니다.
- GTM 미리보기 화면에서 메타 픽셀 태그가 정상적으로 실행되었는지 확인합니다.
- 브라우저 개발자 도구의 네트워크 탭이나 Meta Pixel Helper를 활용하여 픽셀 요청을 확인합니다.
- 메타 이벤트 관리자에서도 이벤트 수신 여부를 확인합니다.
정상적으로 작동한다면 Google Tag Manager로 돌아가 변경 사항을 게시합니다.
픽셀 요청이 발생했다고 해서 메타에서 모든 이벤트를 정상적으로 수신하고 처리했다는 의미는 아니므로, 이벤트 관리자에서도 결과를 확인하는 것이 좋습니다.
4. 추가 이벤트 설정하기
기본 페이지 조회 이벤트 외에도 PDF 뷰어에서 발생하는 특정 행동을 메타 이벤트와 연결할 수 있습니다.
예를 들어 다음과 같은 행동을 추적할 수 있습니다.
- PDF 내 CTA 버튼 클릭
- 문의양식 제출 버튼 클릭
- PDF 다운로드 버튼 클릭
- PDF 내 하이퍼링크 클릭
1. 클릭 이벤트 트리거 생성하기
Google Tag Manager에서 트리거 → 새로 만들기를 선택합니다.
트리거 유형에서 클릭 → 모든 요소를 선택하고, 추적하려는 이벤트에 해당하는 Click ID를 조건으로 설정합니다.
세일즈클루에서 제공하는 대표적인 Click ID는 다음과 같습니다.
| 이벤트 | Click ID |
|---|---|
| 문의양식 제출 버튼 클릭 | form_submit_button |
| CTA 버튼 클릭 | cta_button |
| 다운로드 버튼 클릭 | download_button |
| PDF 내 하이퍼링크 클릭 | pdf_hyperlink |
전체 이벤트 목록과 자세한 설정 방법은 Google Tag Manager 연동하기를 참고하세요.
2. 메타 이벤트 태그 생성하기
앞에서 생성한 트리거를 활용하여 메타 이벤트 태그를 설정합니다.
- 태그 → 새로 만들기를 선택합니다.
- 메타 픽셀 템플릿 또는 맞춤 HTML을 사용하여 이벤트를 설정합니다.
- 추적하려는 행동에 맞는 메타 이벤트를 지정합니다.
- 앞에서 생성한 클릭 이벤트 트리거를 연결합니다.
- 설정을 저장합니다.
예를 들어 데모 신청 버튼 클릭을 추적하려면 해당 CTA 버튼의 Click ID와 버튼 텍스트를 조건으로 지정할 수 있습니다.
단, 버튼 클릭과 실제 신청 완료는 서로 다른 행동입니다. 전환 성과를 측정하려면 신청 완료 여부를 확인할 수 있는 이벤트를 별도로 설정하는 것이 좋습니다.
3. 이벤트 테스트 및 게시하기
GTM 미리보기 모드에서 실제 PDF 뷰어의 버튼을 클릭하여 태그 실행 여부를 확인합니다.
메타 이벤트 관리자에서도 데이터가 정상적으로 수신되는지 확인한 다음 변경 사항을 게시합니다.
5. 참고 및 주의 사항
메타 픽셀과 Google Tag Manager를 연동할 때 다음 사항을 확인해 주세요.
- 픽셀 ID: 올바른 메타 픽셀 ID를 입력했는지 확인합니다.
- 트리거: 이벤트가 발생해야 하는 조건이 정확하게 설정되었는지 확인합니다.
- 테스트: GTM 미리보기와 메타 이벤트 관리자를 통해 실제 수신 결과를 확인합니다.
- 개인정보 보호: 광고 및 추적 기술 사용에 적용되는 개인정보 보호 요건과 필요한 동의 절차를 준수해야 합니다.
메타 픽셀을 활용한 리타겟팅 대상 생성 여부와 활용 가능한 이벤트는 메타 광고 계정의 설정 및 정책에 따라 달라질 수 있습니다.