Introduction
Este pe deplin posibil să integrezi propriul tău plugin de tracking front-end în soluția ta de e-commerce. Primul bloc de cod trebuie adăugat în pagina „Order Success”, în timp ce al doilea bloc trebuie implementat pe pagini precum „Product List”, „Product Detail” și altele similare. Este extrem de important de reținut că blocul de cod de mai jos nu reprezintă o soluție gata de utilizare. Este necesar să modifici variabilele din partea dreaptă în funcție de cerințele tale specifice. Fragmentul js trebuie să ruleze doar în pagina de mulțumire (pagina de confirmare a comenzii), după crearea unei comenzi:
// ACEST BLOC DE COD ESTE PENTRU PAGINA DE COMANDĂ FINALIZATĂ
<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 }}", // ȘIR NUMĂR COMANDĂ
value: {{ total_price | times: 0.01 }}, // NUMĂR ZECIMAL PREȚ TOTAL
tax: {{ tax_price | times: 0.01 }}, // NUMĂR ZECIMAL TAXĂ
shipping: {{ shipping_price | times: 0.01 }}, // NUMĂR ZECIMAL LIVRARE
currency: "{{ order.currency }}", // ȘIR MONEDĂ
items: [ // TABLOU CU ARTICOLE CUMPĂRATE
{
item_id: "{{ line_item.product_id }}", // ȘIR ID ARTICOL
item_name: "{{ line_item.title | remove: "'" | remove: '"' }}", // ȘIR NUME ARTICOL FĂRĂ GHILIMELE SIMPLE SAU DUBLE
currency: "{{ order.currency }}", // ȘIR MONEDĂ
price: {{ line_item.final_price | times: 0.01 }}, // NUMĂR ZECIMAL PREȚ
quantity: {{ line_item.quantity }} // NUMĂR CANTITATE
}
]
}
});
</script>
<script>
window.addEventListener('load', function () {
SHOPARIZE_API().conv(YOUR_SHOPARIZE_PARTNER_SHOPID);
});
</script>
Nu uita să îți setezi ID-ul magazinului, așa cum a fost prezentat mai sus:
SHOPARIZE_API().conv(YOUR_SHOPARIZE_PARTNER_SHOPID);
De exemplu, dacă ID-ul magazinului tău este 1234, trebuie să arate astfel:
SHOPARIZE_API().conv(1234);
Fragmentul de cod JS trebuie să ruleze pe toate paginile magazinului, precum pagina de start, categoriile și paginile de produs (cu excepția paginii de mulțumire):
// 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>
Nu uita să îți setezi ID-ul magazinului, așa cum a fost prezentat mai sus:
SHOPARIZE_API().init(YOUR_SHOPARIZE_PARTNER_SHOPID);
De exemplu, dacă ID-ul magazinului tău este 1234, acesta trebuie să arate astfel:
SHOPARIZE_API().init(1234);
Cererea de exemplu ar trebui să fie similară cu ceva de genul acesta:
{
"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"
}
După aceea, creează o comandă de test folosind un link pe care echipa de suport Shoparize ar trebui să ți-l furnizeze.