В этой статье мы рассмотрим, как правильно установить пиксель Facebook на сайт.
На странице пикселя мы должны получить сам код пикселя или же выслать его на почту. Выглядеть он должен так:
<!-- Facebook Pixel Code -->
<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', '77777777777');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=77777777777&ev=PageView&noscript=1"/></noscript>
<!-- End Facebook Pixel Code -->
Где «77777777777» Id вашего пикселя.
Установить код пикселя нужно вверху сайта перед закрывающимся тегом </html>.
Важно! Для отслеживания конверсий пиксель надо еще установить на страницу благодарности. Код нужно вставить такой же, только перед <script> надо добавить такую строку «fbq(‘track’, ‘Lead’);«. Тогда код будет так выглядеть:
<!-- Facebook Pixel Code -->
<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', '77777777777');
fbq('track', 'PageView');
fbq('track', 'Lead');
</script>
<noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=77777777777&ev=PageView&noscript=1"/></noscript>
<!-- End Facebook Pixel Code -->
Ну и вставляем его также перед закрывающимся тегом </html>.
Проверить работу пикселя можно с помощью расширения для Google Chrome Facebook Pixel Helper
