Piksel Facebooka

Zainstalowanie piksela facebook’a to trzy proste kroki:

Dodanie kodu w sekcji head
Dodanie kodu na stronie z podziękowaniem za zamówienie
Dodanie odpowiedniego pliku do szablonu

Dodanie kodu w sekcji head

Pierwszym krokiem jest dodanie odpowiedniego kodu do sekcji head.

Przejdź do Ustawienia > Ogólne > Dodatkowy kod w sekcji Head

W tym miejscu wklej wygenerowany kod od Facebook’a. Powinien wyglądać w następujący sposób:

<!– 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', 'Twoj-pixel-ID'); // Insert your pixel ID here. fbq('track', 'PageView'); </script> <noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=twoj-pixel-id&ev=PageView&noscript=1" /></noscript>
<!– DO NOT MODIFY –>
<!– End Facebook Pixel Code –>

Zaraz pod nim dodaj kolejny krótki kod:

<script> $( document ).ready(function() { if($('body.checkout').length > 0) { fbq('track', 'InitiateCheckout'); } }); </script>

Pamiętaj, że Twój-pixel-ID powinieneś podmienić na ID Twojego piksela. Wygenerowany kod powinien mieć go domyślnie podstawionego.

Dodanie kodu na stronie z podziękowaniem za zamówienie

Przejdź do Ustawienia > Zamówień > sekcja Skrypty i kody konwersji na stronie z podziękowaniem za zamówienie

Wklej następujący kod:

<script> fbq('track', 'AddPaymentInfo'); fbq('track', 'Purchase', { content_type: 'product', content_ids: [{/literal}{foreach from=$items item=i name=item_list}"{$i->sku}"{if !$smarty.foreach.item_list.last},{/if}{/foreach}{literal}], value: {sum}, currency: '{/literal}{$shop->currency}{literal}' }); </script>

Dodanie odpowiedniego pliku do szablonu

Przejdź do Wygląd sklepu > trzy kropki > edytor HTML

Z lewego menu wybierz Snippets > Dodaj snippet > nazwij go facebook

Przejdź do tego pliku i wklej następujący kod:

{if $template == 'product'}

{literal} <script> fbq('track', 'ViewContent', { content_type: 'product', content_ids: ['{/literal}{$product->variants[0]->sku}{literal}'], value: {/literal}{$product->variants[0]->price|money_without_currency}{literal}, currency: '{/literal}{$shop->currency}{literal}' }); </script> {/literal} {/if} {if $template == 'cart'} {literal} <script> fbq('track', 'AddToCart', { content_type: 'product', content_ids: [{/literal}{foreach from=$cart->items item=i name=item_list}"{$i->variant->sku}"{if !$smarty.foreach.item_list.last},{/if}{/foreach}{literal}], value: {/literal}{$cart->total_price|money_without_currency}{literal}, currency: '{/literal}{$shop->currency}{literal}' }); </script> {/literal} {/if}


{if isset($smarty.cookies.newsletterSubmit)}

<script>

fbq('track', 'Lead');

document.cookie = 'newsletterSubmit=;expires=Thu, 01 Jan 1970 00:00:01 GMT;';

</script>

{/if}

<script>

$(document).ready(function() {

$('.newsletter-form button[type="submit"]').click(function() {

document.cookie = "newsletterSubmit=newsletter";

});

});
</script>