Installera Meta Pixel och Conversions API

01Vad är Meta Pixel och varför behövs den?

Meta Pixel (tidigare Facebook-pixeln) är en JavaScript-kod som läggs till på din webbplats och rapporterar besökarnas handlingar till Meta. Så ser du vilken försäljning, vilket formulär eller vilket medlemskap dina Facebook- och Instagram-annonser har gett.

Pixelns verkliga styrka ligger bortom mätningen. Metas annonssystem lär sig av händelser som köp och visar annonsen för personer som med stor sannolikhet konverterar. Anpassade målgrupper för att nå personer som besökt din webbplats eller tittat på produkter skapas också med pixeldata.

Webbläsarbaserad mätning kan missa vissa händelser på grund av annonsblockerare, webbläsarens sekretessinställningar och avbrutna anslutningar. För att täppa till det gapet används pixeln tillsammans med Conversions API, som skickar från servern.

02Förberedelser före installationen

Skapa pixeln och annonskontot i företagets eget konto; ge byrån bara delad åtkomst. Då stannar insamlad mätdata och målgrupper hos företaget även om samarbetet ändras. Meta Pixel ersätter inte GA4; för att använda båda tillsammans, titta även på vår guide installera Google Analytics 4.

• Ett Meta-företagskonto (Business Manager) och ett annonskonto som tillhör företaget
• Behörighet till webbplatsen eller taghanteraren
• En lista över de händelser du vill mäta: produktvisning, lägg i varukorg, påbörjad betalning, köp, formulärinskick
• Uppgift om huruvida din cookiebanner kopplar mätkoderna till samtycke

03Skapa pixeln och baskoden

Öppna Meta Events Manager, välj Webb i steget Anslut datakällor och ge pixeln ett namn. Därefter väljer du installationsmetod: lägga till koden manuellt, använda en partnerintegration eller installera via Google Tag Manager.

Vid manuell installation lägger du till baskoden från Meta i head på varje sida. Koden skickar händelsen PageView varje gång sidan laddas. I exemplet nedan ska PIXEL_ID ersättas med ditt eget pixel-ID; kopiera alltid koden från Events Manager.

<!-- Meta 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', 'PIXEL_ID');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=PIXEL_ID&ev=PageView&noscript=1"
/></noscript>
<!-- End Meta Pixel Code -->

Med Google Tag Manager

Använder du GTM kan du lägga till baskoden med en Custom HTML-tagg och köra den på alla sidor. Att koppla händelserna till data layer-utlösare gör mätningen tåligare mot designändringar; detaljer finns i vår artikel installera Google Tag Manager.

Från plattformens adminpanel

Vissa plattformar stöder att hämta pixel-ID från panelen och skicka händelserna själva. I Auroras e-handelsplattform kopplar Meta-anslutningen produktkatalogen och mäter konverteringar utan dubbelräkning; koderna läggs till från panelen.

04Standardhändelser och parametrar

Genom att använda de standardhändelsenamn som Meta definierat fungerar annonsoptimeringen och rapporterna av sig själva. Vid köphändelsen är belopp och valuta obligatoriska; produkt-ID:n hjälper katalogannonser att visa rätt produkt.

fbq('track', 'AddToCart', {
  content_ids: ['URN-12'],
  content_type: 'product',
  value: 1499.90,
  currency: 'TRY'
});

// Köp: eventID behövs för deduplicering
fbq('track', 'Purchase', {
  value: 1499.90,
  currency: 'TRY',
  content_ids: ['URN-12'],
  content_type: 'product'
}, { eventID: 'SIP-10045' });

05Installera Conversions API

Conversions API skickar händelser till Meta direkt från din server i stället för från besökarens webbläsare. Det påverkas inte av annonsblockerare och förmedlar bekräftad data, som beställningar, från källan. Meta rekommenderar att pixeln och API:et används tillsammans för bästa resultat.

