Facebook remarketing pixel i Prestashop

0

I forbindelse med implementering af pixel på dressyou.dk, har taget mig noget tid at få gang i remarketing kampagnerne på facebook, ikke så meget fordi pixel implementeringen I prestashop var en udfordring, men fordi jeg synes deres kampagne håndtering er rigtig dårlig. Den sidste del må du selv finde ud af, for det her kommer til at være en guide til implementering af pixelen i Prestashop.

Inden vi starter, så skal jeg måske lige sige at det kræver noget teknisk snilde at komme i gang, vi skal nemlig ind og rode i tema koden i Prestashop, så måske det også var en god ide at starte med en backup. Hvis du slet ikke er til gøre det selv, så ved jeg at der findes et modul til det på addons.prestashop.com

Vi kommer til at arbejde i følgende filer:

/themes/dit_tema/header.tpl
/themes/dit_tema/search.tpl
/modules/affiliatetracking/affiliatetracking,tpl (Kan downloades gratis)
/themes/dit_tema/js/modules/blockcart/ajax-cart.js
/themes/dit_tema/js/product.js

Den første fil vi retter i er header.tpl, det er her vi skal lægge den kode ind som går Igen på alle siderne, det er altså her selvpixelen indlæses. Det gøres ved at tilføje følgende lige før </head> tagget:

{literal}
<!– 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’, ‘XXXXXXXXXXXX’); // 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=XXXXXXXXXXXX&ev=PageView&noscript=1″/></noscript>
{/literal}

Det er rigtig vigtigt at få de omkring liggende {literal}{/literal} med, eller kan det ende med at siden ikke vises i browseren pga. fejl i template motoren. Det er en gennemgående ting med alle rettelserne. Bemærk at i fbq(‘init’, ‘XXXXXXXXXXXX’); der skal X’erne erstattes af dit pixel ID.

Det var den gennemgående tracking installation, nu skal vi så tilføje nogen events, så facebook ved hvad brugerne lave på dit site, og dermed nemmere kan vise de rigtige og mest relevante reklamer til dem.

I search.tpl skal vi have tilføjet et search event, det gøres ved et sted i filen at tilføje:

{literal}
<script>
var search_query = ‘{$search_query}’;
{literal}
fbq(‘track’, ‘Search’, {
search_string: search_query
});
</script>
{/literal}

Det næste skridt er at få registreret når kunderne ser et produkt, udfordringen her er rigtig stort, fordi produktsiderne kan tilbyde flere varianter, og varianterne vælges med javascript. Derfor kan vi ikke længere bare tilføje noget i tpl filen, men skal altså finde den fil der viser varianterne. Det sker i product.js, hvor du skal finde den her stump kode:

if (combination)
{
if (combination[‘minimal_quantity’] > 1)
{
$(‘#minimal_quantity_label’).html(combination[‘minimal_quantity’]);
$(‘#minimal_quantity_wanted_p’).fadeIn();
$(‘#quantity_wanted’).val(combination[‘minimal_quantity’]);
$(‘#quantity_wanted’).bind(‘keyup’, function() {checkMinimalQuantity(combination[‘minimal_quantity’]);
});
}

Og lige under den tilføje:

fbq(‘track’, ‘ViewContent’, {
content_ids: [‘DITFEEDNAVN’+$(‘#product_page_product_id’).val()+’v’+combination[‘idCombination’]],
content_type: ‘product’,
value: $(‘[itemprop=”price”]’).attr(‘content’),
currency: ‘DKK’
});

Og svære er det så heller ikke, man skal bare lige vide at det altså ligger i kombinationsvalget, og ikke alene på product siden.

En standard Prestashop kommer med ajax add to cart, det betyder egentlig bare at alle knapper i tema’et er overskrevet og så er der langt en ny funktion indover dem. Det betyder dog for vores håndtering at vis vi tilføje noget i den funktion der håndtere det. Det er i ajax-cart.js hvor man skal finde add : function… og lige efter den linje tilføje:

fbq(‘track’, ‘AddToCart’, {
content_ids: [‘DITFEEDNAVN’+idProduct+’v’+idCombination],
content_type: ‘product’,
value: $(‘[itemprop=”price”]’).attr(‘content’),
currency: ‘DKK’
});

Så mangler vi bare den sidste detaljer, men også en af de vigtigste. Det er nemlig den der gør, at dine reklamer holder op med at blive vidst til kunder der gennemfører et køb af de produkter som de har kigget på. Til det formål bruger jeg affiliatetracking modul, som er helt gratis og kan hentes her.

Du skal åbne filen affiliatetracking.tpl, hvis du ikke i forvejen bruger modulet, så skal du fjerne det indhold der er i filen og derefter tilføje:

{literal}
fbq(‘track’, ‘Purchase’, {value: google_conversion_value, currency:’DKK’});
{/literal}

Og så er det hele på plads, så er det faktisk bare at læne sig tilbage og nyde den nye indtægt, når du altså har opsat remarketing kampagnerne hos facebook.

Artiklen er skrevet af Tim Petersson som driver spumanti.dk, som er et site om låne mulighederne i Danmark

Share.
Loading Facebook Comments ...

Leave A Reply