Introduction
È assolutamente possibile integrare il tuo plugin di front-end tracking nella tua soluzione di e-commerce. Il primo blocco di codice deve essere aggiunto alla pagina "Order Success", mentre il secondo blocco deve essere implementato su pagine come "Product List", "Product Detail" e così via. È di fondamentale importanza sottolineare che il blocco di codice seguente non è una soluzione pronta all’uso. Devi modificare le variabili sul lato destro in base alle tue specifiche esigenze. Lo snippet js deve essere eseguito solo nella thank you page (pagina di conferma dell’ordine) dopo la creazione di un ordine:
// QUESTO BLOCCO DI CODICE VA NELLA PAGINA DI CONFERMA ORDINE
<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 }}", // STRINGA NUMERO ORDINE
value: {{ total_price | times: 0.01 }}, // IMPORTO TOTALE FLOAT
tax: {{ tax_price | times: 0.01 }}, // IMPOSTA FLOAT
shipping: {{ shipping_price | times: 0.01 }}, // SPEDIZIONE FLOAT
currency: "{{ order.currency }}", // STRINGA VALUTA
items: [ // ARRAY DI ARTICOLI ACQUISTATI
{
item_id: "{{ line_item.product_id }}", // STRINGA ID ARTICOLO
item_name: "{{ line_item.title | remove: "'" | remove: '"' }}", // NOME ARTICOLO SENZA ALCUN APICE SINGOLO O DOPPIO AGGIUNTO STRINGA
currency: "{{ order.currency }}", // STRINGA VALUTA
price: {{ line_item.final_price | times: 0.01 }}, // PREZZO FLOAT
quantity: {{ line_item.quantity }} // NUMERO QUANTITÀ
}
]
}
});
</script>
<script>
window.addEventListener('load', function () {
SHOPARIZE_API().conv(YOUR_SHOPARIZE_PARTNER_SHOPID);
});
</script>
Non dimenticare di configurare il tuo shop ID, come indicato sopra:
SHOPARIZE_API().conv(YOUR_SHOPARIZE_PARTNER_SHOPID);
Ad esempio, se l’ID del tuo shop è 1234, deve apparire così:
SHOPARIZE_API().conv(1234);
Lo snippet JS deve essere eseguito su tutte le pagine dello shop, come home, categoria e prodotto (esclusa la pagina di ringraziamento):
// 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>
Non dimenticare di configurare il tuo shop ID, come indicato sopra:
SHOPARIZE_API().init(YOUR_SHOPARIZE_PARTNER_SHOPID);
Ad esempio, se l’ID del tuo shop è 1234, deve essere visualizzato in questo modo:
SHOPARIZE_API().init(1234);
La richiesta di esempio dovrebbe essere simile a questa:
{
"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"
}
Successivamente crea un ordine di prova utilizzando un link che il team di supporto di Shoparize dovrà fornirti.
