Klantgebeurtenissen zijn belangrijke acties die uw doelgroep uitvoert en inzicht geven in hoe zij met uw bedrijf omgaan via verschillende contactpunten. Dit omvat het verrichten van betalingen, het starten 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 gebruik maken van deze klantgegevens, ook wel logboek genoemd, gegenereerd door pixels om uw verkoopbenadering bij te stellen.

Deze blog helpt merkontwikkelaars begrijpen hoe ze deze pixels aan hun Shopify-account kunnen toevoegen en beheren. Laten we beginnen met de basis, oké?

Wat zijn pixels?

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

De Shopify Pixel Manager stelt u in staat om pixels toe te voegen en te beheren voor het volgen van klantgebeurtenissen. 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 winkelwagen.

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

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

Eerder konden handelaren JavaScript-snippets handmatig aan hun online winkel toevoegen. Ze konden dit doen in online voorkeuren, afrekeningscripts en apps. Vaak werden deze scripts niet gecontroleerd op kwaliteit en het beheer ervan kostte veel tijd. Met de pixelmanager worden uw scripts bewaard in een enkele beheertool en worden ze uitgevoerd in een sandbox-omgeving

Zorg ervoor dat uw thema geen bestaande trackingcodes bevat voordat u begint. Deze code wordt meestal gevonden in liquid sjablonen zoals theme.liquid, product.liquid en checkout.liquid, maar ook in het veld aanvullende scripts in de afrekeningsinstellingen. Deze stap is essentieel om ervoor te zorgen dat u vol vertrouwen verder kunt gaan zonder zorgen over conflicterende scripts.

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

• Toegang tot een stroom van klantgebeurtenissen, zoals afrekengebeurtenissen, in 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 dat ongeautoriseerde code niet-functionerende Javascript uitvoert of rommelt met uw online winkel en afrekenen.
• Geïntegreerde tools voor naleving van privacyregels.

Maak de code voor een aangepaste pixel

Het maken van de JavaScript SDK van derden

De code die verbonden is met de pixel wordt geleverd door de derde-dienstverlener die u gebruikt. De trackingcode en een Javascript SDK zijn doorgaans de twee onderdelen van een pixel. De Shopify pixel sandboxstaat alleen JavaScript toe, dus alle HTML in de code voor de derde-dienstverlener moet verwijderd worden.

Dit is een voorbeeld van een Meta pixel. Er zal een kleine variatie zijn in positiepixels tussen derde-dienstverleners.

Fotobron: Shopify

U zult domeinpixels vinden die worden geladen met script src=. Pixels van Shopify werken niet met HTML, dus u zult dit moeten wijzigen naar een JavaScript-equivalent. De code voor het volgen van PageView-gebeurtenissen is ook weggelaten, omdat dit in de volgende stap wordt toegevoegd.

Fotobron: Shopify

U zult pixels vinden die worden geladen met script src=. Pixels van Shopify werken niet met HTML, dus u zult dit moeten wijzigen naar een JavaScript-equivalent.

U kunt ook bekijken hoe u zich kunt abonneren op standaard gebeurtenissen en aangepaste klantgebeurtenissen, waarmee u extra klantgebeurtenissen kunt volgen, zoals wanneer iemand op een knop klikt. Als u bijvoorbeeld specifieke bestellingen wilt volgen, kunt u hiervoor een aangepaste gebeurtenis aanmaken en u erop abonneren.

Hier is een voorbeeld van een Google Analytics pixel:

Fotobron: Shopify

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

Fotobron: Shopify

Abonneer u op standaard gebeurtenissen

De PageView-gebeurtenis voor de pixel van Meta ziet er als volgt uit. Let op dat de functie fbq("track") deel uitmaakt van de Meta-code en dat elk bedrijf een andere versie heeft waarvoor u hun documentatie moet raadplegen.

Fotobron: Shopify

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

Fotobron: Shopify

Abonneer u op aangepaste klantgebeurtenissen

U kunt aangepaste klantgebeurtenissen toevoegen als u extra klantgebeurtenissen wilt volgen, zoals wanneer iemand op een knop klikt. Standaardgebeurtenissen 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 dienstverlener van derden.

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

Fotobron: Shopify

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

Fotobron: Shopify

Voeg een aangepaste pixel toe

Voordat u een aangepaste pixel toevoegt, verwijdert u of wijzigt u eventuele bestaande pixels om te voorkomen dat klantgebeurtenissen dubbel worden geteld. Bestaande pixels moeten handmatig worden verwijderd uit alle locaties, inclusief theme.liquid, checkout.liquid en aanvullende scripts in uw afrekeningsinstellingen.

Stappen:
1. Open instellingen > Klantgebeurtenissen in het Shopify-beheer.

Fotobron: 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 Pix toevoegen om toegang te krijgen tot de gebeurtenissen-editor.

Fotobron: 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 volgen, 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 volgen van klantgebeurtenissen.

Stappen:

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

Lees de Servicevoorwaarden van Shopify. Als uw pixel voldoet aan de eisen voor de service, klik dan 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-beheer.
2. De aangepaste pixels die momenteel zijn gekoppeld, worden bovenaan de lijst weergegeven. Klik op Ontkoppelen op de regel van de aangepaste pixel die u wilt ontkoppelen. Wanneer een pixel is ontkoppeld, wordt deze niet verwijderd. 

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

Stappen:

1. Klik op de pagina Klantgebeurtenissen in uw Shopify-beheer op Aangepaste pixels. 
2. Klik op de ... knop op de regel van de aangepaste pixel die u wilt wijzigen.

Klik op Verwijderen. Bevestigt u het verwijderen, dan wordt de aangepaste pixel uit de pixelmanager verwijderd.

Afronden 

Zorg ervoor dat u bekend bent met de pixelconfiguratie voordat u aangepaste pixels maakt. 

Hier zijn een aantal zaken om rekening mee te houden: 

• Zorg er altijd voor dat u de code begrijpt die u plaatst op de afrekenpagina van uw website, of verkrijg een aangepaste pixel van een Shopify-expert. 
• Omdat pixels werken in een beveiligde sandbox-omgeving, zijn er beperkingen op welke gegevens kunnen worden gepubliceerd. 
• De webpixel-extensie-API biedt toegang tot browser-API's en de mogelijkheid om u te abonneren op klantgebeurtenissen met de Shopify Lax of Strict-sandboxes.