> For the complete documentation index, see [llms.txt](https://help.qshop.ai/customer_support/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.qshop.ai/customer_support/guide/partner/meta.md).

# 메타 픽셀

메타 픽셀은 메타에서 제공하는 전환 추적 서비스입니다.\
방문자가 사이트를 통해 행동하는 가입, 장바구니 담기, 구매 등의 행동으로 전환이 되었는지 알 수 있습니다.

## 지원하는 전환 이벤트

<table data-header-hidden><thead><tr><th width="212">버리는 항목</th><th></th></tr></thead><tbody><tr><td>항목</td><td>설명</td></tr><tr><td><strong>PageView</strong></td><td>사이트의 모든 페이지 방문 정보를 전송합니다.</td></tr><tr><td><strong>InitiateCheckout</strong></td><td>주문서 작성 페이지 진입 시 금액, 상품 수, 상품 목록의 정보를 <br>전송합니다.</td></tr><tr><td><strong>completeRegistration</strong></td><td>회원가입 완료 정보를 전송합니다.</td></tr><tr><td><strong>viewContent</strong></td><td>상세페이지 진입 및 상품정보의 고유값을 전송합니다.</td></tr><tr><td><strong>addToCart</strong></td><td>장바구니 추가 버튼 클릭 시 해당 정보를 전송합니다.</td></tr><tr><td><strong>viewCart</strong></td><td>장바구니 페이지 진 정보를 전송합니다.</td></tr><tr><td><strong>purchase</strong></td><td>결제 완료 시 구매 상품의 수량, 총 구매 가격을 전송합니다.</td></tr><tr><td><strong>search</strong></td><td>검색 정보를 전송합니다.</td></tr></tbody></table>

## 1. 메타 픽셀 생성하기

1-1. [Meta이벤트 관리자](https://www.facebook.com/events_manager2) 페이지에 들어가 가입 및 로그인을 합니다.

1-2. 왼쪽 메뉴바의 **\[데이터 소스 연결]**&#xBC84;튼을 클릭합니다.

<figure><img src="/files/1JYaB5QzpfA9wskZwcIk" alt=""><figcaption></figcaption></figure>

1-3. 새 데이터 소스연결 항목의 **'웹'**&#xC744; 선택합니다.

<figure><img src="/files/8KIU4IQEdodZAQhDIfY6" alt=""><figcaption></figcaption></figure>

1-4. 관리를 위한 이름을 입력합니다.<br>

<figure><img src="/files/7GLW1OqQnQL18OuPzK9a" alt=""><figcaption></figcaption></figure>

1-5. 사이트 URL을 입력합니다.

{% hint style="info" %}
**<https://mydomain.com>** 의 형식으로 입력합니다.
{% endhint %}

<figure><img src="/files/KFTsE7XmQMONbPOFZwvJ" alt=""><figcaption></figcaption></figure>

1-6. 설정 방법 찾기 항목의 **\[적접 해보기]**&#xB97C; 선택한 후 **\[다음]** 버튼을 클릭합니다.<br>

<figure><img src="/files/l526ewrqDzFeraq4SRzG" alt=""><figcaption></figcaption></figure>

1-7. 웹 사이트 연결 방법 항목의 아래 **\[Meta 픽셀 전용]**&#xC744; 선택한 후 **\[다음]**&#xBC84;튼을 클릭합니다.

<figure><img src="/files/BbchOyNUpf9RX8dIQfww" alt=""><figcaption></figcaption></figure>

1-8. 웹 사이트 활동 연결 항목의 **\[코드 직접 설치]** 버튼을 클릭합니다.

<figure><img src="/files/TkwMWKML5E71WXyLvEM7" alt=""><figcaption></figcaption></figure>

1-9. 기본 코드 설치 페이지로 이동 후 **‘1. 기본 코드 복사’** 항목의 **\[코드 복사]** 버튼을 클릭 후 \
오른쪽 아래 **\[계속]** 버튼을 클릭합니다.

{% hint style="info" %}
아래 **\[계속]** 버튼 활성을 위한 과정이기에, 복사한 코드는 무시하셔도 됩니다.
{% endhint %}

<figure><img src="/files/9Ox9E5UyzNOmmrRuMUpS" alt=""><figcaption></figcaption></figure>

1-10. 자동 고급 매칭 설정 토글을 활성화 한 후 아래 이미지를 참고하여 토글을 활성화 한 후 \
오른쪽 아래 **\[계속]**&#xBC84;튼을 클릭합니다.

{% hint style="info" %}
생년월일 / 이메일 / 성별 / 전화번호 토글을 활성화 합니다.
{% endhint %}

<figure><img src="/files/W9jTo7ZbjngeAVmL92yQ" alt=""><figcaption></figcaption></figure>

1-11. 오른쪽 아래 **\[픽셀 개요로 이동]** 버튼을 클릭합니다.<br>

<figure><img src="/files/w5FoVLMzaM6RejQS0ZLp" alt=""><figcaption></figcaption></figure>

## 2. 메타 픽셀 설정하기

2-1. 생성한 픽셀을 선택한 후 \[설정] 탭의 **데이터 세트 ID**를 복사합니다. <br>

<figure><img src="/files/G9YMQ6Xzwbfx3wgvQHXL" alt=""><figcaption></figcaption></figure>

2-3. **\[관리자페이지 > 성장센터 > 메타]**&#xD398;이지에 들어갑니다.

2-4. **\[2-1과정]**&#xC5D0;서 복사한 데이터 세트 ID값을 메타 픽셀에 붙여넣습니다.<br>

<figure><img src="/files/WYE4RPjEObhXCGvtAx9F" alt=""><figcaption></figcaption></figure>

2-5. 모든 설정이 완료되었습니다.\
Meta 이벤트 관리자 페이지를 통해 전환추적이 가능합니다.