Klantgebeurtenissen zijn belangrijke acties die worden uitgevoerd door uw publiek en inzicht geven in hoe zij interageren met uw bedrijf via verschillende punten van betrokkenheid. Dit omvat het doen van betalingen, het initiëren van een verkoop, wat een cruciaal interactiepunt is. Geïntegreerde diensten van derden verbeteren uw marketingautomatisering en analyses door gebruik te maken van klantgegevens gegenereerd door pixels.

Een beter begrip van dit gedrag kan uw verkoopstrategie aanzienlijk verbeteren door gegevens te verstrekken om uw marketingautomatisering, analyses en doelgroeptargeting te verfijnen. Geïntegreerde diensten van derden kunnen gebruikmaken van deze klantgebeurtenisgegevens, ook wel logboek genoemd, gegenereerd door pixels om uw verkoopaanpak te optimaliseren.

Deze blog zal ontwikkelaars van merken helpen begrijpen hoe ze deze pixels aan uw Shopify-account kunnen toevoegen en beheren. Nou, laten we proberen te beginnen met de basis, zullen we?

Wat zijn pixels?

Van een introductie van wat pixels zijn, tot het maken van aangepaste pixels voor uw B2B-publiek, en het zorgen voor een succesvolle implementatie in uw winkel via verschillende kanalen, deze gids behandelt alle facetten die u moet weten om klantinteracties effectief te beheren binnen uw Shopify-community. U kunt pixels beheren die klantgebeurtenissen bijhouden met de Shopify Pixelbeheerder.

De Shopify-pixelbeheerder stelt u in staat om pixels toe te voegen en te beheren om klantgebeurtenissen bij te houden. Klantgebeurtenissen zijn acties die plaatsvinden in de browser van de klant, zoals het klikken op een link of het toevoegen van een item aan een winkelwagentje.

Het gedeelte Klantgebeurtenissen van uw Shopify-beheer is waar experts pixels kunnen toevoegen en beheren.

Pixels kunnen op twee manieren aan uw online winkel worden toegevoegd of gemigreerd: app-pixels, geïnstalleerd door marketing- en gegevensverzamelings-apps, en aangepaste pixels die een ontwikkelaar handmatig kan toevoegen via de pixelbeheerder in uw account.

Voorheen konden handelaren JavaScript-snippets toevoegen aan hun online winkel. Dit kon in online voorkeuren, afrekeningscripts en apps. Meestal werden deze scripts niet gecontroleerd op kwaliteit en kostte het veel tijd om ze te beheren. Met de pixelbeheerder worden uw scripts bewaard in een enkele beheertool en uitgevoerd in een sandbox-omgeving

Zorg ervoor dat uw thema geen bestaande trackingcodes bevat voordat u begint. Deze code wordt meestal gevonden in Liquid-templates zoals theme.liquid, product.liquid en checkout.liquid, evenals in het aanvullende scripts-veld in de instellingen voor afrekenen. Deze stap is essentieel om ervoor te zorgen dat u zonder zorgen over conflicterende scripts met vertrouwen verder kunt gaan.

Voordelen van het opnemen van app-pixels of aangepaste pixels in uw winkel

  • Toegang tot een stroom van klantgebeurtenissen, zoals afrekeningsevenementen, op uw online winkel.
  • Extra bescherming voor uw online winkel en uw klanten, inclusief meer controle over de klantinformatie die u deelt met externe aanbieders.
  • Voorkomt ongeautoriseerde code die niet-functionerende JavaScript uitvoert of uw online winkel en afrekening beïnvloedt.
  • Geïntegreerde tools voor privacy-naleving.

Maak de code voor een aangepaste pixel

Het maken van de JavaScript SDK van een externe dienst

De code die met de pixel is verbonden, wordt geleverd door de externe dienst die u gebruikt. De trackingcode en een JavaScript SDK zijn meestal de twee onderdelen van een pixel. De Shopify-pixelsandbox staat alleen JavaScript toe, dus elke HTML in de code voor de externe dienst moet worden verwijderd.

Dit is een voorbeeld van een Meta-pixel. Er zal een kleine variatie zijn in pos-pixels tussen derden.

Meta Pixel Code

Afbeelding credits: Shopify

Je vindt domeinpixels die worden geladen met script src=. Shopify-pixels werken niet met HTML, dus je moet dit wijzigen naar een JavaScript-equivalent. De code voor het volgen van PageView-gebeurtenissen is ook weggelaten omdat deze in de volgende stap zal worden toegevoegd.

Script

Afbeelding credits: Shopify

Je kunt ook kijken hoe je je kunt abonneren op standaardevenementen en aangepaste klantgebeurtenissen, waarmee je extra klantgebeurtenissen kunt volgen, zoals wanneer iemand op een knop klikt. Als je bijvoorbeeld specifieke bestellingen wilt volgen, kun je een aangepaste gebeurtenis maken voor dat doel en je erop abonneren.

Dit is een voorbeeld van een Google Analytics-pixel:

Global Site Tag

Afbeelding credits: Shopify

U kunt de volgende JavaScript-code gebruiken in plaats van het script src=-gedeelte. Zorg ervoor dat het src-attribuut altijd overeenkomt met de HTML-versie:

