Introduction
Je úplne možné integrovať si vlastný front-end tracking plugin do vášho e‑commerce riešenia. Prvý blok kódu je potrebné pridať na stránku „Order Success“, zatiaľ čo druhý blok by mal byť nasadený na stránkach ako „Product List“, „Product Detail“ a podobne. Je mimoriadne dôležité zdôrazniť, že nasledujúci blok kódu nie je hotové riešenie pripravené na okamžité použitie. Premenné na pravej strane musíte upraviť podľa svojich konkrétnych požiadaviek. js snippet sa musí spúšťať iba na thank you page (order confirmation page) po vytvorení objednávky:
// TENTO KÓDOVÝ BLOK PATRÍ NA STRÁNKU ÚSPEŠNE DOKONČENEJ OBJEDNÁVKY
<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 }}", // REŤAZEC ČÍSLA OBJEDNÁVKY
value: {{ total_price | times: 0.01 }}, // CELKOVÁ CENA (FLOAT)
tax: {{ tax_price | times: 0.01 }}, // DAŇ (FLOAT)
shipping: {{ shipping_price | times: 0.01 }}, // DOPRAVA (FLOAT)
currency: "{{ order.currency }}", // REŤAZEC MENA
items: [ // POLE ZAKÚPENÝCH POLOŽIEK
{
item_id: "{{ line_item.product_id }}", // REŤAZEC ID POLOŽKY
item_name: "{{ line_item.title | remove: "'" | remove: '"' }}", // NÁZOV POLOŽKY BEZ JEDNODUCHÝCH A DVOJITÝCH ÚVODZOVIEK (REŤAZEC)
currency: "{{ order.currency }}", // REŤAZEC MENA
price: {{ line_item.final_price | times: 0.01 }}, // CENA (FLOAT)
quantity: {{ line_item.quantity }} // MNOŽSTVO (ČÍSLO)
}
]
}
});
</script>
<script>
window.addEventListener('load', function () {
SHOPARIZE_API().conv(YOUR_SHOPARIZE_PARTNER_SHOPID);
});
</script>
Nezabudnite nastaviť ID svojho obchodu tak, ako je uvedené vyššie:
SHOPARIZE_API().conv(YOUR_SHOPARIZE_PARTNER_SHOPID);
Napríklad, ak je ID vášho obchodu 1234, musí to vyzerať takto:
SHOPARIZE_API().conv(1234);
Úryvok kódu JS musí bežať na všetkých stránkach obchodu, ako sú domovská stránka, kategórie a produktové stránky (okrem stránky s poďakovaním):
// 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>
Nezabudnite nastaviť svoje ID obchodu tak, ako je uvedené vyššie:
SHOPARIZE_API().init(YOUR_SHOPARIZE_PARTNER_SHOPID);
Napríklad, ak je ID vášho obchodu 1234, musí to vyzerať takto:
SHOPARIZE_API().init(1234);
Ukážková požiadavka by mala vyzerať približne takto:
{
"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"
}
Potom vytvorte testovaciu objednávku pomocou odkazu, ktorý vám poskytne podpora tímu Shoparize.