För installationen skapar du en åtkomsttoken (access token) på pixelns inställningsflik i Events Manager. Den token är ett lösenord: spara den bara på servern och lägg den aldrig i webbläsarkoden eller i ett offentligt arkiv. Därefter skickar din server en förfrågan till Graph API:s events-endpoint vid varje viktig händelse.

För små webbplatser utan egen server finns även alternativ som kräver mindre kod, som Metas partnerintegrationer och Conversions API Gateway. I ett projekt med design av landningssidor som tar emot annonstrafik är det säkrast att verifiera pixel- och API-installationen i en testmiljö innan sidan publiceras; då förlorar du ingen data från kampanjens första dag.

• event_time är händelsens Unix-tidsstämpel (i sekunder) och ska visa när händelsen inträffade.
• Personuppgifter som e-post och telefon skickas hashade med SHA-256; formatera först telefonnumret med landskod och enbart siffror.
• Kontrollera versionsnumret för Graph API i Metas utvecklardokumentation; äldre versioner fasas ut med tiden.

curl -X POST "https://graph.facebook.com/v<SURUM>/<PIXEL_ID>/events?access_token=<TOKEN>" \
  -H "Content-Type: application/json" \
  -d '{
    "data": [{
      "event_name": "Purchase",
      "event_time": 1767225600,
      "event_id": "SIP-10045",
      "action_source": "website",
      "event_source_url": "https://ornek.com/tesekkurler/",
      "user_data": {
        "em": ["<SHA256_ILE_KARMALANMIS_EPOSTA>"],
        "client_ip_address": "203.0.113.10",
        "client_user_agent": "Mozilla/5.0 ...",
        "fbp": "fb.1.1767225000000.1234567890"
      },
      "custom_data": { "value": 1499.90, "currency": "TRY" }
    }],
    "test_event_code": "TEST12345"
  }'

printf '%s' 'ornek@alanadi.com' | sha256sum

06Deduplicering: varför räknas händelser två gånger?

När samma köp skickas både från pixeln och från API:et måste Meta förstå att det är en och samma händelse. Det kallas deduplicering och bygger på två villkor: att händelsenamnet och händelse-ID:t är exakt identiska i de två källorna.

Notera att i exemplen ovan skrivs samma ordernummer i fältet eventID på webbläsarsidan och i fältet event_id på serversidan. Utan den matchningen syns försäljningen dubbelt i rapporterna och annonssystemet lär sig av felaktig data.

Du kan se att dedupliceringen fungerar i händelsedetaljerna i Events Manager: samma händelse listas som mottagen från både webbläsar- och serverkälla och som deduplicerad. En liten tidsskillnad mellan de två källorna är inget problem.

07Testa och verifiera händelser

Fliken Testa händelser i Events Manager visar händelser i realtid. För att se webbläsarhändelser anger du webbplatsens adress och agerar i fönstret som öppnas; för serverhändelser lägger du till testkoden som visas på skärmen i fältet test_event_code i din förfrågan, och tar bort fältet när du går live.

Webbläsartillägget Meta Pixel Helper visar också vilken händelse som körs på vilken sida och med vilka parametrar. Några dagar efter installationen bör du titta på poängen för matchningskvalitet för händelser i Events Manager; är poängen låg kan du behöva lägga till mer hashad kundinformation i serverhändelserna.

08Integritet och samtycke

Pixeln och Conversions API behandlar personuppgifter. Annonsmätningskoder bör inte köras innan besökaren gett sitt samtycke, de data som skickas ska beskrivas i din integritetspolicy och bara nödvändig information ska delas. För känsliga kategorier som hälsa gäller dessutom ytterligare begränsningar från Meta.

Den här artikeln ger allmän information. Kontrollera ditt samtyckesflöde för cookies, din integritetspolicy och överföring av data till utlandet mot gällande KVKK (turkisk dataskyddslag, jämförbar med GDPR) och med din juridiska rådgivare. Vill du veta vilka mätvärden du ska läsa annonsresultat med är vår artikel om mätvärden för sociala medier en bra start.