AI Studio: Facebook Pixel toevoegen aan een AI Studio website

Draai je advertenties op Facebook of Instagram naar een website die je met AI Studio hebt gebouwd? Dan wil je de Facebook Pixel op die site installeren, zodat Meta kan meten wie je pagina bezoekt en wie een formulier invult. In AI Studio werkt dat anders dan bij een normale funnel of website: er is geen instellingenveld voor tracking codes. Je vraagt het aan de AI-agent via een prompt. Dit artikel beschrijft twee manieren en helpt je kiezen.

Wat je nodig hebt

  • Je Facebook Pixel code. Die vind je in Meta Events Manager onder "Data Sources" (Gegevensbronnen), bij je Pixel onder "Set up" (Instellen) → "Install code manually" (Code handmatig installeren).
  • Kies je voor manier 2: een Google Tag Manager account met een container voor je website. Google Tag Manager is gratis.

Manier 1: de Pixel code rechtstreeks laten plaatsen

Dit is de snelste route als je alleen de Facebook Pixel nodig hebt.

  1. Kopieer de volledige Pixel code uit Meta Events Manager (het hele script, van <script>  tot en met </noscript> ).
  2. Open je website in AI Studio en start een gesprek met de agent.
  3. Geef een prompt zoals deze, met je eigen code eronder geplakt:

Installeer deze Facebook Pixel code in de head van alle pagina's van mijn website, zodat de pixel op elke pagina laadt:

[hier je Pixel code]

  1. Laat de agent de wijziging doorvoeren, sla op en publiceer je site.

De standaard Pixel code stuurt automatisch een PageView event op elke pagina. Voor advertenties wil je daarnaast een Lead event op je bedankpagina, zodat Meta weet welke bezoekers echt een formulier hebben ingevuld. Daar kan je campagne op optimaliseren. Vraag de agent bijvoorbeeld:

Voeg op de bedankpagina een Facebook Pixel event toe met fbq('track', 'Lead'), direct na de standaard Pixel code.

Heb je nog geen bedankpagina? Vraag de agent er dan een te maken en stuur je formulier daarnaartoe door. Zonder aparte bedankpagina kan Meta lastig onderscheid maken tussen bezoekers en leads.

Manier 2: Google Tag Manager laten plaatsen

Bij deze manier plaats je één keer de Google Tag Manager (GTM) code op je site. Daarna beheer je alle tracking codes, waaronder je Facebook Pixel, in GTM zelf. Je hoeft de AI-agent dan nooit meer te prompten voor tracking: nieuwe pixels of scripts voeg je toe in GTM en die staan direct live op je site.

  1. Maak in Google Tag Manager een container aan voor je website (type: Web). Je krijgt twee codeblokken: één voor de head en één voor de body.
  2. Open je website in AI Studio en geef de agent een prompt zoals:

Maak een apart JavaScript-bestand aan voor tracking codes en zorg dat dit op alle pagina's wordt geladen. Plaats daarin deze Google Tag Manager code:

[hier je GTM head code]

Plaats daarnaast dit noscript-blok direct na de opening van de body op alle pagina's:

[hier je GTM body code]

  1. Sla op en publiceer.
  2. Ga naar Google Tag Manager en maak daar een tag aan voor je Facebook Pixel. Kies als trigger "All Pages" voor de basis-Pixel, en een aparte tag met een trigger op de URL van je bedankpagina voor het Lead event.

Welke manier kies je?

Kies manier 1 als: je alleen de Facebook Pixel nodig hebt en verder geen tracking gebruikt. Je bent er sneller mee klaar en je hebt geen extra tool nodig.

Kies manier 2 als: je meerdere tracking codes gebruikt of verwacht te gaan gebruiken (bijvoorbeeld ook Google Analytics 4 of een LinkedIn tag). Elke wijziging bij manier 1 betekent opnieuw prompten in AI Studio, opslaan en publiceren. Bij manier 2 doe je die stap één keer en regel je daarna alles in GTM. Je bepaalt daar ook per code wanneer die wel of niet afgaat, via triggers.

Controleer of je Pixel werkt

Installeer de gratis Chrome extensie "Meta Pixel Helper". Open daarna je gepubliceerde website in Chrome. De extensie laat zien welke Pixel events op de pagina afgaan. Controleer:

  • Op je landingspagina: het PageView event (en eventueel ViewContent).
  • Op je bedankpagina: het Lead event.

Doe deze check voordat je advertenties live zet. Een pixel die niet of dubbel vuurt, verpest de data waar je campagne op stuurt.

Belangrijk om te weten

  • Gebruik je naast de Pixel ook de Conversions API (bijvoorbeeld via een workflow in Voluit Suite)? Dan meet Meta dezelfde lead twee keer: één keer via de browser en één keer via de server. Meta ontdubbelt dit alleen als beide events hetzelfde event ID meesturen. Stuurt je Pixel wel een event ID en je Conversions API niet (of andersom), dan zie je dubbele leads in je statistieken. Zorg dus dat beide kanten exact hetzelfde event ID gebruiken.
  • De AI-agent voert prompts niet altijd op dezelfde manier uit. Controleer na het publiceren altijd met de Meta Pixel Helper of de code echt op alle pagina's staat.

Veelgestelde vragen

V: Kan ik de Pixel code niet gewoon in een instellingenveld plakken, zoals bij een funnel?

Antwoord: Nee. Websites die je buiten AI Studio bouwt hebben velden voor de Meta Pixel, maar AI Studio werkt via de agent. Je geeft de code dus via een prompt door.

V: Mijn leads verschijnen dubbel in Meta. Hoe komt dat?

Antwoord: Waarschijnlijk gebruik je zowel de Pixel als de Conversions API, zonder gedeeld event ID. Meta ziet dan twee losse leads in plaats van één. Zie het blok "Belangrijk om te weten" hierboven.

V: Werkt Google Analytics 4 op dezelfde manier?

Antwoord: Ja. Alles wat in dit artikel staat geldt ook voor GA4-code of andere tracking scripts. Bij manier 2 voeg je GA4 toe als extra tag in Google Tag Manager, zonder iets aan je website te wijzigen.

Heeft dit je vraag beantwoord? Bedankt voor de feedback! Er was een probleem bij het versturen van je feedback. Probeer later nog eens.