Facebook Business: Marketing op Facebook [NB]

Facebook Business

Facebook Business is een mogelijkheid om te adverteren op Facebook. Om te kunnen adverteren op Facebook is het nodig om je aan te melden op Facebook Business

Wat is een Facebook Pixel?

De Facebook-pixel is een stukje JavaScript-code voor je website waarmee je doelgroepen voor je advertentiecampagnes kunt meten, optimaliseren en ontwikkelen. Met de Facebook-pixel kun je de acties die bezoekers vanaf verschillende apparaten op je website uitvoeren, gebruiken om effectievere Facebook-advertentiecampagnes te maken. Met de Facebook-pixel kun je:

  • Conversies meten op meerdere apparaten: zie hoe je klanten meerdere apparaten gebruiken voordat zij een conversieactie uitvoeren.
  • De weergave optimaliseren voor bezoekers die waarschijnlijk een actie zullen uitvoeren: zorg ervoor dat je advertenties worden bekeken door mensen die het meest waarschijnlijk de door jou gewenste actie zullen uitvoeren, zoals een aankoop doen of een formulier invullen.
  • Automatisch doelgroepen instellen voor websitebezoekers die je wilt retargeten: maak aangepaste doelgroepen voor mensen die specifieke acties uitvoeren op je website, zoals een productpagina bezoeken, een product aan het winkelwagentje toevoegen of het kopen van een product.
  • Vergelijkbare doelgroepen maken. Vind meer mensen vergelijkbaar met je beste klanten.
  • Dynamische productadvertenties weergeven. Maak relevante en actuele advertenties op Facebook aan de hand van de producten die mensen op je website of in je app hebben bezocht.
  • Toegang tot doelgroepstatistieken. Ontvang waardevolle statistieken over de mensen die je website hebben bezocht

In dit artikel leggen we uit hoe je een Facebook-pixel maakt, de basiscode hiervan aan je website toevoegt, de gebeurteniscode hiervan aan je website toevoegt en de conversies definieert.

 De Facebook-pixelcode bestaat uit twee hoofdonderdelen:

De pixelbasiscode houdt de activiteit op je website bij en verschaft een basis om specifieke gebeurtenissen te meten. De basiscode moet op elke pagina van je website worden geplaatst. Dit kun je in de backoffice doen door deze via de optie 'web extras > Javascript' te plaatsen. 

Een Facebook (basis)pixel aanmaken

  1. Ga naar het tabblad Facebook-pixel in Advertentiebeheer.
  2. Klik op 'Een pixel maken.'



  3. Voer een naam in voor je pixel. Er is slechts één pixel per advertentieaccount, dus kies een naam die aansluit op je bedrijf.


     Je kunt de naam van de pixel later wijzigen via het tabblad Facebook-pixel.

  4. Schakel het selectievakje in om de voorwaarden te accepteren en klik op 'Volgende'.
  5. Kies voor de optie 'De code kopiëren en plakken'


  6. Klik op de code om deze automatisch te kopiëren naar je klembord.



  7. Ga naar de Backoffice van je webwinkel en plak de gekopieerde Facebook pixel in Instellingen > Web Extra's > Javascript. Zet de status van dit veld via de schakelaar erboven op actief, en sla de pagina op.

 

Klaar! nu de code is geplaatst kun je gebruik maken van de Facebook Pixel Helper om te controleren of alles goed werkt.

 

Facebook gebeurtenissen

Gebeurtenissen zijn acties die worden uitgevoerd op je website naar aanleiding van je Facebook-advertenties (betaald) of organisch bereik (niet-betaald). De gebeurtenissen code stelt je in staat die acties bij te houden en te gebruiken bij het adverteren.

Voor het het gebruik van de gebeurtenissen in plaats van de basis pixel is de template editor noodzakelijk. Dit omdat er verschillende plekken code moet worden opgeroepen/geplaatst. Mocht gebruik van de template editor geen bezwaar zijn dan raden wij je aan om contact op te nemen met een van onze partners voor begeleiding bij het instellen en aanpassen van deze code.

Ecom Support levert geen ondersteuning op het instellen of aanpassen van eigen gebeurtenissen pixels.

