Standard-Events ändern
Last updated
Last updated
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.
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.
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']
facebookPixelIds
array
['xxxxxxxxxx']
Hotjar
hotjarIds
array
['xxxxxxxx']
Hier findest du eine Auflistung der Twig-Variablen aufgelistet pro Event:
Variable
Type
Example
products
array
[{ number: 'xxxxx', name: 'Burger', priceNet: 9.99, ... }]
totalPrice
int
9.99
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
Variable
Type
Example
product
object
{ number: 'xxxxx', name: 'Burger', priceNet: 9.99, ... }
Variable
Type
Example
method
string or null
Login
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
Variable
Type
Example
method
string or null
'Login'
Variable
Type
Example
products
array
[{ number: 'xxxxx', name: 'Burger', priceNet: 9.99, ... }]
totalPrice
int
9.99
Variable
Type
Example
searchTerm
string
'My search term'
Variable
Type
Example
product
object
{ number: 'xxxxx', name: 'Burger', priceNet: 9.99, ... }
Variable
Type
Example
products
array
[{ number: 'xxxxx', name: 'Burger', priceNet: 9.99, ... }]
totalPrice
int
9.99
Variable
Type
Example
products
array
[{ number: 'xxxxx', name: 'Burger', priceNet: 9.99, ... }]
totalPrice
int
9.99
searchTerm
string
'My search term'