Introduction
Het is volledig mogelijk om je eigen front-end trackingplugin te integreren in je e-commerceoplossing. De eerste codeblok moet worden toegevoegd aan de ‘Order Success’-pagina, terwijl het tweede codeblok moet worden geplaatst op pagina’s zoals ‘Product List’, ‘Product Detail’ enzovoort. Het is van het grootste belang om te benadrukken dat het volgende codeblok geen kant-en-klare oplossing is. Je moet de variabelen aan de rechterkant aanpassen aan jouw specifieke vereisten. De js-snippet mag uitsluitend worden uitgevoerd op de bedankpagina (orderbevestigingspagina) nadat een order is aangemaakt:
// DIT CODEBLOCK IS VOOR DE ORDER-SUCCESPAGINA
<script src="https://partner-cdn.shoparize.com/js/shoparize.js" defer="defer"></script>
<script>
window.dataLayerShoparize = window.dataLayerShoparize || [];
dataLayerShoparize.push({
event: "purchase",
ecommerce: {
transaction_id: "{{ order.order_number }}", // ORDERNUMMER STRING
value: {{ total_price | times: 0.01 }}, // TOTAALBEDRAG FLOAT
tax: {{ tax_price | times: 0.01 }}, // BTW FLOAT
shipping: {{ shipping_price | times: 0.01 }}, // VERZENDKOSTEN FLOAT
currency: "{{ order.currency }}", // VALUTA STRING
items: [ // ARRAY MET GEKOCHTE ARTIKELEN
{
item_id: "{{ line_item.product_id }}", // ARTIKEL-ID STRING
item_name: "{{ line_item.title | remove: "'" | remove: '"' }}", // ARTIKELNAAM ZONDER ENKELE OF DUBBELE AANHALINGSTEKENS STRING
currency: "{{ order.currency }}", // VALUTA STRING
price: {{ line_item.final_price | times: 0.01 }}, // PRIJS FLOAT
quantity: {{ line_item.quantity }} // AANTAL NUMMER
}
]
}
});
</script>
<script>
window.addEventListener('load', function () {
SHOPARIZE_API().conv(YOUR_SHOPARIZE_PARTNER_SHOPID);
});
</script>
Vergeet niet je shop-ID in te stellen, zoals hierboven aangegeven:
SHOPARIZE_API().conv(YOUR_SHOPARIZE_PARTNER_SHOPID);
Als uw shop-ID bijvoorbeeld 1234 is, moet het er zo uitzien:
SHOPARIZE_API().conv(1234);
De js-snippet moet worden uitgevoerd op alle pagina’s van de shop, zoals de home-, categorie- en productpagina’s (met uitzondering van de bedankpagina):
// THIS CODE BLOCK IS FOR PRODUCT PAGES, HOME PAGE ETC.
<script src="https://partner-cdn.shoparize.com/js/shoparize.js" defer="defer"></script>
<script>
window.addEventListener('load', function () {
SHOPARIZE_API().init(YOUR_SHOPARIZE_PARTNER_SHOPID);
});
</script>
Vergeet niet je shop-id in te stellen, zoals hierboven aangegeven:
SHOPARIZE_API().init(YOUR_SHOPARIZE_PARTNER_SHOPID);
Als je shop-ID bijvoorbeeld 1234 is, moet het er zo uitzien:
SHOPARIZE_API().init(1234);
De voorbeeldaanvraag zou er ongeveer zo uit moeten zien:
{
"shopId": "11111",
"dataLayer": {
"ecommerce": {
"transaction_id": "1006",
"value": 0,
"tax": 0,
"shipping": 0,
"currency": "EUR",
"items": [
{
"item_id": "6967987077320",
"item_name": "Nature Cure CBD-Olie 30%/ 30 ml - Nature Cure CBD-Olie 30%/ 30 ml",
"currency": "EUR",
"price": 0,
"quantity": 1
}
]
}
} ,
"_partner_utm_source": "Shoparize",
"_partner_utm_medium": "Shoparize Google Ads",
"_partner_utm_campaign": "EAIaIQobChMI0q_2sM_1-AIVlKnVCh1KPwubEAQYBSABEgJ4Z_D_BwE_____EAIaIQobChMI0q_2sM_1-AIVlKnVCh1KPwubEAQYBSABEgJ4Z_D_BwE_____CjkKCQjwt7SWBhD-ARIoADl0M-UACUEUCM9EiMkioEB5EF--gmZEEXcTh7VLGn4f-z1ZPD",
"_partner_utm_term": "",
"_partner_msclkid": "",
"_partner_gclid": "EAIaIQobChMI0q_2sMQYBSABEgJ4Z_D_BwE",
"_partner_wbraid": "",
"_partner_gbraid": "",
"_partner_click_time": "1657901335434"
}
Maak daarna een testbestelling aan via een link die je van het Shoparize-supportteam ontvangt.
