Para la configuración del Comercio electrónico de Universal Analytics de Google tenemos que seguir la documentación que se explica desde el siguiente enlace:
Aquí se puede ver que actualmente existen dos métodos principales para implementar el comercio electrónico de Universal Analytics (estándar y mejorado). Tendremos que seleccionar uno de ellos y pasar a configurarlo desde la cuenta de Google.
Una vez tengamos configurada la parte de Google tendremos que añadir en Dispongo los scripts desde el módulo de "Scripts de conversión" del Panel de Control, entrando en Aplicación > Implantación > Canales > Portales Web.
Se puede consultar la documentación sobre el funcionamiento de este módulo en el artículo:
Desde este formulario tendremos que configurar los siguientes scripts:
Scrips comunes para las dos versiones del Comercio electrónico:
Nombre: Google Tag Manager (head)
Tipo: ScriptTodasLasPaginas
Ubicación: Header
Script: aquí pegaremos el script que nos indica desde el panel de configuración de Google, que tendrá un aspecto similar a este:
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','XXX-XXXXXXX');</script>
<!-- End Google Tag Manager -->
* En el campo XXX-XXXXXXX se mostrará nuestro código de Google Tag Manager.
Nombre: Google Tag Manager (body)
Tipo: ScriptTodasLasPaginas
Ubicación: BodyStart
Script: aquí pegaremos el script que nos indica desde el panel de configuración de Google, que tendrá un aspecto similar a este:
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=XXX-XXXXXXX"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
* En el campo XXX-XXXXXXX se mostrará nuestro código de Google Tag Manager.
Scripts para las transacciones en el Comercio electrónico estándar:
Nombre: Google Tag Manager (fin reserva)
Tipo: ScriptFinReserva
Ubicación: Header
Script: aquí se va a configurar el script correspondiente para recoger los datos de las transacciones. En este script tenemos que hacer uso de las variables o comodines disponibles en Dispongo, para poder recoger los datos necesarios. El script final tendrá un aspecto similar a este:
<script>
window.dataLayer = window.dataLayer || [];
dataLayer.push({
'transactionId': '##Expediente.Localizador##',
'transactionAffiliation': 'XXX',
'transactionTotal': ##Expediente.ImportePVP##,
'transactionProducts': [
//while
##WHILE Expediente.Servicio.Ocupacion(,)##
{
'sku': '##Expediente.Servicio.Ocupacion.CodConcepto##',
'name': '##Expediente.Servicio.Ocupacion.Concepto##',
'category': '##Expediente.Servicio.Ocupacion.ServicioTipo##',
'price': '##Expediente.Servicio.Ocupacion.IMPNetoCliente##',
'quantity': ##Expediente.Servicio.Ocupacion.Unidades##
}
##END WHILE Expediente.Servicio.Ocupacion##
//end while
]
});
</script>
* En el campo XXX pondremos el nombre que queramos registrar para las transacciones, por ejemplo el nombre de la marca o empresa.
* Dentro del nodo "transactionProducts" se está generando un bucle para recorrer las ocupaciones del expediente, y pintar los datos necesarios de cada una de ellas. La forma de montar el bucle y los comodines disponibles para este bucle se pueden ver en la pestaña "Bucles" del formulario del Panel de Control de Dispongo.
Scripts para las transacciones del Comercio electrónico mejorado:
Nombre: Google Tag Manager ecommerce (fin reserva)
Tipo: ScriptFinReserva
Ubicación: Header
Script: aquí se va a configurar el script correspondiente para recoger los datos de las transacciones. En este script tenemos que hacer uso de las variables o comodines disponibles en Dispongo, para poder recoger los datos necesarios. El script final tendrá un aspecto similar a este:
<script>
// Send transaction data with a pageview if available
// when the page loads. Otherwise, use an event when the transaction
// data becomes available.
dataLayer.push({
'ecommerce': {
'purchase': {
'actionField': {
'id': '##Expediente.Localizador##',
'affiliation': '##CanalVenta.Codigo##',
'revenue': '##Expediente.ImportePVP##'
},
'products': [
//while
##WHILE Expediente.Servicio.Ocupacion(,)##
{ // List of productFieldObjects.
'name': '##Expediente.Servicio.Ocupacion.Concepto##',
'id': '##Expediente.Servicio.Ocupacion.CodConcepto##',
'price': '##Expediente.Servicio.Ocupacion.IMPNetoCliente##',
'category': '##Expediente.Servicio.Ocupacion.ServicioTipo##',
'variant': '##Expediente.Servicio.Ocupacion.Alojamiento##',
'quantity': ##Expediente.Servicio.Ocupacion.Unidades##
}
##END WHILE Expediente.Servicio.Ocupacion##
//end while
]
}
}
});
</script>
* Dentro del nodo "products" se está generando un bucle para recorrer las ocupaciones del expediente, y pintar los datos necesarios de cada una de ellas, y pintar los datos necesarios de cada uno de ellos. La forma de montar el bucle y los comodines disponibles para este bucle se pueden ver en la pestaña "Bucles" del formulario del Panel de Control de Dispongo.
Scripts opcionales para el seguimiento de transacciones del Comercio electrónico mejorado:
Nombre: Google Tag Manager ecommerce (ficha producto)
Tipo: ScriptFichaProducto
Ubicación: Header
Script: este script se generará en cada ficha de producto del sitio web y la idea es recoger datos cuando se accede a cada proucto, guardandonos su nombre, id y el precio mínimo, cuando lo tengamos. El aspecto final del script será el siguiente:
<script>
// Measure a view of product details. This example assumes the detail view occurs on pageload,
// and also tracks a standard pageview of the details page.
dataLayer.push({
'ecommerce': {
'detail': {
'products': [{
'name': '##Alojamiento.Nombre##', // Name or ID is required.
'id': '##Alojamiento.CodAlojamiento##',
'price': '##Valoracion.ProductoImporteMinimo##'
}]
}
}
});
</script>
Nombre: Google Tag Manager ecommerce (carrito)
Tipo: ScriptDatosReserva
Ubicación: Header
Script: este script se generará en la pantalla del carrito de compra del sitio web y se recogerán los datos del carrito en el proceso de reserva, justo antes de confirmar el expediente. El aspecto final del script será el siguiente:
<script>
dataLayer.push({
'event': 'addToCart',
'ecommerce': {
'currencyCode': '##Expediente.Moneda##',
'add': {
'products': [
//while
##WHILE Expediente.Servicio.Ocupacion(,)##
{
'name': '##Expediente.Servicio.Ocupacion.Concepto##',
'id': '##Expediente.Servicio.Ocupacion.CodConcepto##',
'price': '##Expediente.Servicio.Ocupacion.IMPNetoCliente##',
'category': '##Expediente.Servicio.Ocupacion.ServicioTipo##',
'variant': '##Expediente.Servicio.Ocupacion.Alojamiento##',
'quantity': ##Expediente.Servicio.Ocupacion.Unidades##
}
##END WHILE Expediente.Servicio.Ocupacion##
//end while
]
}
}
});
</script>
* Dentro del nodo "products" se está generando un bucle para recorrer las ocupaciones del expediente actual, y pintar los datos necesarios de cada una de ellas, y pintar los datos necesarios de cada uno de ellos. La forma de montar el bucle y los comodines disponibles para este bucle se pueden ver en la pestaña "Bucles" del formulario del Panel de Control de Dispongo.
Nombre: Google Tag Manager ecommerce (reembolso)
Tipo: ScriptFinCancelacionReserva
Ubicación: Header
Script: este script se generará cuando se ha cancelado una reserva desde la web, guardandonos el localizador del expediente. El aspecto final del script será el siguiente:
<script>
// Refund an entire transaction by providing the transaction ID. This example assumes the details
// of the completed refund are available when the page loads:
dataLayer.push({
'ecommerce': {
'refund': {
'actionField': {'id': '##Expediente.Localizador##'}
}
}
});
</script>
Comentarios
0 comentarios
Inicie sesión para dejar un comentario.