Standard-Events ändern

Mit Pixel Your Shop ist es möglich die Standard-Events für alle Pixel mit eigenem dynamischen Code komplett zu überschreiben. Dadurch sind auch spezielle Konfigurationen und Kundenwünsche möglich, die mit herkömmlichen Plugins nur schwer oder garnicht umzusetzten sind.

Tipp

Du kannst die folgenden Schritte jeweils pro Verkaufskanal & Sprache einzeln konfigurieren, was dir schlussendlich mehr Flexibilität während der Entwicklung ermöglicht.

Kurze Erklärung

Jeder Pixel-Code wird im Frontend dynamisch mit Twig erzeugt. Twig ist eine einfache Template-Sprache, die in diesem Fall den eigentlichen Javascript Code für das Tracking erzeugt, den der Endbenutzer des Shops letztendlich auslöst.

Der Vorteil von Twig ist, dass dynamische Variablen wie z.B. products benutzt werden können, die bei der Erzeugung des Tracking-Codes die richtigen Produktdaten enthalten. Durch den flexiblen Aufbau kann man ohne Probleme einzelne Code-Zeilen oder auch komplette Skripte ersetzten.

Um den Code editieren zu können, muss man bei den Opt-In- & Event-Boxen auf das Zahnrad-Symbol klicken und dann den Schalter Eigenen Code verwenden aktivieren.

Opt-In Variablen

Hier gibt es eine Auflistung der Twig-Variablen, die während des Opt-Ins verwendet werden können:

Pixel	Variable	Typ	Beispiel
Google gtag	googleAnalyticsTrackingIds	array	['UA-xxxxxxxxx-x']
Google gtag	googleAdsConversionIds	array	['AW-xxxxxxxxx']
Google gtag	googleAnonymizeIp	bool	true
Google Tag Manager	googleTagManagerContainerIds	array	['GTM-xxxxxxxx']
Facebook	facebookPixelIds	array	['xxxxxxxxxx']
Hotjar	hotjarIds	array	['xxxxxxxx']

Event Variablen

Hier findest du eine Auflistung der Twig-Variablen aufgelistet pro Event:

Add to card

Variable	Type	Example
products	array	[{ number: 'xxxxx', name: 'Burger', priceNet: 9.99, ... }]
totalPrice	int	9.99

Begin checkout

Variable	Type	Example
affiliation	string or null	affiliateCode/campaignCode
coupon	string or null	christmas_10
products	array	[{ number: 'xxxxx', name: 'Burger', priceNet: 9.99, ... }]
totalPrice	int	9.99

Click product

Variable	Type	Example
product	object	{ number: 'xxxxx', name: 'Burger', priceNet: 9.99, ... }

Login

Variable	Type	Example
method	string or null	Login

Purchase

Variable	Type	Example
orderNumber	string	'xxxxx'
shipping	int	2.99
affiliation	string or null	affiliateCode/campaignCode
coupon	string or null	christmas_10
products	array	[{ number: 'xxxxx', name: 'Burger', priceNet: 9.99, ... }]
totalPrice	int	9.99
totalTax	int	9.99

Register

Variable	Type	Example
method	string or null	'Login'

Remove from card

Variable	Type	Example
products	array	[{ number: 'xxxxx', name: 'Burger', priceNet: 9.99, ... }]
totalPrice	int	9.99

Search

Variable	Type	Example
searchTerm	string	'My search term'

View product

Variable	Type	Example
product	object	{ number: 'xxxxx', name: 'Burger', priceNet: 9.99, ... }

View product list

Variable	Type	Example
products	array	[{ number: 'xxxxx', name: 'Burger', priceNet: 9.99, ... }]
totalPrice	int	9.99

View product search

Variable	Type	Example
products	array	[{ number: 'xxxxx', name: 'Burger', priceNet: 9.99, ... }]
totalPrice	int	9.99
searchTerm	string	'My search term'