Código de seguimiento personalizado en la página de confirmación del pedido
Si está llevando a cabo una campaña publicitaria o ha establecido un programa de marketing de afiliación utilizando un servicio de terceros, puede medir los resultados añadiendo a su tienda el código de seguimiento de conversiones proporcionado por esa empresa. Los códigos de seguimiento suelen instalarse en la página de confirmación del pedido, la última página que ven los compradores tras realizar sus pedidos.
Para iniciar el seguimiento de las conversiones obtenga el código de seguimiento del afiliado o del servicio de terceros que desee utilizar, añada a ese código las variables soportadas por Ecwid y péguelo en la sección especial de su administrador de Ecwid, en la página Configuración → General → Seguimiento y análisis.
Añadir un código de seguimiento personalizado a su tienda Ecwid
Normalmente los servicios de afiliación o publicidad requieren que pegue su script de seguimiento en la página de Confirmación de pedido del carrito de la compra. La página de confirmación de pedido es la página en la que los compradores ven el mensaje «Gracias por su pedido» después de realizar sus pedidos; su URL termina en /checkout/order-confirmation.
Hay una sección especial en el panel de administración de Ecwid donde puede poner dicho código de píxel, y se ejecutará cada vez que un comprador llegue a la página de Confirmación de pedido.
Para insertar un código de seguimiento de terceros en la página de Confirmación de pedido de su tienda Ecwid:
- Desde su administrador de Ecwid, vaya a Configuración → General → Seguimiento y análisis.
- Desplácese hasta la sección Personalice el código de seguimiento en la página de confirmación de pedido y haga clic en el alternador. Verá una ventana emergente:
- Añada su código personalizado en la casilla Personalice el código de seguimiento en la página de confirmación de pedido de la ventana emergente. Si necesita añadir varios códigos, péguelos uno tras otro en esta zona.
- Haga clic en Guardar.
Una vez añadido, su código de seguimiento se ejecutará cada vez que un cliente llegue a la página de Confirmación de pedido de su tienda.
Añadir variables Ecwid a un código de seguimiento personalizado
Si necesita pasar los detalles del pedido a un servicio de seguimiento, tendrá que modificar su código de seguimiento añadiendo variables compatibles con Ecwid. Estas son las mismas variables que puede ver en las plantillas de correo electrónico de Ecwid. Consulte la lista completa de variables disponibles.
Puede insertar códigos HTML y Javascript en la página de Confirmación de Pedido - las variables de Ecwid funcionarán con ambos tipos de código. Sin embargo, hay una ligera diferencia en cómo debe pegar las variables en estos códigos.
HTML
Cuando utilice un código HTML personalizado, deberá pegar las variables en él «tal cual»:
${order.total}, ${customer.name}, ${order.number}, etc.
He aquí un ejemplo de cómo se verán estas variables en un código HTML:
<img src="https://tracking_pixel.com?order-id=${order.number}&amount=${order.total}" />
Javascript
Cuando utilice un código de seguimiento Javascript, deberá añadir lo siguiente a su código (junto con las variables):
1. Rodee su código con las etiquetas <#noescape> para que los datos se transmitan en el formato correcto:
<script>
<#noescape>
…
</#noescape>
</script>
He aquí un ejemplo de cómo se verán estas variables en un código Javascript:
<script>
<#noescape>
<#list order.items as orderItem>
console.log("El precio del artículo es ${orderItem.price}")
</#list>
</#noescape>
</script>
2. Añada ?js_string a las variables que pasan un texto. Por ejemplo, tendrá que utilizar ?js_string con variables como ${customer.name} y ${orderItem.name}. Sin embargo, no es necesario añadirlo a las variables que pasan números, como el total del pedido y el número de pedido.
He aquí un ejemplo de cómo se verán estas variables en un código Javascript:
"order_id": "${order.number}",
"email": "${customer.email?js_string}",
"delivery_country": "${order.billingAddress.countryCode?js_string}"