페이스북 픽셀 설치관련 부분에 대해서 안내드리겠습니다.

저희쪽에서 설명한 대로라면 그리 어렵지 않게 설치가 가능할겁니다.

<script>

    !function(f,b,e,v,n,t,s)

    {if(f.fbq)return;n=f.fbq=function(){n.callMethod?

    n.callMethod.apply(n,arguments):n.queue.push(arguments)};

    if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';

    n.queue=[];t=b.createElement(e);t.async=!0;

    t.src=v;s=b.getElementsByTagName(e)[0];

    s.parentNode.insertBefore(t,s)}(window,document,'script',

    'https://connect.facebook.net/en_US/fbevents.js');

 

    fbq('init', '픽셀 ID'); 

    fbq('track', 'PageView');

</script>

 

위의 내역은 Facebook Pixel 공통 스크립트 인데요

- 모든 페이지가 수집대상일경우

    -> 디자인 관리 > 고급 디자인 관리 > 전체화면 구성페이지에 head 영역에 위와 같이 선언을 하고 픽셀 ID값을 적용해 주세요. 

- 특정페이지 수집만 할 경우

    -> 해당 페이지 디자인 소스 수정모드에서 제일 마지막에 위와 같이 선언하고 픽셀 ID값을 적용해 주세요.

 

 

클릭, SUBMIT등 스크립트 이벤트 버튼 페이지 이동시 픽셀 삽입 방법

저희솔루션의 경우 특정 link값과 submit의 경우 변수로 지정되어 대부분 스크립트로 출력이 됩니다.

<a href="{$submit_url}">전송</a>

<button onclick="{$submit_url}">전송</button>

<a href="{$write_url}">등록</a> 

과 같은 방식으로 많이 되어있습니다.

픽셀을 사용하실려면 해당 스크립트를 분리해주셔야 합니다.

 

맞춤게시판 게시글 등록을 예로 들어보겠습니다. (예시에 사용된 픽셀은 [등록 완료] 픽셀 이벤트 입니다.)

1. 먼저 등록버튼의 스크립트를 확인하실려면 디자인페이지에서 {$submit_url}를 그냥 출력을 합니다.

 

2. 등록 페이지에서 출력된 스크립트 함수명을 복사합니다. 스크립트 함수명은 myboard_form_sa1_chk() 입니다.

3. 소스 수정창에서 별도의 함수를 작성하고 해당 함수내에 위에서 출력된 스크립트를 추가합니다.

그리고 게시글 등록함수 직전에 픽셀 이벤트를 삽입합니다.

<script>

     function fixel_write_submit(){

          fbq('track', 'CompleteRegistration');  // 픽셀 [등록완료] 이벤트

          myboard_form_sa1_chk(); // 게시글 등록 함수

     }

</script>

 

4. 등록 버튼에 있던 링크값을 별도로 생성한 함수로 변경해 줍니다.

<a href="{$write_url}">등록</a> ---->  <a href="javascript:fixel_write_submit()">등록</a>

여기까지 하면 맞춤게시판 등록시 [등록완료] 픽셀 지정이 완료됩니다.

 

 

 

상품 주문완료시 픽셀 삽입 방법

쇼핑몰 주문완료시 적용되는 픽셀 이벤트는 [구매] 입니다.

픽셀 이벤트의 요구사항은 다음과 같습니다.

fbq('track', 'Purchase', {value: 구매금액, currency: '통화코드'});

(통화코드는 구글에서 '국가별 통화코드' 라고 검색하시면 나옵니다.)

 

저희 솔루션의 경우 주문완료 페이지에서 주문한 상품 리스트가 있습니다.

만약 상품별로 픽셀 이벤트를 지정하고 싶으시다면 해당 상품의 배열에서 반복문을 이용하여 여러번 전송할 수 있습니다.

 

1. 전체 금액을 한번만 전송

- 소스 하단이나 상단부분에 총 결제금액을 전송합니다.

<script>

  fbq('track', 'Purchase', {value: {$app_price}, currency: 'KRW'});

</script>

 

2. 각 상품별로 금액 전송

- 소스 하단이나 상단부분에 아래와 같이 반복문을 이용해 상품별로 금액을 전송합니다.

- 주문완료 페이지의 상품리스트 배열 변수는 $select_goods_list 입니다.

