WordPress에 Facebook 픽셀을 설치하는 방법은 크게 두 가지로 나눌 수 있습니다.
- 플러그인을 이용한 방법 (추천!): 가장 쉽고 권장되는 방법입니다. 코드를 직접 수정할 필요가 없어 초보자도 쉽게 따라 할 수 있습니다.
- 테마 파일 수정을 통한 수동 설치: 워드프레스 테마의
header.php파일에 직접 코드를 삽입하는 방법입니다. 코딩 지식이 필요하며, 테마 업데이트 시 코드가 사라질 수 있으므로 주의해야 합니다.
각각의 방법을 자세히 설명해 드릴게요.
방법 1: 플러그인을 이용한 페이스북 픽셀 설치 (추천!)
가장 쉽고 안전한 방법입니다. ‘PixelYourSite’ 또는 ‘Facebook for WordPress’ 플러그인을 주로 사용합니다. 여기서는 ‘PixelYourSite’를 예시로 설명해 드릴게요.
준비물:
- 워드프레스 웹사이트 관리자 권한
- 페이스북 비즈니스 관리자 계정 및 픽셀 ID (아직 없다면 먼저 생성해야 합니다.)
설치 단계:
페이스북 픽셀 ID 확인/생성:
- 페이스북 비즈니스 관리자(Business Manager)에 접속합니다.
- 좌측 메뉴에서 ‘이벤트 관리자(Events Manager)’를 클릭합니다.
- ‘데이터 소스 연결’ 또는 ‘픽셀 만들기’를 선택하여 픽셀을 생성합니다. (이미 있다면 기존 픽셀을 선택).
- 픽셀이 생성되면 ‘픽셀 ID’를 확인할 수 있습니다. 이 ID를 복사해 둡니다. (보통 15자리 숫자)
워드프레스에 PixelYourSite 플러그인 설치:
- 워드프레스 관리자 대시보드에 로그인합니다.
- 좌측 메뉴에서 **’플러그인’ > ‘새로 추가’**를 클릭합니다.
- 검색창에 **’PixelYourSite’**를 입력하고 검색합니다.
- ‘PixelYourSite’ 플러그인을 찾아 ‘지금 설치’ 버튼을 클릭합니다.
- 설치가 완료되면 ‘활성화’ 버튼을 클릭하여 플러그인을 활성화합니다.
PixelYourSite 플러그인 설정:
- 플러그인을 활성화하면 좌측 메뉴에 ‘PixelYourSite’ 메뉴가 새로 생깁니다. 클릭합니다.
- ‘Dashboard’ 탭에서 ‘Facebook Pixel’ 섹션을 찾습니다.
- ‘Your Facebook Pixel ID’ 칸에 페이스북에서 복사해 둔 픽셀 ID를 붙여넣습니다.
- 아래로 스크롤하여 ‘Save Settings’ 버튼을 클릭하여 설정을 저장합니다.
픽셀 설치 확인:
- 크롬 웹 스토어에서 ‘Facebook Pixel Helper’ 확장 프로그램을 설치합니다.
- 픽셀을 설치한 워드프레스 웹사이트에 접속합니다.
- 브라우저 상단의 ‘Facebook Pixel Helper’ 아이콘을 클릭합니다.
- 아이콘이 파란색으로 바뀌고 픽셀 ID가 표시되면 정상적으로 설치된 것입니다. (녹색 체크표시 확인)
방법 2: 테마 파일 수정을 통한 수동 설치 (고급 사용자)
경고: 이 방법은 웹사이트 코드를 직접 수정하므로, 잘못하면 웹사이트가 손상될 수 있습니다. 반드시 시작하기 전에 워드프레스 웹사이트를 백업하세요.
준비물:
- 워드프레스 웹사이트 관리자 권한
- 페이스북 비즈니스 관리자 계정 및 픽셀 코드 (ID가 아닌 전체 코드)
설치 단계:
페이스북 픽셀 코드 확인:
- 페이스북 비즈니스 관리자 > 이벤트 관리자에서 픽셀을 선택합니다.
- ‘픽셀 설치’ 또는 ‘코드 수동 설치’ 옵션을 찾아 전체 픽셀 코드를 복사합니다. 이 코드는
<script>태그로 시작하고 끝나는 JavaScript 코드입니다.
워드프레스 테마 파일 편집:
- 워드프레스 관리자 대시보드에 로그인합니다.
- 좌측 메뉴에서 **’외모’ > ‘테마 파일 편집기’**를 클릭합니다.
- 경고 메시지가 나타나면 내용을 이해하고 ‘확인’을 클릭합니다.
- 우측의 ‘테마 파일’ 목록에서 ‘테마 헤더 (header.php)’ 파일을 찾아서 클릭합니다.
header.php파일의<head>태그 바로 아래 또는</head>태그 바로 위에 복사해 둔 페이스북 픽셀 코드를 붙여넣습니다.