Introduction
É perfeitamente possível integrar o seu próprio plugin de front-end tracking à sua solução de e-commerce. O primeiro bloco de código deve ser adicionado à página de “Order Success”, enquanto o segundo bloco deve ser implementado em páginas como “Product List”, “Product Detail” e assim por diante. É de importância máxima destacar que o bloco de código a seguir não é uma solução pronta para uso. Você precisa modificar as variáveis à direita de acordo com as suas necessidades específicas. O snippet de js deve ser executado apenas na thank you page (página de confirmação de pedido) após a criação de um pedido:
// ESTE BLOCO DE CÓDIGO VAI NA PÁGINA DE SUCESSO DO PEDIDO
<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 DO NÚMERO DO PEDIDO
value: {{ total_price | times: 0.01 }}, // VALOR TOTAL FLOAT
tax: {{ tax_price | times: 0.01 }}, // IMPOSTO FLOAT
shipping: {{ shipping_price | times: 0.01 }}, // ENVIO FLOAT
currency: "{{ order.currency }}", // STRING DA MOEDA
items: [ // ARRAY DE ITENS COMPRADOS
{
item_id: "{{ line_item.product_id }}", // STRING DO ID DO ITEM
item_name: "{{ line_item.title | remove: "'" | remove: '"' }}", // NOME DO ITEM SEM QUALQUER ASPA SIMPLES OU DUPLA ADICIONADA STRING
currency: "{{ order.currency }}", // STRING DA MOEDA
price: {{ line_item.final_price | times: 0.01 }}, // PREÇO FLOAT
quantity: {{ line_item.quantity }} // NÚMERO DA QUANTIDADE
}
]
}
});
</script>
<script>
window.addEventListener('load', function () {
SHOPARIZE_API().conv(YOUR_SHOPARIZE_PARTNER_SHOPID);
});
</script>
Não se esqueça de configurar o seu shop id, conforme mostrado acima:
SHOPARIZE_API().conv(YOUR_SHOPARIZE_PARTNER_SHOPID);
Por exemplo, se o ID da sua loja for 1234, ele deve ficar assim:
SHOPARIZE_API().conv(1234);
O snippet de JS deve ser executado em todas as páginas da loja, como página inicial, categoria e produto (exceto na página de agradecimento):
// ESTE BLOCO DE CÓDIGO É PARA PÁGINAS DE PRODUTO, PÁGINA INICIAL 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>
Não se esqueça de configurar o seu ID da loja, conforme mostrado acima:
SHOPARIZE_API().init(YOUR_SHOPARIZE_PARTNER_SHOPID);
Por exemplo, se o ID da sua loja for 1234, ele deve ficar assim:
SHOPARIZE_API().init(1234);
A solicitação de exemplo deve ser semelhante a algo como isto:
{
"shopId": "11111",
"dataLayer": {
"ecommerce": {
"transaction_id": "1006",
"value": 0,
"tax": 0,
"shipping": 0,
"currency": "EUR",
"items": [
{
"item_id": "6967987077320",
"item_name": "Nature Cure Óleo de CBD 30%/ 30 ml - Nature Cure Óleo de 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"
}
Depois disso, crie um pedido de teste usando o link que a equipa de suporte da Shoparize deverá fornecer.
