Introduction
On täysin mahdollista integroida oma front-end-seurantalisäosasi verkkokaupparatkaisuusi. Ensimmäinen koodilohko tulee lisätä ”Order Success” -sivulle, kun taas toinen koodilohko otetaan käyttöön sivuilla kuten ”Product List”, ”Product Detail” ja vastaavat. On äärimmäisen tärkeää huomioida, että seuraava koodilohko ei ole valmis, sellaisenaan käytettävä ratkaisu. Sinun on muokattava oikealla puolella olevia muuttujia omien erityisvaatimustesi mukaisesti. js-snippetin on suoritettava vain kiitossivulla (tilausvahvistussivu) tilauksen luonnin jälkeen:
// TÄMÄ KOODILOHKO KUULUU TILAUKSEN ONNISTUMISSIVULLE
<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 }}", // TILAUSNUMERO MERKKIJONONA
value: {{ total_price | times: 0.01 }}, // KOKONAISHINTA LIUKULUKUNA
tax: {{ tax_price | times: 0.01 }}, // VERO LIUKULUKUNA
shipping: {{ shipping_price | times: 0.01 }}, // TOIMITUSKULUT LIUKULUKUNA
currency: "{{ order.currency }}", // VALUUTTA MERKKIJONONA
items: [ // OSTETTUJEN TUOTTEIDEN TAULUKKO
{
item_id: "{{ line_item.product_id }}", // TUOTTEEN TUNNUS MERKKIJONONA
item_name: "{{ line_item.title | remove: "'" | remove: '"' }}", // TUOTTEEN NIMI ILMAN YHTÄÄN YKSINKERTAISTA TAI KAKSOISLAINAA MERKKIJONONA
currency: "{{ order.currency }}", // VALUUTTA MERKKIJONONA
price: {{ line_item.final_price | times: 0.01 }}, // HINTA LIUKULUKUNA
quantity: {{ line_item.quantity }} // MÄÄRÄ NUMERONA
}
]
}
});
</script>
<script>
window.addEventListener('load', function () {
SHOPARIZE_API().conv(YOUR_SHOPARIZE_PARTNER_SHOPID);
});
</script>
Muista määrittää kauppasi tunnus samalla tavalla kuin yllä:
SHOPARIZE_API().conv(YOUR_SHOPARIZE_PARTNER_SHOPID);
Esimerkiksi, jos kauppasi ID on 1234, sen tulee näyttää tältä:
SHOPARIZE_API().conv(1234);
JavaScript-koodinpätkän on ajettava kaikilla kaupan sivuilla, kuten etusivulla, kategoriasivuilla ja tuotesivuilla (pois lukien kiitossivu):
// 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>
Muista määrittää kauppasi tunnus samalla tavalla kuin yllä:
SHOPARIZE_API().init(YOUR_SHOPARIZE_PARTNER_SHOPID);
Esimerkiksi, jos kauppasi ID on 1234, sen tulee näyttää tältä:
SHOPARIZE_API().init(1234);
Esimerkkipyynnön tulisi näyttää suunnilleen tältä:
{
"shopId": "11111",
"dataLayer": {
"ecommerce": {
"transaction_id": "1006",
"value": 0,
"tax": 0,
"shipping": 0,
"currency": "EUR",
"items": [
{
"item_id": "6967987077320",
"item_name": "Nature Cure CBD-öljy 30%/ 30 ml - Nature Cure CBD-öljy 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"
}
Sen jälkeen luo testitilaus linkin avulla, jonka Shoparize-tukitiimin tulee antaa sinulle.
