Introduction
Es ist durchaus möglich, Ihr eigenes Frontend-Tracking-Plugin in Ihre E‑Commerce-Lösung zu integrieren. Der erste Codeblock sollte auf der Seite „Order Success“ eingefügt werden, während der zweite Block auf Seiten wie „Product List“, „Product Detail“ usw. eingesetzt wird. Es ist von größter Bedeutung zu beachten, dass der folgende Codeblock keine sofort einsatzbereite Lösung darstellt. Sie müssen die Variablen auf der rechten Seite entsprechend Ihren spezifischen Anforderungen anpassen. Das JS-Snippet darf nur auf der Thank-You-Seite (Order-Confirmation-Page) nach dem Anlegen einer Bestellung ausgeführt werden:
// DIESER CODEBLOCK GEHÖRT AUF DIE BESTELLBESTÄTIGUNGSSEITE
<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 }}", // BESTELLNUMMER ALS STRING
value: {{ total_price | times: 0.01 }}, // GESAMTBETRAG ALS FLOAT
tax: {{ tax_price | times: 0.01 }}, // STEUER ALS FLOAT
shipping: {{ shipping_price | times: 0.01 }}, // VERSAND ALS FLOAT
currency: "{{ order.currency }}", // WÄHRUNG ALS STRING
items: [ // ARRAY DER GEKAUFTEN ARTIKEL
{
item_id: "{{ line_item.product_id }}", // ARTIKEL-ID ALS STRING
item_name: "{{ line_item.title | remove: "'" | remove: '"' }}", // ARTIKELNAME OHNE EINFACHE ODER DOPPELTE ANFÜHRUNGSZEICHEN ALS STRING
currency: "{{ order.currency }}", // WÄHRUNG ALS STRING
price: {{ line_item.final_price | times: 0.01 }}, // PREIS ALS FLOAT
quantity: {{ line_item.quantity }} // MENGE ALS ZAHL
}
]
}
});
</script>
<script>
window.addEventListener('load', function () {
SHOPARIZE_API().conv(YOUR_SHOPARIZE_PARTNER_SHOPID);
});
</script>
Vergiss nicht, deine Shop-ID wie oben beschrieben einzurichten:
SHOPARIZE_API().conv(YOUR_SHOPARIZE_PARTNER_SHOPID);
Wenn Ihre Shop-ID zum Beispiel 1234 ist, muss es so aussehen:
SHOPARIZE_API().conv(1234);
Das JS-Snippet muss auf allen Shop-Seiten ausgeführt werden, also Startseite, Kategorieseiten und Produktseiten (ausgenommen Danke-Seite):
// DIESER CODEBLOCK IST FÜR PRODUKTSEITEN, STARTSEITE USW.
<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>
Vergessen Sie nicht, Ihre Shop-ID wie oben beschrieben einzurichten:
SHOPARIZE_API().init(YOUR_SHOPARIZE_PARTNER_SHOPID);
Wenn Ihre Shop-ID zum Beispiel 1234 ist, muss es so aussehen:
SHOPARIZE_API().init(1234);
Die Beispielanfrage sollte in etwa so aussehen:
{
"shopId": "11111",
"dataLayer": {
"ecommerce": {
"transaction_id": "1006",
"value": 0,
"tax": 0,
"shipping": 0,
"currency": "EUR",
"items": [
{
"item_id": "6967987077320",
"item_name": "Nature Cure CBD-Öl 30%/ 30 ml - Nature Cure CBD-Öl 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"
}
Erstellen Sie anschließend eine Testbestellung über einen Link, den Ihnen das Shoparize-Supportteam zur Verfügung stellt.
