Introduction
Det är fullt möjligt att integrera ditt eget front-end-spårningsplugin i din e-handelslösning. Den första kodblocket ska läggas till på sidan ”Order Success”, medan det andra kodblocket ska implementeras på sidor som ”Product List”, ”Product Detail” och liknande. Det är mycket viktigt att notera att följande kodblock inte är en färdig lösning. Du måste anpassa variablerna på höger sida utifrån dina specifika behov. js-snippetet måste endast köras på tack-sidan (orderbekräftelsesidan) efter att en order har skapats:
// DEN HÄR KODBLocket SKA LÄGGAS IN PÅ SIDAN FÖR GENOMFÖRD BESTÄLLNING
<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 SOM STRÄNG
value: {{ total_price | times: 0.01 }}, // TOTALPRIS SOM DECIMALTAL
tax: {{ tax_price | times: 0.01 }}, // MOMS SOM DECIMALTAL
shipping: {{ shipping_price | times: 0.01 }}, // FRAKT SOM DECIMALTAL
currency: "{{ order.currency }}", // VALUTA SOM STRÄNG
items: [ // ARRAY MED KÖPTA ARTIKLAR
{
item_id: "{{ line_item.product_id }}", // ARTIKEL-ID SOM STRÄNG
item_name: "{{ line_item.title | remove: "'" | remove: '"' }}", // ARTIKELNAMN UTAN ENKLA ELLER DUBBLA CITATTECKEN SOM STRÄNG
currency: "{{ order.currency }}", // VALUTA SOM STRÄNG
price: {{ line_item.final_price | times: 0.01 }}, // PRIS SOM DECIMALTAL
quantity: {{ line_item.quantity }} // ANTAL SOM TAL
}
]
}
});
</script>
<script>
window.addEventListener('load', function () {
SHOPARIZE_API().conv(YOUR_SHOPARIZE_PARTNER_SHOPID);
});
</script>
Glöm inte att konfigurera ditt shop-id, precis som ovan:
SHOPARIZE_API().conv(YOUR_SHOPARIZE_PARTNER_SHOPID);
Till exempel, om ditt butik-ID är 1234 ska det se ut så här:
SHOPARIZE_API().conv(1234);
JavaScript-snippetet måste köras på alla butikssidor, såsom startsida, kategorisidor och produktsidor (förutom tacksidan):
// 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>
Glöm inte att konfigurera ditt shop-id, precis som visats ovan:
SHOPARIZE_API().init(YOUR_SHOPARIZE_PARTNER_SHOPID);
Till exempel, om ditt butik-ID är 1234 ska det se ut så här:
SHOPARIZE_API().init(1234);
Exempelbegäran bör se ut ungefär så här:
{
"shopId": "11111",
"dataLayer": {
"ecommerce": {
"transaction_id": "1006",
"value": 0,
"tax": 0,
"shipping": 0,
"currency": "EUR",
"items": [
{
"item_id": "6967987077320",
"item_name": "Nature Cure CBD-olja 30%/ 30 ml - Nature Cure CBD-olja 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"
}
Därefter skapar du en testorder med hjälp av en länk som Shoparize-supportteamet ska ge dig.
