Introduction
Det er fullt mulig å integrere ditt eget front-end sporingsplugin i e‑handelsløsningen din. Den første kodeblokken skal legges til på «Order Success»-siden, mens den andre blokken skal brukes på sider som «Product List», «Product Detail» og lignende. Det er svært viktig å merke seg at den påfølgende kodeblokken ikke er en klar‑til‑bruk‑løsning. Du må endre variablene på høyre side i henhold til dine spesifikke behov. js-snippetet må kun kjøres på takk-siden (ordrebekreftelsessiden) etter at en ordre er opprettet:
// DENNE KODEBLOKKEN SKAL BRUKES PÅ SIDEN FOR VELLYKKET BESTILLING
<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 }}", // BESTILLINGSNUMMER SOM STRENG
value: {{ total_price | times: 0.01 }}, // TOTALPRIS SOM FLYTTALL
tax: {{ tax_price | times: 0.01 }}, // MVA SOM FLYTTALL
shipping: {{ shipping_price | times: 0.01 }}, // FRAKT SOM FLYTTALL
currency: "{{ order.currency }}", // VALUTA SOM STRENG
items: [ // LISTE OVER KJØPTE VARER
{
item_id: "{{ line_item.product_id }}", // VARE-ID SOM STRENG
item_name: "{{ line_item.title | remove: "'" | remove: '"' }}", // VARENAVN UTEN ENKELT- ELLER DOBBELTSITAT SOM STRENG
currency: "{{ order.currency }}", // VALUTA SOM STRENG
price: {{ line_item.final_price | times: 0.01 }}, // PRIS SOM FLYTTALL
quantity: {{ line_item.quantity }} // ANTALL SOM TALL
}
]
}
});
</script>
<script>
window.addEventListener('load', function () {
SHOPARIZE_API().conv(YOUR_SHOPARIZE_PARTNER_SHOPID);
});
</script>
Ikke glem å konfigurere butikk-ID-en din, slik det ble vist ovenfor:
SHOPARIZE_API().conv(YOUR_SHOPARIZE_PARTNER_SHOPID);
For eksempel, hvis butikk-ID-en din er 1234, må det se slik ut:
SHOPARIZE_API().conv(1234);
JavaScript-snippetet må kjøres på alle sider i butikken, som forside, kategorisider og produktsider (unntatt takk-siden):
// 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>
Ikke glem å konfigurere butikk-ID-en din, slik det ble vist ovenfor:
SHOPARIZE_API().init(YOUR_SHOPARIZE_PARTNER_SHOPID);
For eksempel, hvis butikk-ID-en din er 1234, må det se slik ut:
SHOPARIZE_API().init(1234);
Eksempelforespørselen bør se omtrent slik ut:
{
"shopId": "11111",
"dataLayer": {
"ecommerce": {
"transaction_id": "1006",
"value": 0,
"tax": 0,
"shipping": 0,
"currency": "EUR",
"items": [
{
"item_id": "6967987077320",
"item_name": "Nature Cure CBD-olje 30%/ 30 ml - Nature Cure CBD-olje 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"
}
Deretter oppretter du en testbestilling ved å bruke en lenke som Shoparize sitt supportteam skal gi deg.