Introduction
Możesz w pełni samodzielnie zintegrować własną wtyczkę front-end tracking z Twoim rozwiązaniem e-commerce. Pierwszy blok kodu należy dodać na stronie „Order Success”, natomiast drugi blok powinien zostać wdrożony na stronach takich jak „Product List”, „Product Detail” i podobnych. Należy podkreślić, że poniższy blok kodu nie jest gotowym rozwiązaniem typu plug-and-play. Musisz dostosować zmienne po prawej stronie zgodnie z Twoimi konkretnymi wymaganiami. Fragment js musi uruchamiać się wyłącznie na stronie podziękowania (stronie potwierdzenia zamówienia) po utworzeniu zamówienia:
// TEN BLOK KODU NA STRONĘ POTWIERDZENIA ZAMÓWIENIA
<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 NUMERU ZAMÓWIENIA
value: {{ total_price | times: 0.01 }}, // ŁĄCZNA CENA (FLOAT)
tax: {{ tax_price | times: 0.01 }}, // PODATEK (FLOAT)
shipping: {{ shipping_price | times: 0.01 }}, // WYSYŁKA (FLOAT)
currency: "{{ order.currency }}", // WALUTA (STRING)
items: [ // TABLICA KUPIONYCH PRODUKTÓW
{
item_id: "{{ line_item.product_id }}", // ID PRODUKTU (STRING)
item_name: "{{ line_item.title | remove: "'" | remove: '"' }}", // NAZWA PRODUKTU BEZ POJEDYNCZYCH I PODWÓJNYCH CUDZYSŁOWÓW (STRING)
currency: "{{ order.currency }}", // WALUTA (STRING)
price: {{ line_item.final_price | times: 0.01 }}, // CENA (FLOAT)
quantity: {{ line_item.quantity }} // ILOŚĆ (LICZBA)
}
]
}
});
</script>
<script>
window.addEventListener('load', function () {
SHOPARIZE_API().conv(YOUR_SHOPARIZE_PARTNER_SHOPID);
});
</script>
Nie zapomnij skonfigurować swojego ID sklepu, tak jak pokazano powyżej:
SHOPARIZE_API().conv(YOUR_SHOPARIZE_PARTNER_SHOPID);
Na przykład, jeśli identyfikator Twojego sklepu to 1234, powinno to wyglądać tak:
SHOPARIZE_API().conv(1234);
Fragment kodu JS musi być uruchamiany na wszystkich stronach sklepu, takich jak strona główna, kategorie i produkty (z wyłączeniem strony podziękowania):
// 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>
Nie zapomnij skonfigurować swojego ID sklepu, tak jak pokazano powyżej:
SHOPARIZE_API().init(YOUR_SHOPARIZE_PARTNER_SHOPID);
Na przykład, jeśli identyfikator Twojego sklepu to 1234, powinno to wyglądać tak:
SHOPARIZE_API().init(1234);
Przykładowe żądanie powinno wyglądać mniej więcej tak:
{
"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"
}
Następnie utwórz zamówienie testowe, korzystając z linku, który przekaże Ci zespół wsparcia Shoparize.
