페이스북 픽셀 설치 및 작동 확인하는 방법 - 픽셀 헬퍼

May 09, 2021 · 5 mins read

페이스북 픽셀 꼭 설치해야할까요?

페이스북 픽셀은 웹사이트의 방문자가 방문한 페이지, 전환 행동 등의 데이터를 수집해서 이후의 페이스북 광고에 활용하려면 꼭 설치해야합니다. 페이스북 픽셀을 통해 웹사이트 내부에서의 특정 행동을 한 유저(=특정 이벤트를 발생시킨 유저)를 타겟으로 리타겟팅을 할 수도 있고, 유사 타겟 집단을 만들 수도 있습니다. 그럼 더욱 적합한 타겟을 찾아 광고 효율이 높아지는 것을 기대할 수 있겠죠.

어떻게 쓰이고 있을까요?

페이스북 픽셀을 활용하는 방법은 다양하지만 리타겟팅 광고에서 큰 역할을 합니다. 평소에 어떤 상품을 보고 페이스북이나 인스타그램을 하다보면 방금 본 상품들의 광고가 보이는 경험을 흔히 할 수 있죠. 이것이 페북 픽셀을 통해 내가 관심을 보인 상품을 다시 보여주는 리타겟팅 광고입니다. 장바구니에 추가했지만 구매하지 않은 상품이나 찜한 상품을 상기시켜주는 광고, 비슷한 상품 리스트를 보여주는 광고도 가능합니다. 페이스북 픽셀을 잘 활용한다면 말이죠. 페이스북 광고를 진행하는 쇼핑몰에서 페이스북 픽셀은 필수입니다.

페이스북 픽셀 설치 방법

페이스북 설치 방법을 천천히 따라해 보세요.

1. 페이스북 픽셀 코드를 심을 위치 확인하기

우선 페북 픽셀을 설치하고자 하는 웹사이트에 코드를 업데이트 할 수 있어야 합니다. 기본 코드를 <head>태그에 심어야하기 때문에 <head>태그가 편집이 가능한지 미리 확인해주세요. 네이버 블로그와 네이버 스마트스토어에서는 설치가 불가능합니다. 픽셀을 설치할 수 있는 블로그가 필요하다면 티스토리 블로그를 사용하시길 추천합니다.

2. Facebook 이벤트 관리자에서 픽셀 생성하기

페이스북 이벤트 관리자(링크)로 이동하여 왼쪽 탭의 [데이터 소스 연결]을 눌러 픽셀을 생성합니다. 웹사이트 연결을 위해선 가장 왼쪽의 [웹]을 선택해주세요.

*오른쪽 상단의 비즈니스를 확인하여, 설치하려는 비즈니스가 맞는지 꼭 확인하세요.(노란색 영역)

페이스북 픽셀 생성[데이터 소스 연결] 클릭 후 보이는 화면 - [웹]을 선택하세요


  • 연결 수단 선택에서 오른쪽의 [Facebook 픽셀]을 선택해주세요.

페이스북 픽셀 생성[웹] 선택 후 보이는 화면 - [Facebook 픽셀]을 선택하세요


  • “픽셀을 사용하여 웹사이트 활동 연결”이라는 페이지가 보이면 [계속]
  • “상세 정보 추가” 페이지에서 픽셀 이름을 지정해주세요. 픽셀 이름은 이후에 수정할 수 있습니다. 입력했다면 [계속]

페이스북 픽셀 생성

팝업창 뒤로 픽셀이 생성된 것을 확인할 수 있습니다. 이어서 코드 설치까지 진행해보겠습니다.

3. 웹사이트에 픽셀 코드 설치하기

픽셀이 생성된 후에 보통은 바로 코드 설치 방법이 안내됩니다. 혹시 이 창을 끄거나 보이지 않더라도 코드는 다시 복사할 수 있으니 안심하세요. 픽셀은 만든 후 삭제할 수 없기 때문에 사용하지 않을 픽셀은 여러개 만들지 않는 것이 좋습니다.

  • 왼쪽의 [코드 직접 설치]를 선택합니다.

페이스북 픽셀 코드 설치


  • [코드 복사]를 통해 기본 코드를 복사합니다. 코드 설치 위치는 “픽셀 코드를 사이트의 헤더 섹션 하단 </head> 태그 바로 위에 붙여넣으세요. 웹사이트의 모든 페이지에 기본 코드를 설치하세요.”라고 안내 된 것을 볼 수 있습니다.

페이스북 픽셀 코드 설치

  • [자동 고급 매칭]은 설정, 다음 페이지의 [이벤트 설정 도구]는 우선 생략하고 오른쪽 하단의 계속 - 픽셀 개요로 이동을 클릭합니다.

페이스북 픽셀 코드 설치

4. 웹사이트의 <head>태그에 코드 삽입

5. 픽셀 설치 확인하기

[이벤트 테스트 탭]으로 이동하여 [브라우저 이벤트 테스트]란에 웹사이트 주소를 입력한 후 [웹사이트 열기]를 클릭하세요. 웹사이트가 열리면서 PageView 이벤트를 발생시킵니다.

페이스북 픽셀 설치 확인 성공

  • 픽셀이 잘 설치되었다면 아래 이미지와 같이 [PageView]이벤트가 수신된 것을 확인할 수 있습니다.

페이스북 픽셀 설치 확인 성공


  • 위와 같은 화면이 나오지 않고 아래 이미지처럼 “수신되는 활동이 없나요?” 문구가 추가되었다면 다시 아직 이벤트가 수신되지 않은 것이기 때문에 잠시 후 다시 시도해보거나(보통 5분 이내로 됩니다.) 설치한 코드를 다시 확인해 보세요.

    1. 제대로 된 위치(<head>태그 내부)에 코드를 삽입했는지
    2. 웹사이트의 관리자에서 코드 설치 후, 저장 또는 게시를 했는지
    확인해봅니다.

페이스북 픽셀 설치 확인 실패

페이스북 픽셀을 검토하는 페이스북 픽셀 헬퍼(픽셀 지원 도구)

Facebook Pixel Helper(설치 링크)는 픽셀이 제대로 작동하는지 확인할 수 있는 Chrome 브라우저 확장 프로그램입니다. 크롬 브라우저를 사용한다면 내 웹사이트뿐만 아니라 다른 웹사이트의 페이스북 픽셀도 확인할 수 있습니다.

크롬 확장 프로그램 페이스북 픽셀 헬퍼크롬 확장 프로그램을 설치합니다.(저는 기존에 사용하고 있어서 삭제라고 떠요.)

픽셀 헬퍼가 작동하는 모습픽셀 헬퍼가 작동하는 모습

픽셀 헬퍼를 설치하면 내 웹사이트가 아니어도 그 페이지에 있는 픽셀의 상태를 확인 할 수 있습니다. 페이스북 픽셀 헬퍼에 관한 개발자 문서 페이지의 픽셀을 확인해봅시다.

페이스북 픽셀 헬퍼 개발자 문서의 픽셀

마치며

페이스북 픽셀을 설치하고 제대로 작동하는지 확인하는 작업을 해봤습니다. 페이스북 픽셀은 어떤 이벤트를 수집하고, 수집한 이벤트로 타겟을 어떻게 구분하느냐에 따라 다양하게 활용할 수 있습니다. 다음은 GTM(Google Tag Manager)을 활용해 픽셀에 이벤트를 세팅하는 법을 알아보겠습니다.


comments powered by Disqus