1. Klik op Design
2. Klik op Theme editor
- Waarschuwing: voor aanpassingen in de theme editor dient u kennis te hebben van html/css. Zodra de theme editor geactiveerd wordt, zullen er geen updates van het thema meer komen.

3. Klik op "Maak een nieuwe snippet"
4. Geef snippet de volgende naam "facebookpixel" (kleine letters, zonder spatie)

PastedGraphic-1.png
5. Klik op opslaan
6. Kopieer onderstaande code in het nieuwe snippet
7. Vervang FACEBOOK_ID met je facebook ID,
- let op dat je geen spatie voor en / of achter je Facebook Id hebt.

PastedGraphic-4.png

8. Sla de snippet op
9. Klik op custom.rain
10. Zoek de </head> tag in de html
11. Zet de cursor voor </head> en druk op enter

PastedGraphic-2.png

12. Voeg dit toe: {% include 'snippets/facebookpixel.rain' %}
13. Sla custom.rain op
14. Klik op fixed.rain
15. Zoek de </head> tag in de html
16. Zet de cursor voor </head> en druk op enter

PastedGraphic-3.png

17. Voeg dit toe: {% include 'snippets/facebookpixel.rain' %}
18. Sla fixed.rain op

Voorbeeld Facebook gebeurtenissen pixel

Onderstaand een voorbeeld van een gebeurtenissen pixel welke de zoekfunctie en aankopen bijhoudt. Deze dient (met een eigen uniek ID) geplaatst te worden in de custom.rain en fixed.rain direct boven de </head> tag. Implementatie en gebruik van onderstaande code is geheel op eigen risico. 

<!-- Facebook Pixel Code -->

{% set facebookPixelId = "FACEBOOK_ID" %}

<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');
{% if page.account %}
fbq('init', '
{{ facebookPixelId }}', {
em: '{{ page.account.email }}',
fn: '{{ page.account.firstname }}',
});
{% else %}
fbq('init', '
{{ facebookPixelId }}');
{% endif %}

fbq('track', 'PageView');

{% if template == 'pages/product.rain' %}
fbq('track', 'ViewContent', {
content_type: 'product',
content_ids: ['{{ product.id }}'],
value: '{{ product.price.price | money_without_currency | replace(',','.') }}',
currency: '{{ shop.currency | upper }}'
});
{% endif %}

{% if page.search %}
fbq('track', 'Search', {
search_string: '{{ page.search }}',
content_category: 'Product Search',
content_type: 'product',
content_ids: [{% for product in collection.products %}'{{ product.id }}'{% if not loop.last %}, {% endif %}{% endfor %}]
});
{% endif %}

{% if checkout and not page.messages.error %}

{% set sum = 0 %}

{% for product in page.cart.products %}
{% set sum = sum + product.quantity %}
{% endfor %}

fbq('track', 'InitiateCheckout', {
content_ids: [{% for product in page.cart.products %}'{{ product.id }}'{% if not loop.last %}, {% endif %}{% endfor %}],
content_type: 'product',
num_items: '{{ sum | round(0) }}',
value: '{{ page.cart.total.price | money_without_currency | replace(',','.') }}',
currency: '{{ shop.currency | upper }}'
});

{% endif %}

{% if template == 'pages/thankyou.rain' %}

{% set sum2 = 0 %}
{% for product in order.products %}
{% set sum2 = sum2 + product.quantity %}
{% endfor %}

fbq('track', 'Purchase', {
value: '{{ order.information.price_incl | money_without_currency | replace(',','.') }}',
currency: '{{ shop.currency | upper }}' ,
order_id: '{{ order.information.number }}',
content_ids: [{% for product in order.products %}'{{ product.product_id }}'{% if not loop.last %}, {% endif %}{% endfor %}],
content_type: 'product',
num_items: '{{ sum2 | round(0) }}'
});

{% endif %}
</script>
<noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id={{ facebookPixelId }}&ev=PageView&noscript=1" /></noscript>
<!-- DO NOT MODIFY -->
<!-- End Facebook Pixel Code -->    
Let op! Vervang de FACEBOOK_ID met de Pixel-ID verstrekt door Facebook.
Hebt u meer vragen? Een aanvraag indienen