Jak możemy Ci pomóc?

Piksel Facebooka


Zainstalowanie piksela facebook’a to trzy proste kroki:


Dodanie kodu w sekcji head

Pierwszym krokiem jest dodanie odpowiedniego kodu do sekcji head.
Przejdź do Ustawienia > Konwersja i Śledzenie > 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, w tej samej sekcji 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 > Konwersja i Śledzenie > 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
shoplo-facebook-edytor.png
Komunikat, który zobaczysz dotyczy nie dotyczy zmian wprowadzanych na podstawie instrukcji znajdujących się w naszym Centrum Pomocy. Kliknij “Ok” 🙂
Z lewego menu wybierz Snippets > Dodaj snippet > nazwij go facebook
shoplo-facebook-snippet.png
Przejdź do tego pliku i wklej następujący kod:


{if $template == 'product'}
<script>
{literal}
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}'
});
$('button[name="addToCard"]').on('click', function(e){
var $this = $(this).parents('form');
e.preventDefault();
let trackPrice = parseFloat($this.find('.shb-new-price span').text());
fbq('track', 'AddToCart', {
content_type: 'product',
content_ids: $this.find('input[name="id"]').eq(0).data('sku'),
value: trackPrice,
currency: '{/literal}{$shop->currency}{literal}'
})
});
{/literal}
</script>
{/if}
{if $template == 'category' || $template == 'collection' || $template == 'vendor' || $template == 'search'}
<script>
{literal}
$('.shb-product-list-item button').on('click', function(e){
var $this = $(this).prev('input');
e.preventDefault();
fbq('track', 'AddToCart', {
content_type: 'product',
content_ids: $this.data('sku'),
value: parseFloat($this.data('price')),
currency: '{/literal}{$shop->currency}{literal}'
});
});
{/literal}
</script>
{/if}
{if $template == 'cart'}
<script>
{literal}
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}'
});
{/literal}
</script>
{/if}
{if $template == 'search'}
<script>
fbq('track', 'Search');
</script>
{/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() {
$('.shb-newsletter-form button[type="submit"]').click(function() {
document.cookie = "newsletterSubmit=newsletter";
});
});
</script>

Następnie otwórz w edytorze HTML > Szablon główny > base.tpl i przed zamknięciem </body> dodaj kod:

{snippet file="facebook"}

Zapisz zmiany

Czy artykuł był pomocny?

Nie znalazłeś tego, co szukasz?

Skontaktuj się z nami
Team