안녕하세요, 웹스터입니다. 오늘은 구글 태그 매니저를 통해 페이스북 픽셀 표준 이벤트를 포착하는 방법에 대해 알려드리겠습니다.
안녕하세요, 웹스터입니다. 오늘은 구글 태그 매니저를 통해 페이스북 픽셀 표준 이벤트를 포착하는 방법에 대해 알려드리겠습니다.
구글 태그 매니저란? ‘Google Tag Manager’, 약칭 GTM(Google Tag Manager)은 사용자가 원하는 웹, 앱 내 데이터를 수집할 수 있도록 도와주는 툴이다. 더불어 여러 종류의 태그와 코드를 삽입하는 데 도움이 되는 도구입니다. 나와 같은 마케터가 웹사이트의 코드를 직접 수정하지 않고도 다양한 태그를 효율적으로 관리할 수 있도록 도와주는 역할을 합니다.여기서 ‘태그(Tag)’는 우리 웹, 앱에 방문한 사용자(User)들의 상호작용 관련 정보를 추적할 수 있게 해줍니다. 이것을 좀 더 알기 쉽게 설명하자면, 광고 픽셀 등을 들 수 있습니다. 이를 통해 웹 사이트의 소스 코드를 수정하지 않고 새로운 태그를 추가하거나 관리할 수 있습니다. 정리하면, GTM은 수집 툴을 포함한 「컨테이너」라고도 표현할 수 있습니다.
페이스북 픽셀 표준 이벤트
이러한 구글 태그 매니저를 사용하여 페이스북 픽셀 표준 이벤트를 수집할 수 있습니다. 예를 들면 우리가 페이스북 광고를 진행하고 있고, 광고를 통해 유입된 사용자들의 행동을 수집할 수 있는 것입니다. 이는 카페24, 아임웹과 같은 FBE 솔루션을 제공하는 곳이 아니라 웹사이트 표준으로 활용할 수 있습니다.
페이스북의 픽셀 표준 이벤트는 여러 가지가 있는데, 그 중에서도 대표적으로 ‘ViewContent(콘텐츠 조회)’, ‘AddToCart(장바구니에 상품 추가)’, ‘Purchase(구입 완료)’ 등이 있습니다. 오늘은 대표적으로 구글 태그 매니저(GTM)를 통해 ‘콘텐츠 조회’ 표준 이벤트를 취하는 방법에 대해 알아보도록 하겠습니다.
(실습) 구글 태그매니저 – Pixel 표준이벤트
우선 구글 태그 매니저의 계정과 컨테이너를 생성했다는 가정하에 진행하도록 하겠습니다. 첫 번째로 [워크스페이스] 에 들어가 [신규작성] 버튼을 눌러 태그 구성을 선택합니다.
커스텀 설정 항목에서 [커스텀 HTML] 버튼을 클릭합니다. 그런 다음 HTML 코드를 삽입할 수 있는 위치에 아래와 같이 소스 코드를 입력합니다.
<script> fbq(‘track’, ‘콘텐츠보기’);</script>위 코드는 페이스북 픽셀을 사용하여 “View Content”라는 이벤트를 트래킹하는 자바스크립트 코드입니다. 여기서 “fbp”는 페이스북 픽셀의 트래킹 코드를 호출하는 함수입니다.다소간단하게원리에관한내용을살펴봤습니다. 여기까지 완료되면, 「트리거(Trigger)」를 설정할 차례입니다. 트리거는 “어떤 상황에서 태그(명령)를 실행할 것인가?”를 의미합니다.트리거를 생성하는 조건은 여러 가지 방법으로 선택할 수 있지만, 나는 ‘GNB 메뉴를 클릭했을 때’를 기준으로 하고 싶어서 <검사> 탭에서 위와 같이 트리거를 수집했습니다.저는 ‘콘텐츠 조회’라는 부분이 사용자가 광고를 통해 유입돼 특정 페이지 내 메뉴를 클릭했을 때라고 정의하고 싶었습니다. 이 부분을 트리거로 설정해 주었습니다.완성 후 검토는 필수!지금까지 구글 태그 매니저를 통해 페이스북 픽셀 표준 이벤트를 잡는 작업은 끝났습니다. GTM 화면 내 ‘제출’ 버튼을 눌러 작업을 종료합니다. 단, [미리보기] 버튼을 눌러 우리가 만든 태그가 정상적으로 작동하는지 확인하는 것도 잊지 마세요.저도 처음에 해당 페이스북의 표준 이벤트를 작성하는데 어려움을 겪었습니다. 개발자와 협업이 어려운 환경이라면 GTM 스크립트를 설치해 이렇게 우리가 원하는 이벤트를 수집할 수 있습니다. 특히 페이스북 픽셀은 광고를 최적화하기 위해 필수적인 존재입니다. 오늘 게시물에서 궁금한 점이 있으면 댓글을 남겨주세요! 감사합니다。구글태그매니저(GTM), 페이스북 메타픽셀스크립트 설치 방법 구글 애널리틱스를 통해 데이터를 수집하는 분들이라면 구글태그매니저를 많이 들어보셨을 겁니다. 특히 …m.blog.naver.com구글태그매니저(GTM), 페이스북 메타픽셀스크립트 설치 방법 구글 애널리틱스를 통해 데이터를 수집하는 분들이라면 구글태그매니저를 많이 들어보셨을 겁니다. 특히 …m.blog.naver.com티스토리 블로그 구글 태그 매니저 활용 방법 티스토리 블로그 구글 태그 매니저 활용 방법 안녕하세요。 IT/테크 인플루언서 웹스터입니다. 안녕하세요… m.blog.naver.com티스토리 블로그 구글 태그 매니저 활용 방법 티스토리 블로그 구글 태그 매니저 활용 방법 안녕하세요。 IT/테크 인플루언서 웹스터입니다. 안녕하세요… m.blog.naver.com티스토리 블로그 구글 태그 매니저 활용 방법 티스토리 블로그 구글 태그 매니저 활용 방법 안녕하세요。 IT/테크 인플루언서 웹스터입니다. 안녕하세요… m.blog.naver.com티스토리 블로그 구글 태그 매니저 활용 방법 티스토리 블로그 구글 태그 매니저 활용 방법 안녕하세요。 IT/테크 인플루언서 웹스터입니다. 안녕하세요… m.blog.naver.comhttps://www.youtube.com/watch?v=a2IyWLNCYnQ&pp=ygVQ6rWs6riAIO2DnOq3uCDrp6Tri4jsoIDsl5DshJwg7Y6Y7J207Iqk67aBIO2UveyFgCDtkZzspIAg7J2067Kk7Yq4IOyImOynkSDrsKnrspU%3D