Aangepaste trackingcode op de bestelbevestigingspagina

Als u een advertentiecampagne voert of een affiliate-marketingprogramma heeft opgezet met behulp van een dienst van derden, kunt u de resultaten meten door de door dat bedrijf geleverde conversietrackingcode aan uw winkel toe te voegen. Trackingcodes worden meestal geïnstalleerd op de bestelbevestigingspagina, de laatste pagina die klanten zien nadat ze hun bestelling hebben geplaatst.

Om te beginnen met het tracken van conversies krijgt u de trackingcode van de affiliate of derde die u wilt gebruiken, voegt u variabelen die door Ecwid worden ondersteund toe aan die code en plakt u deze in de speciale sectie in de Ecwid-beheerder op de pagina Instelling → Algemeen → Tracking en analyse.

Een aangepaste trackingcode aan uw Ecwid-winkel toevoegen

Meestal vereisen affiliate- of advertentiediensten dat u hun trackingscript op de bestelbevestigingspagina van de winkelwagen plakt. De bestelbevestigingspagina is de pagina waar kopers het bericht "Bedankt voor uw bestelling" zien nadat ze hun bestelling hebben geplaatst. De URL ervan eindigt met /checkout/order-confirmation.

Er is een speciale sectie in het Ecwid-beheerderspaneel waar u zo'n trackingscript kunt plaatsen. Deze wordt uitgevoerd telkens wanneer een koper de bestelbevestigingspagina bereikt.

Een trackingcode van een toevoegen aan de bestelbevestigingspagina van uw Ecwid-winkel:

1. Ga in de Ecwid-beheerder naar Instellingen → Algemeen → Tracking en analyse.
2. Scrol omlaag naar de sectie Aangepaste trackingcode op de bestelbevestigingspagina en klik op de wisselknop. U ziet een pop-up:

3. Voeg uw aangepaste code toe in het vak Aangepaste trackingcode op de bestelbevestigingspagina in de pop-up. Als u meerdere codes moet toevoegen, plak ze dan achter elkaar in dit gebied.
4. Klik op Opslaan.

Eenmaal toegevoegd, wordt uw trackingcode uitgevoerd telkens wanneer een klant de bestelbevestigingspagina in uw winkel bereikt.

Ecwid-variabelen toevoegen aan een aangepaste trackingcode

Als u bestelgegevens moet doorgeven aan een trackingdienst, moet u hun trackingcode aanpassen door variabelen toe te voegen die worden ondersteund in Ecwid. Dit zijn dezelfde variabelen die u kunt zien in de Ecwid-e-mailsjablonen. Zie de volledige lijst met beschikbare variabelen (in het Engels).

U kunt HTML- en Javascript-codes toevoegen aan de bestelbevestigingspagina. Ecwid-variabelen werken met beide soorten code. Er is echter een klein verschil in de manier waarop u de variabelen in deze codes moet plakken.

HTML

Wanneer u een aangepaste HTML-code gebruikt, moet u de variabelen erin plakken "zoals ze zijn":
${order.total}, ${customer.name}, ${order.number}, enz.

Hier is een voorbeeld van hoe deze variabelen er in een HTML-code uitzien:

<img src="https://tracking_pixel.com?order-id=${order.number}&amount=${order.total}" />

Javascript 

Wanneer u een Javascript-trackingcode gebruikt, moet u het volgende aan uw code toevoegen (samen met de variabelen):

1. Omring uw code met de tages <#noescape> zodat de gegevens met het juiste indeling worden doorgegeven:

<script>
<#noescape>
…
</#noescape>
</script>

Hier is een voorbeeld van hoe deze variabelen er in een Javascript-code uitzien:

<script>
<#noescape>
<#list order.items as orderItem>
console.log("Artikelprijs is ${orderItem.price}")
</#list>
</#noescape>
</script>

2. Voeg ?js_string toe aan de variabelen die een tekst doorgeven. U moet bijvoorbeeld ?js_string gebruiken met variabelen zoals ${customer.name} en ${orderItem.name}. Toch hoeft u het niet toe te voegen aan variabelen die getallen doorgeven, zoals besteltotaal en bestelnummer.

Hier is een voorbeeld van hoe deze variabelen er in een Javascript-code uitzien:

"order_id": "${order.number}",
"email": "${customer.email?js_string}",
"delivery_country": "${order.billingAddress.countryCode?js_string}"