Introduction
Είναι απολύτως εφικτό να ενσωματώσετε το δικό σας front-end tracking plugin στη λύση e‑commerce που χρησιμοποιείτε. Το πρώτο block κώδικα πρέπει να προστεθεί στη σελίδα «Order Success», ενώ το δεύτερο block πρέπει να τοποθετηθεί σε σελίδες όπως «Product List», «Product Detail» κ.ο.κ. Είναι εξαιρετικά σημαντικό να σημειωθεί ότι το παρακάτω block κώδικα δεν αποτελεί έτοιμη προς χρήση λύση. Απαιτείται να τροποποιήσετε τις μεταβλητές στη δεξιά πλευρά σύμφωνα με τις δικές σας, συγκεκριμένες απαιτήσεις. Το js snippet πρέπει να εκτελείται μόνο στη thank you page (σελίδα επιβεβαίωσης παραγγελίας), μετά τη δημιουργία μιας παραγγελίας:
// ΑΥΤΟ ΤΟ BLOCK ΚΩΔΙΚΑ ΠΡΟΟΡΙΖΕΤΑΙ ΓΙΑ ΤΗ ΣΕΛΙΔΑ ΕΠΙΤΥΧΙΑΣ ΠΑΡΑΓΓΕΛΙΑΣ
<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 }}", // STRING ΑΡΙΘΜΟΥ ΠΑΡΑΓΓΕΛΙΑΣ
value: {{ total_price | times: 0.01 }}, // ΣΥΝΟΛΙΚΗ ΤΙΜΗ FLOAT
tax: {{ tax_price | times: 0.01 }}, // ΦΟΡΟΣ FLOAT
shipping: {{ shipping_price | times: 0.01 }}, // ΜΕΤΑΦΟΡΙΚΑ FLOAT
currency: "{{ order.currency }}", // STRING ΝΟΜΙΣΜΑΤΟΣ
items: [ // ΠΙΝΑΚΑΣ ΑΓΟΡΑΣΜΕΝΩΝ ΕΙΔΩΝ
{
item_id: "{{ line_item.product_id }}", // STRING ID ΕΙΔΟΥΣ
item_name: "{{ line_item.title | remove: "'" | remove: '"' }}", // ΟΝΟΜΑ ΕΙΔΟΥΣ ΧΩΡΙΣ ΚΑΝΕΝΑ ΜΟΝΟ Ή ΔΙΠΛΟ ΕΙΣΑΓΩΓΙΚΟ ΠΟΥ ΠΡΟΣΤΙΘΕΤΑΙ STRING
currency: "{{ order.currency }}", // STRING ΝΟΜΙΣΜΑΤΟΣ
price: {{ line_item.final_price | times: 0.01 }}, // ΤΙΜΗ FLOAT
quantity: {{ line_item.quantity }} // ΠΟΣΟΤΗΤΑ NUMBER
}
]
}
});
</script>
<script>
window.addEventListener('load', function () {
SHOPARIZE_API().conv(YOUR_SHOPARIZE_PARTNER_SHOPID);
});
</script>
Μην ξεχάσετε να ρυθμίσετε το shop id σας, όπως αναφέρθηκε παραπάνω:
SHOPARIZE_API().conv(YOUR_SHOPARIZE_PARTNER_SHOPID);
Για παράδειγμα, αν το ID του καταστήματός σας είναι 1234, θα πρέπει να φαίνεται έτσι:
SHOPARIZE_API().conv(1234);
Το js snippet πρέπει να εκτελείται σε όλες τις σελίδες του καταστήματος, όπως η αρχική, οι κατηγορίες και τα προϊόντα (εξαιρείται η σελίδα ευχαριστίας):
// 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>
Μην ξεχάσετε να ρυθμίσετε το shop id σας, όπως αναφέρθηκε παραπάνω:
SHOPARIZE_API().init(YOUR_SHOPARIZE_PARTNER_SHOPID);
Για παράδειγμα, αν το ID του καταστήματός σας είναι 1234, πρέπει να φαίνεται έτσι:
SHOPARIZE_API().init(1234);
Το δείγμα αιτήματος θα πρέπει να είναι παρόμοιο με κάτι σαν αυτό:
{
"shopId": "11111",
"dataLayer": {
"ecommerce": {
"transaction_id": "1006",
"value": 0,
"tax": 0,
"shipping": 0,
"currency": "EUR",
"items": [
{
"item_id": "6967987077320",
"item_name": "Nature Cure CBD-Λάδι 30%/ 30 ml - Nature Cure CBD-Λάδι 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"
}
Στη συνέχεια, δημιουργήστε μια δοκιμαστική παραγγελία χρησιμοποιώντας έναν σύνδεσμο που θα σας δώσει η ομάδα υποστήριξης του Shoparize.