<script>

    <!--@foreach($select_goods_list as $k => $v)-->

          fbq('track', 'Purchase', {value: {$v[t_danga_price]}, currency: 'KRW'});

    <!--@end-->

</script>

만약 구매한 상품종류가 4가지라면 4번 전송이 됩니다.

 

 

 

픽셀 이벤트 정보

제품 주문 제작 - 비즈니스 소유의 기타 앱이나 구성 도구를 활용한 제품 주문 제작입니다.

fbq('track', 'CustomizeProduct');

 

예약 - 여러분의 매장을 방문하기 위해 일정을 예약하는 행동입니다.

fbq('track', 'Schedule');

 

장바구니에 담기 - 장바구니에 상품을 추가하는 행동입니다. 웹사이트에서 장바구니에 담기 버튼을 클릭하는 경우를 예로 들 수 있습니다.

fbq('track', 'AddToCart');

 

위시리스트에 추가 - 위시리스트에 상품을 추가하는 행동입니다. 웹사이트에서 위시리스트에 추가 버튼을 클릭하는 경우를 예로 들 수 있습니다.

fbq('track', 'AddToWishlist');

 

결제 시작 - 결제 과정의 시작입니다. 결제 버튼을 클릭하는 경우를 예로 들 수 있습니다.

fbq('track', 'InitiateCheckout');

 

결제 정보 추가 - 결제 과정 중 고객 결제 정보를 추가하는 행동입니다. 고객이 청구 정보를 저장하기 위해 버튼을 클릭하는 경우를 예로 들 수 있습니다.

fbq('track', 'AddPaymentInfo');

 

구매 - 일반적으로 주문 또는 구매 확인서, 거래 영수증을 받음으로써 구매를 완료하는 행동입니다. '감사합니다' 또는 확인 페이지가 표시되는 경우를 예로 들 수 있습니다.

fbq('track', 'Purchase', {value: 0.00, currency: 'USD'});

 

등록 완료 - 비즈니스에서 제공하는 서비스와 교환하여 고객이 정보를 제출하는 행동입니다. 이메일 구독을 신청하는 경우를 예로 들 수 있습니다.

fbq('track', 'CompleteRegistration');

 

연락하기 - 전화, SMS, 이메일, 채팅을 비롯한 수단으로 고객과 비즈니스가 연락을 취하는 행동입니다.

fbq('track', 'Contact');

 

기부 - 여러분의 단체 또는 조직에 대한 기부입니다.

fbq('track', 'Donate');

 

위치 찾기 - 고객이 방문 목적을 가지고 웹에서 매장 위치를 찾는 행동입니다. 제품을 검색한 후 가까운 매장에서 해당 제품을 구하는 경우를 예로 들 수 있습니다.

fbq('track', 'FindLocation');

 

Lead - 고객이 나중에 여러분의 비즈니스에서 연락할 수 있음을 이해하고 정보를 제출하는 행동입니다. 양식을 제출하거나 체험판 사용을 위해 등록하는 경우를 예로 들 수 있습니다.

fbq('track', 'Lead');

 

검색 - 웹사이트, 앱 또는 다른 자산에서 검색을 수행하는 행동입니다. 제품 또는 여행 상품을 검색하는 경우를 예로 들 수 있습니다.

fbq('track', 'Search');

 

체험판 시작 - 여러분이 제공하는 제품 또는 서비스에 대한 무료 체험을 시작하는 행동입니다. 체험판 구독을 예로 들 수 있습니다.

fbq('track', 'StartTrial', {value: '0.00', currency: 'USD', predicted_ltv: '0.00'});

 

요청 제출 - 여러분이 제공하는 제품, 서비스 또는 프로그램에 대한 요청을 제출하는 행동입니다. 신용카드, 교육 프로그램 또는 일자리를 예로 들 수 있습니다.

fbq('track', 'SubmitApplication');

 

구독 - 여러분이 제공하는 제품 또는 서비스에 대한 유료 구독을 시작하는 행동입니다.

fbq('track', 'Subscribe', {value: '0.00', currency: 'USD', predicted_ltv: '0.00'});

 

콘텐츠 조회 - 관심 있는 웹페이지에 방문합니다. 예를 들어, 제품 또는 랜딩 페이지가 있습니다. 콘텐츠 조회는 누군가가 웹페이지에서 보고 수행하는 작업이 아니라 웹페이지의 URL을 누가 방문하는지 표시하거나

알려줍니다.

fbq('track', 'ViewContent');