반응형
배경
이 내용은 Facebook 픽셀과 Google Tag Manager를 사용하여 웹사이트에 이벤트 트래킹 코드를 추가하는 방법에 대한 설명입니다. 아래는 단계별로 설명해드리겠습니다
방법
- 페이스북 픽셀로 이동:
페이스북 비즈니스 관리자에 로그인하고 "이벤트 관리기" 섹션으로 이동하여 픽셀을 선택합니다. - 이벤트 만들기:
이벤트 관리기에서 원하는 이벤트를 생성합니다. 이벤트의 이름과 유형을 설정합니다. 예를 들어, "추적하려는 이벤트의 이름"과 "PageView"와 같이 이벤트 유형을 선택할 수 있습니다. - 픽셀 코드 복사:
이벤트를 만든 후, 생성된 픽셀 코드를 복사합니다. - 구글 태그 매니저로 이동:
Google Tag Manager에 로그인하고 작업하려는 계정 및 컨테이너를 선택합니다. - 새 태그 만들기:
"태그" 섹션으로 이동하여 새 태그를 만듭니다. - 맞춤 HTML 태그 설정:
"태그 구성"에서 "맞춤 HTML"을 선택합니다. - 복사한 픽셀 코드 붙여넣기:
페이스북에서 복사한 픽셀 코드를 맞춤 HTML 태그의 코드 영역에 붙여넣습니다. - 불필요한 스크립트 제거:
"noscript" 부분은 스크립트 사용이 불가능한 브라우저를 위해 있는 부분입니다. 거의 모든 브라우저가 스크립트 실행이 가능하기 때문에 필요하지 않다면 해당 부분을 삭제할 수 있습니다. - 태그 실행 우선순위 설정:
고급 설정에서 "태그 실행 우선순위"에 100과 같은 숫자를 입력하여 태그의 우선순위를 설정할 수 있습니다. 높은 숫자일수록 우선순위가 높아집니다. - 태그 저장:
태그를 설정한 후 저장하여 적용합니다. - 미리보기 및 테스트:
태그 매니저의 미리보기 기능을 사용하여 해당 태그가 웹사이트에서 올바르게 작동하는지 확인합니다. - 실행 여부 확인:
태그 매니저 실행 여부를 확인하여 태그가 정상적으로 동작하는지 확인합니다.
위의 단계를 따라하면 Facebook 픽셀을 Google Tag Manager를 통해 웹사이트에 추가하고 이벤트를 추적할 수 있습니다.
'웹 프로그래밍' 카테고리의 다른 글
XML / JSON 비교, 차이 (0) | 2020.02.12 |
---|---|
[JS] 웹페이지 로딩 후 JS 실행 (0) | 2020.01.30 |
Google tag manager_1 (0) | 2020.01.09 |
[웹표준,웹접근성] HTML TAG (0) | 2019.12.19 |
[웹표준,웹접근성] 웹 접근성 가이드라인 2.1 리스트 (WCAG 2.1) (0) | 2019.12.17 |
댓글