> 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="https://641624378-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fqwj5uwp8v68jk4VznncE%2Fuploads%2FWeAjkYeTSUNMIdqEbX94%2F1_%EB%8D%B0%EC%9D%B4%ED%84%B0%20%EC%86%8C%EC%8A%A4%20%EC%97%B0%EA%B2%B0.png?alt=media&amp;token=c5cd3252-29d3-4a25-aee4-dcb3c02f330b" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://641624378-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fqwj5uwp8v68jk4VznncE%2Fuploads%2FfcHKBU0BKVivuAWG5mjt%2F2_%EC%83%88%20%EB%8D%B0%EC%9D%B4%ED%84%B0%20%EC%86%8C%EC%8A%A4%20%EC%84%A0%ED%83%9D.png?alt=media&amp;token=c0d0bc84-0ffa-41a7-87c4-d3b861a679fe" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://641624378-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fqwj5uwp8v68jk4VznncE%2Fuploads%2FB2Pi8hwmlEoDIdWPxPiD%2F3_%EB%8D%B0%EC%9D%B4%ED%84%B0%20%EC%86%8C%EC%8A%A4%20%EC%9D%B4%EB%A6%84.png?alt=media&amp;token=ec2d3331-3c6f-4e0b-97ee-696f43117fcf" alt=""><figcaption></figcaption></figure>

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

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

<figure><img src="https://641624378-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fqwj5uwp8v68jk4VznncE%2Fuploads%2FrG4svEQP5kbBFTmslR2r%2F4_%EC%9B%B9%EC%82%AC%EC%9D%B4%ED%8A%B8%20URL.png?alt=media&amp;token=8220b111-d746-42c2-8b51-bfdd67074cb7" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://641624378-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fqwj5uwp8v68jk4VznncE%2Fuploads%2FbpW15C4ujQH79LLsyRFh%2F5_%EC%84%A4%EC%A0%95%EB%B0%A9%EB%B2%95.png?alt=media&amp;token=bebb8ffc-ae68-4f32-a2ee-8d2f679d1758" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://641624378-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fqwj5uwp8v68jk4VznncE%2Fuploads%2FObKN4mvLgAoF6CVU1O0i%2F%ED%94%BD%EC%85%80%20%EC%A0%84%EC%9A%A9.png?alt=media&amp;token=df79ceb2-aef3-4b35-b112-00b7fa6aebd6" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://641624378-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fqwj5uwp8v68jk4VznncE%2Fuploads%2FbilGPCegvap4oW31X4xQ%2F6_%EC%BD%94%EB%93%9C%20%EC%A7%81%EC%A0%91%20%EC%84%A4%EC%B9%98.png?alt=media&amp;token=51b43132-880f-46e4-97b3-8f6266c2d1e1" alt=""><figcaption></figcaption></figure>

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

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

<figure><img src="https://641624378-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fqwj5uwp8v68jk4VznncE%2Fuploads%2FFqsvj4cg9djCUhla0J6I%2F7_%EC%BD%94%EB%93%9C%20%EB%B3%B5%EC%82%AC.png?alt=media&amp;token=f2bea453-a268-47d1-84b6-87dce9fcfef1" alt=""><figcaption></figcaption></figure>

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

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

<figure><img src="https://641624378-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fqwj5uwp8v68jk4VznncE%2Fuploads%2F1xbSN3sNjjxHLSvbmL3C%2F8_%EA%B3%A0%EA%B8%89%20%EB%A7%A4%EC%B9%AD.png?alt=media&amp;token=2dd2d305-296f-40da-a590-659085dea3d7" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://641624378-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fqwj5uwp8v68jk4VznncE%2Fuploads%2FtYufhTFBH00CoWmqwQUO%2F9_%EA%B0%9C%EC%9A%94%EB%A1%9C%20%EC%9D%B4%EB%8F%99.png?alt=media&amp;token=3c5a37a8-8394-435f-9fd7-1a6f35dce1dd" alt=""><figcaption></figcaption></figure>

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

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

<figure><img src="https://641624378-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fqwj5uwp8v68jk4VznncE%2Fuploads%2Fa6FopKUVXysAnvgdPAtB%2F10_%EB%8D%B0%EC%9D%B4%ED%84%B0%20ID%EB%B3%B5%EC%82%AC.png?alt=media&amp;token=80102084-3226-4089-879d-1d7fed44bed9" alt=""><figcaption></figcaption></figure>

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

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

<figure><img src="https://641624378-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fqwj5uwp8v68jk4VznncE%2Fuploads%2FX8Dz1VgxT7g9prwinf4S%2F11_%EB%8D%B0%EC%9D%B4%ED%84%B0%20ID%EC%9E%85%EB%A0%A5_mk2.png?alt=media&amp;token=ba52967a-50e6-4344-ac34-871d14d459dd" alt=""><figcaption></figcaption></figure>

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