본문 바로가기
웹 프로그래밍

Google Tag Manager_2 (with.Facebook)

by Minius 2020. 1. 10.
반응형

배경

이 내용은 Facebook 픽셀과 Google Tag Manager를 사용하여 웹사이트에 이벤트 트래킹 코드를 추가하는 방법에 대한 설명입니다. 아래는 단계별로 설명해드리겠습니다

 

방법

  1. 페이스북 픽셀로 이동:
    페이스북 비즈니스 관리자에 로그인하고 "이벤트 관리기" 섹션으로 이동하여 픽셀을 선택합니다.
  2. 이벤트 만들기:
    이벤트 관리기에서 원하는 이벤트를 생성합니다. 이벤트의 이름과 유형을 설정합니다. 예를 들어, "추적하려는 이벤트의 이름"과 "PageView"와 같이 이벤트 유형을 선택할 수 있습니다.
  3. 픽셀 코드 복사:
    이벤트를 만든 후, 생성된 픽셀 코드를 복사합니다.
  4. 구글 태그 매니저로 이동:
    Google Tag Manager에 로그인하고 작업하려는 계정 및 컨테이너를 선택합니다.
  5. 새 태그 만들기:
    "태그" 섹션으로 이동하여 새 태그를 만듭니다.
  6. 맞춤 HTML 태그 설정:
    "태그 구성"에서 "맞춤 HTML"을 선택합니다.
  7. 복사한 픽셀 코드 붙여넣기:
    페이스북에서 복사한 픽셀 코드를 맞춤 HTML 태그의 코드 영역에 붙여넣습니다.
  8. 불필요한 스크립트 제거:
    "noscript" 부분은 스크립트 사용이 불가능한 브라우저를 위해 있는 부분입니다. 거의 모든 브라우저가 스크립트 실행이 가능하기 때문에 필요하지 않다면 해당 부분을 삭제할 수 있습니다.
  9. 태그 실행 우선순위 설정:
    고급 설정에서 "태그 실행 우선순위"에 100과 같은 숫자를 입력하여 태그의 우선순위를 설정할 수 있습니다. 높은 숫자일수록 우선순위가 높아집니다.
  10. 태그 저장:
    태그를 설정한 후 저장하여 적용합니다.
  11. 미리보기 및 테스트:
    태그 매니저의 미리보기 기능을 사용하여 해당 태그가 웹사이트에서 올바르게 작동하는지 확인합니다.
  12. 실행 여부 확인:
    태그 매니저 실행 여부를 확인하여 태그가 정상적으로 동작하는지 확인합니다.

위의 단계를 따라하면 Facebook 픽셀을 Google Tag Manager를 통해 웹사이트에 추가하고 이벤트를 추적할 수 있습니다.

댓글