Step-by-step guide to installing Facebook Pixel on your website using Google Tag Manager. Create a pixel in Facebook Business Manager, copy the code, paste it into a custom HTML tag in GTM, set it to fire on all pages, then verify it's working by checking the preview mode shows 'fired' status.
Chapters
오늘은 여기 페이스북에서 이번에 이제 바뀐 픽셀을 구글 태그 매니저에 설치하는거 요걸 조금 한번 같이 해 보도록 할게요 여기 이제 보니까 요렇게 이제 지금 페이스북 메뉴가 많이 바뀌었어요 근데 여기에서 보시면 데이터 소스 연결 이라고 이렇게 있습니다 그러면 여기에서 웹을 선택하시고요. 그 다음에 시작하기를 눌러볼게요. 그러면 여기 픽셀 이라고 나오죠. 픽셀 이라는 부분을 이렇게 체크를 하시고 연결을 한번 눌러볼게요. 그러면 이 픽셀에 대한 이름을 이제 지정을 하시고요. 사이트 아이고 쇼핑몰 주소를 입력을 해볼게요. 자 요렇게 됐죠. 자 요렇게 지정을 하시고 계속을 한번 눌러보도록 하겠습니다. 자 그러면 픽셀 코드를 설치할 방법을 선택하세요 라고 나오죠. 그죠? 그럼 이 상태에서 뭐 이제 파트너 통합이 아니니깐 웹사이트에 픽셀 코드 직접 추가 라고 되어 있는 요 코드 직접 설치를 누릅니다 그죠 자 그 다음에 코드에는 기본 코드가 있죠 그래서 여기 코드 복사를 눌러 주시구요 그 다음에 계속 버튼을 눌러 줄게요 enable advanced matching 이라고 되어있죠 enable advanced matching 자 여기까지 하고 이제 구글 태그 매니저로 가볼게요 자 여기가서 하나 만들어야 겠죠 새롭게 페이스북 픽셀 이라고 코코드레스 페이북 픽셀 이라고 이렇게 이름을 지을게요 자 그 다음에 태그 구성에서는 맞춤으로 해야겠죠 베이스북이 따로 있지는 않으니까요 맞춤으로 하셔야 되고 여기에다가 소스를 집어 넣습니다 그죠 소스를 집어 넣고 이제 트리거 트리거라는 거를 한번 설정을 해 볼게요 트리거는 당연히 이제 모든 페이지에 대해서 추적을 해야 될 거 아니에요 그죠 페이스북도 그래서 올 페이지 뷰를 이렇게 선택을 해 줍니다 자 이렇게 구성을 하고 저장 버튼을 그냥 눌러 주시기만 하면 자 그러면 코코드레스라는 쇼핑몰에 페이스북 픽셀이 이제 설치가 된 겁니다 자 그러면 일단 우리가 페이스북 픽셀이 이제 설치가 제대로 됐는지 한번 확인을 해봐야 되잖아요 그죠 그래서 보통 이제 미리보기 구글 태그 매니저에서는 미리보기 상태에서 사이트에서 확인을 하실 수가 있습니다 자 미리 보기를 이렇게 하신 다음에요 자 미리 보기 나와 있죠 자 그 다음에 코코드레스 가서 이제 컨트롤 f5 한번 눌러볼게요 자 자 그러면 지금 여기 보시는 것처럼 summary 태그 파이어드에 코코 드레스 페북 픽셀이 지금 파이어드 파이어드 라는건 결국엔 뭐냐면요 아이고 이거 잘 안되네 fired 라는 것은 지금 구글 태그 매니저의 태그가 지금 실행이 되고 있다는 거에요. 실행이 안되고 있을 때는 이렇게 not fired 이렇게 되어 있는 거구요. 제대로 이제 설치가 된 거죠. Analytics 하고 페이스북 픽셀이. 이렇게 확인을 하시고 그러면 됐죠. 그래서 제대로 이렇게 설치가 된 겁니다. 페이스북 픽셀은.