JavaScript

Afbeelding credits: Shopify

Abonneer je op standaardgebeurtenissen

Hier is hoe de PageView-gebeurtenis eruitziet voor de pixel van Meta. Merk op dat de functie fbq("track") een onderdeel is van de Meta-code, en dat elk bedrijf een andere versie heeft waarvoor u de documentatie moet raadplegen.

PageView

Afbeelding credits: Shopify

U kunt metagegevens van sommige gebeurtenissen overbrengen naar uw pixel. Hieronder ziet u een voorbeeld van het verstrekken van enkele productinformatie aan de ViewContent-gebeurtenis van Meta:

View Content Theme

Afbeelding credits: Shopify

Abonneer je op aangepaste klantgebeurtenissen

U kunt aangepaste klantgebeurtenissen toevoegen als u extra klantgebeurtenissen wilt volgen, zoals wanneer iemand op een knop klikt. Standaardevenementen en aangepaste gebeurtenissen kunnen op dezelfde manier worden geabonneerd.

Declareer de naam van de gebeurtenis waarop u zich wilt abonneren en stuur deze informatie naar de pixel van de externe dienstverlener.

Dit is een voorbeeld van hoe een aangepaste gebeurtenis kan verschijnen in de liquid-bestanden van uw thema:

Script

Afbeelding credits: Shopify

Hier is een manier waarop u uw pixel kunt configureren om zich te abonneren op die aangepaste gebeurtenis:

Custom event

Afbeelding credits: Shopify

Voeg een aangepaste pixel toe

Voordat u een aangepaste pixel toevoegt, verwijdert of wijzigt u eventuele bestaande pixels om dubbele telling van klantgebeurtenissen te voorkomen. Bestaande pixelcode moet handmatig worden verwijderd uit alle locaties, inclusief theme.liquid, checkout.liquid en aanvullende scripts in uw afrekeningsinstellingen.

Stappen: 
1. Open instellingen > Klantgebeurtenissen via de Shopify-admin.

Afbeelding credits: Shopify

2. Geef uw pixel een onderscheidende naam. Als u de naam van een bestaande aangepaste pixel invoert, wordt u gevraagd uw pixel een nieuwe naam te geven.

3. Klik op Pixel toevoegen.

Pixel NameAfbeelding credits: Shopify

4. Plak uw eigen JavaScript pixelcode in het Code-venster.

5. Klik op Opslaan om uw aangepaste pixel op te slaan. Als u klaar bent om uw aangepaste pixel te verbinden en uw gebeurtenissen te starten met bijhouden, kunt u dit doen door op Pixel verbinden te klikken.

Verbind een aangepaste pixel in uw Shopify-winkel

Nadat u een aangepaste pixel heeft toegevoegd, moet u deze verbinden met uw winkel, zodat deze kan beginnen met het bijhouden van klantgebeurtenissen.

Stappen: 

  1. Klik op Aangepaste pixels op de pagina Klantgebeurtenissen in uw Shopify-admin.
  2. Onder de kop Ontkoppelde pixels ziet u alle aangepaste pixels die momenteel niet zijn verbonden. Klik op Verbinden op de regel die de juiste aangepaste pixels bevat.

Lees de Servicevoorwaarden voor Shopify. Als uw pixel voldoet aan de vereisten voor de service, klikt u op Verbinden.

Ontkoppel en verwijder een aangepaste pixel 

U moet de pixel handmatig loskoppelen van uw online winkel om te stoppen met het volgen van de gebeurtenissen waarvoor u een aangepaste pixel heeft toegevoegd.

Stappen: 

  1. Klik op Aangepaste pixels op de pagina Klantgebeurtenissen in uw Shopify-admin. 
  2. De aangepaste pixels die momenteel zijn gekoppeld, worden boven aan de lijst weergegeven. Klik op Ontkoppelen op de regel van de aangepaste pixel die u wilt ontkoppelen. Wanneer een pixel is losgekoppeld, wordt deze niet verwijderd. 

U kunt ook aangepaste pixels verwijderen die u niet meer nodig heeft.

Stappen: 

  1. Op de pagina Klantgebeurtenissen van uw Shopify-admin klikt u op Aangepaste pixels. 
  2. Klik op de…-knop op de regel van de aangepaste pixel die u wilt aanpassen. 

Klik op Verwijderen. Als u de verwijdering bevestigt, wordt de aangepaste pixel uit de pixelbeheerder verwijderd.

Afronden 

Zorg ervoor dat u bekend bent met pixelconfiguratie voordat u een aangepaste pixel maakt. 

Dit zijn enkele dingen waar u op moet letten: 

  • Zorg er altijd voor dat u de code begrijpt die u plaatst in de afrekening van uw website, of ontvang een aangepaste pixel van een Shopify-expert. 
  • Omdat pixels werken in een beveiligde sandbox-omgeving, zijn er beperkingen voor welke gegevens kunnen worden gepubliceerd. 
  • Met de webpixel-extensie-API kunt u browser-API's openen en u abonneren op klantgebeurtenissen met de Shopify Lax- of Strict-sandboxes.