Ir al contenido principal

💲 Sigue las ventas de su comercio electrónico con enlaces trackeados

A partir de sus campañas, tiene la posibilidad de crear enlaces rastreados y compartirlos con los KOL de su elección. De este modo, se pueden recuperar varios datos útiles:

  • Número de clics

  • Origen de los clics

    • Geografía (país/ciudad)

    • Redes sociales

Ahora puede realizar un seguimiento de las ventas en su sitio de comercio electrónico a partir de estos enlaces generados en la aplicación. Shopify y Prestashop son compatibles de forma nativa, no dude en ponerse en contacto con su contacto Kolsquare o nuestro apoyo con el fin de apoyarle mejor en otros CMS o sitios personalizados.

Shopify

Primer paso

  1. Vaya a su administrador de Shopify

  2. Vaya a la pestaña "Temas" de su tienda online desde el menú de la izquierda, o vaya directamente a este enlace: https://admin.shopify.com/store/kolshopp/themes

  1. Una vez en la página "Tema", identifique su tema actual y haga clic en los 3 puntos correspondientes, luego en "Editar código".
    ​
    ​

  2. Busca el archivo "theme.liquid". Lo encontrará más fácilmente gracias a la barra de búsqueda situada en la parte superior izquierda y, a continuación, haga clic en él (el archivo se abrirá en el panel derecho).
    ​
    ​

  3. En este archivo, vaya a la parte inferior del mismo y pegue el siguiente código (Tenga cuidado de no borrar el código existente):
    ​ADVERTENCIA: Pegue el código justo antes de las etiquetas </body> y </html> como en la siguiente captura de pantalla
    ​

    <script>
    if (window) {const urlParams = new URLSearchParams(window?.location?.search);
    const sales_token = urlParams.get('ts');
    if (sales_token) {window.localStorage.setItem('kolsquare', JSON.stringify({ sales_token }));}}
    </script>

4. Guarde su modificación

Segundo paso


Ve a tu administrador de Shopify
Busca «Pixels» en la barra de búsqueda y haz clic en «Pixels» en los resultados de la búsqueda

Capture d’écran 2024-10-14 à 17.11.37.png

Una vez en el menú «Píxeles» (Eventos de clientes), haga clic en «Añadir píxel personalizado»
​
​
​

Capture d’écran 2024-10-14 à 17.11.52.png

Nombra el píxel personalizado «Kolsquare» para que sea más fácil de encontrar.

Capture d’écran 2024-10-14 à 17.12.13.png

En la sección Privacidad del Cliente, despliega los dos banners «Permiso» y «Venta de datos». Y selecciona «No obligatorio» para el primero, y «Los datos recopilados no se consideran venta de datos» para el segundo.
​
​
​

En la sección «Code», elimine el contenido ya presente y copie y pegue el siguiente code:
​
​

function getCoupons(checkout) {
const allDiscountCodes = checkout.discountApplications.map((discount) => {
if (discount.type === 'DISCOUNT_CODE') {
return discount.title;
}
});

return allDiscountCodes.join(", ");
}

analytics.subscribe('checkout_completed', (event) => {
const { sales_token } = JSON.parse(window.localStorage.getItem('kolsquare'));

if (!sales_token) return null;

const checkoutTracking = async data => {
if (!sales_token) return null;
const response = await
fetch(`https://api.kolsquare.com/influence/tracking_links/sales/${sales_token}`, {
method: 'POST',
body: JSON.stringify({ tracking_link_sale: {
order_id: event.data.checkout.order?.id,
total_price: event.data.checkout.totalPrice.amount,
currency: event.data.checkout.totalPrice.currencyCode,
items_count: event.data.checkout.lineItems.length,
created_at: event.timestamp,
discount_code: getCoupons(event.data.checkout),
store_framework: 'shopify_pixel'
}}),
headers: {
'Content-type': 'application/json',
'Access-Control-Allow-Origin': '*',
},
})
return response;
}

checkoutTracking(event).then(() =>
window.localStorage.removeItem('kolsquare'));
});
Capture d’écran 2024-10-14 à 17.14.00.png

Guarde mediante el botón situado en la parte superior de la página. Y confirma el guardado si es necesario.
​
​
​

Haz clic en «Conect» para poner el píxel en línea
​
​
​

El píxel está instalado!

A partir de ahora, cuando una persona realice un pedido desde un enlace de seguimiento generado desde Kolsquare, la información de la venta será visible en la pestaña "Informes" de su campaña.

Prestashop

  1. Vaya a su administración Prestashop

  2. Vaya a "Módulos" > "Gestor de módulos".
    ​

    Capture d’écran 2023-10-20 à 11.13.03.png
  3. Una vez en la página, haga clic en "Cargar un módulo" en la parte superior derecha de la página
    ​
    ​

    Capture d’écran 2023-10-20 à 11.13.21.png
  4. Capture d’écran 2023-10-20 à 11.13.29.png
  5. El módulo está instalado.
    ​

    Capture d’écran 2023-10-20 à 11.15.48.png

A partir de ahora, cuando una persona realice un pedido desde un enlace de seguimiento generado desde Kolsquare, la información de la venta será visible en la pestaña "Informes" de tu campaña.

Otras tiendas virtuales y tiendas virtuales personalizadas

Podremos realizar un seguimiento de las ventas únicamente compartiendo los enlaces de seguimiento generados en influence.

campaigns -> tracking links

Para dejar Kolsquare vincular su campaña con sus ventas, usted tiene que poner trozo de 2 códigos en
su código base.
Para ello, pegue el código de abajo en el lugar correcto para cargar el script en la primera carga. (Cada página debe ser capaz de cargar la secuencia de comandos)

const urlParams = new URLSearchParams(window.location.search);

const sales_token = urlParams.get('ts');

if (sales_token) {
window.localStorage.setItem('kolsquare', JSON.stringify({ sales_token }));
}

A continuación, añada el código siguiente a su página de pago. (El envío debe activar la función).

const kolsquare_tracking_sales = async () => {
const { sales_token } = JSON.parse(window.localStorage.getItem('kolsquare'));
const data = {
order_id: // put your order_id,
order_number: // put your order_number,
total_price: // put your total_price,
currency: // put your currency,
items_count: // put your items_count,
created_at: // put your created_at,
discount_code: // put your discount_code,
}

if (!sales_token) return null;

return await fetch(`https://api.kolsquare.com/influence/tracking_links/sales/${sales_token}`, {
method: 'POST',
body: JSON.stringify({ tracking_link_sale: data }),
headers: {
'Content-type': 'application/json',
'Access-Control-Allow-Origin': '*',
},
'Cache-Control': 'no-cache',
})
}

kolsquare_tracking_sales().then(() => window.localStorage.removeItem('kolsquare'));

El código está escrito a modo de ejemplo. Puede modificarlo como desee. Sólo el objeto de datos y
no pueden ser modificados.

Una vez que su configuración se hace, vamos a coger los datos et ponerlo en su campaña de presentación de informes 🎉

Los datos que se cargarán en la aplicación

Los datos de ventas se sincronizan dos veces al día para actualizar sus informes

  • Número de ventas

  • Ingresos

  • Cesta media

  • Número de artículos

  • Número medio de artículos por venta

  • ROI (Ingresos - Presupuesto invertido)

  • ROAS (Ingresos / Presupuesto invertido)

  • Conversion Rate (Número de ventas / Número de clics)

¿Ha quedado contestada tu pregunta?