¿Cómo configurar el Webtracking en Tienda Nube?

En WoowUp hemos desarrollado un script de Webtracking que permite rastrear los productos visitados por tus clientes dentro de tu ecommerce. Implementarlo es un proceso sencillo que no requiere conocimientos técnicos avanzados, sin necesidad de realizar ningún desarrollo adicional.

Hemos implementado dos scripts distintos, uno para utilizar con Google Tag Manager y otro para insertarlo directamente en Tienda Nube. Debes elegir el método que consideres más adecuado para tu marca.

Utilizando Google Tag Manager

Puedes seguir este video con el paso a paso para configurar el script de Webtracking utilizando Google Tag Manager:

El script que debes pegar es el siguiente:

❗Debes reemplazar en la última línea de este script la 'ClavePublica' de tu entorno en WoowUp. Puedes obtener esta clave dentro de WoowUp en Configuración > Mi Cuenta. Este dato debe insertarse con las comillas simples.

<!-- WoowUp -->
<script src="https://assets-cdn.woowup.com/js/webtracking.min.js" type="text/javascript">
"use strict";
</script><script>
"use strict";
document.addEventListener("DOMContentLoaded", function() {
    if (LS.product){
    loadScript();
    setTimeout(sendSku, 1500);
  }
});
function loadScript(_callback) {
  var script = document.createElement('script');
  script.src = 'https://assets-cdn.woowup.com/js/webtracking.min.js';
  var body = document.getElementsByTagName("body")[0];
  body.appendChild(script);
}
function sendSku() {
  var skuVal = JSON.parse(document.getElementById('single-product').dataset.variants)[0].sku;
  var priceVal = JSON.parse(document.getElementById('single-product').dataset.variants)[0].price_number;
  var comparePriceVal = JSON.parse(document.getElementById('single-product').dataset.variants)[0].compare_at_price_number;
  var offerPrice = null;
  var offerPriceVal = null;
  var hasOfferPrice = comparePriceVal != null;
  var metadata = null;
  if (hasOfferPrice) metadata = {
    sku: skuVal,
    // required
    price: priceVal,
    offer_price: offerPriceVal
    /* if you need to send more metadata add it here */
  };else metadata = {
    sku: skuVal,
    // required
    price: priceVal,
    offer_price: null
    /* if you need to send more metadata add it here */
  };
  var callback = function callback() {
    /* Optional: if you need to call a function after tracking put it here */
  };
  WU.track('ClavePublica', 'product-view', metadata, callback);
}
</script>

Insertando el script directamente en Tienda Nube

Paso 1: Acceder a la Configuración de Tienda Nube

Iniciar sesión en su cuenta de Tienda Nube.
En el panel principal, dirigirse a la sección de Configuración.

Paso 2: Navegar a Configuraciones Avanzadas

En el menú lateral, buscar y hacer click en Códigos Externos.

Paso 3: Insertar el Script de Tracking

Ir a la sección de Códigos de conversión y tracking.
En Códigos de tracking, seleccionar la pestaña Para la Tienda.
Pegar el siguiente script de WoowUp en la caja de texto que aparece.

❗Nota: Si ya tienen otros scripts insertados, asegurarse de situar el script de WoowUp al final de todos los scripts existentes.

<!-- WoowUp Webtracking -->
<script src="https://assets-cdn.woowup.com/js/webtracking.min.js" type="text/javascript"></script><script>

$( document ).ready(function(){
  if (LS.product){
    loadScript();
    setTimeout(sendSku, 1500);
  }
});
function loadScript(_callback){
   var script = document.createElement('script');
   script.src = 'https://assets-cdn.woowup.com/js/webtracking.min.js';
   var body = document.getElementsByTagName("body")[0];
   body.appendChild(script);
}
  function sendSku(){
        let skuVal = JSON.parse(document.getElementById('single-product').dataset.variants)[0].sku;
        let priceVal = JSON.parse(document.getElementById('single-product').dataset.variants)[0].price_number;
        let comparePriceVal = JSON.parse(document.getElementById('single-product').dataset.variants)[0].compare_at_price_number;

        let offerPrice=null;
        let offerPriceVal=null;
        let hasOfferPrice = (comparePriceVal!=null);

        let metadata = null;

        if (hasOfferPrice) 
        metadata =
        {
            sku: skuVal, // required
            price: priceVal,
            offer_price: offerPriceVal 
            /* if you need to send more metadata add it here */
        }
        else
        metadata=
       {
            sku: skuVal, // required
            price: priceVal,
            offer_price: null
            /* if you need to send more metadata add it here */
        }

        let callback = function () {
            /* Optional: if you need to call a function after tracking put it here */
        };
        WU.track('ClavePublica', 'product-view', metadata, callback);
  }
</script>

Paso 4: Guardar los Cambios

Después de pegar el script, asegurarse de guardar los cambios realizados.

Listo! Completados estos pasos ya quedará activo el Webtracking en tu cuenta de Woowup. Verás información de productos visitados por tus clientes una vez que comiences a enviar campañas.