Introduction
Es totalmente posible integrar tu propio plugin de tracking front-end en tu solución de comercio electrónico. El primer bloque de código debe añadirse a la página de “Order Success”, mientras que el segundo bloque debe implementarse en páginas como “Product List”, “Product Detail” y similares. Es de suma importancia tener en cuenta que el siguiente bloque de código no es una solución lista para usar. Debes modificar las variables del lado derecho según tus requisitos específicos. El snippet de js debe ejecutarse únicamente en la thank you page (página de confirmación de pedido) después de crear un pedido:
// ESTE BLOQUE DE CÓDIGO ES PARA LA PÁGINA DE PEDIDO COMPLETADO
<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 }}", // CADENA DEL NÚMERO DE PEDIDO
value: {{ total_price | times: 0.01 }}, // IMPORTE TOTAL (FLOAT)
tax: {{ tax_price | times: 0.01 }}, // IMPORTE DE IMPUESTOS (FLOAT)
shipping: {{ shipping_price | times: 0.01 }}, // IMPORTE DE ENVÍO (FLOAT)
currency: "{{ order.currency }}", // CADENA DE MONEDA
items: [ // ARRAY DE ARTÍCULOS COMPRADOS
{
item_id: "{{ line_item.product_id }}", // CADENA DE ID DEL ARTÍCULO
item_name: "{{ line_item.title | remove: "'" | remove: '"' }}", // NOMBRE DEL ARTÍCULO SIN NINGUNA COMILLA SIMPLE O DOBLE AÑADIDA (CADENA)
currency: "{{ order.currency }}", // CADENA DE MONEDA
price: {{ line_item.final_price | times: 0.01 }}, // PRECIO (FLOAT)
quantity: {{ line_item.quantity }} // CANTIDAD (NÚMERO)
}
]
}
});
</script>
<script>
window.addEventListener('load', function () {
SHOPARIZE_API().conv(YOUR_SHOPARIZE_PARTNER_SHOPID);
});
</script>
No olvides configurar tu ID de tienda, tal como se indicó arriba:
SHOPARIZE_API().conv(YOUR_SHOPARIZE_PARTNER_SHOPID);
Por ejemplo, si el ID de tu tienda es 1234, debe verse así:
SHOPARIZE_API().conv(1234);
El fragmento de código JS debe ejecutarse en todas las páginas de la tienda, como inicio, categoría y producto (excepto en la página de agradecimiento):
// ESTE BLOQUE DE CÓDIGO ES PARA PÁGINAS DE PRODUCTO, PÁGINA DE INICIO, 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>
No olvides configurar tu ID de tienda, tal como se indicó arriba:
SHOPARIZE_API().init(YOUR_SHOPARIZE_PARTNER_SHOPID);
Por ejemplo, si el ID de tu tienda es 1234, debe verse así:
SHOPARIZE_API().init(1234);
La solicitud de ejemplo debería ser similar a algo como esto:
{
"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"
}
Después de eso, crea un pedido de prueba utilizando un enlace que debe proporcionarte el equipo de soporte de Shoparize.
