Al registrar la cuenta de Google Analytics 4, se debe configurar el seguimiento de comercio electrónico.
Si ya lo tiene configurado, puede pasar a Integrar Google Analytics 4 con el sistema.
Lee sobre cómo configurar el seguimiento de comercio electrónico en documentación de Google.
Obtener el código de seguimiento
El código de seguimiento de Google Analytics 4 es un script en JavaScript que se lanza por el navegador de un visitante de la página web. El código de seguimiento ayuda a pasar los datos de las acciones del visitante en la página del visitante a Google Analytics.
Lee sobre cómo obtener el código de seguimiento en documentación de Google.
Copie el ID DE MEDICIÓN completo desde Google Analytics 4. En vez de G -XXXXXXXXX aparecerá el identificador válido de seguimiento.
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G -XXXXXXXXX"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G -XXXXXXXXX');
</script>Ajustes en la página web
A continuación, se debe añadir el código de seguimiento a todas las páginas del sitio web ubicándolo antes de la etiqueta de cierre </head>.
Para que la información sobre los pedidos completados llegue a Google Analytics, se debe modificar el código de seguimiento añadiendo información sobre pedido en la página de finalización del pedido.
Se debe modificar el código solo en las páginas que los usuarios ven al finalizar/confirmar sus pedidos. De esta manera, el código modificado se activará solo una vez para cada nuevo pedido.
A diferencia del código modificado, un código de seguimiento regular se lanza a cada visita de la página que contiene el código.
Para el módulo de Google Analytics 4, se debe modificar el código de seguimiento enviando datos de cada pedido:
<script type="text/javascript">
gtag('event', 'purchase', {
"transaction_id": '1234', // ID de transacción
"affiliation": 'example.com', // Nombre de la tienda
"value": 23.07, // Valor del evento
"tax": 1.24, // Impuesto
"shipping": 0, // Coste de entrega
"items": // Matriz de productos
[{
"id": "1234", // ID de producto
"name": "Mouse Logitech", // Nombre de producto
"category": "Wireless", // Categoría de producto
"quantity": 2, // Unidades
"price": '750' // Precio de compra
}]
});
</script>En este código se puede indicar los campos en cualquier order. Es solo ID de transacción que es obligatorio para la funcionalidad correcta de la integración. Los nombres de campos deben estar en minúsculas latinas, por ejemplo, category sino Category ni CATEGORY.
La lista completa de los campos está disponible en la documentación oficial.
Además, al enviar los datos de pedidos, se debe indicar el clientId del visitante en el parámetro especial creado en el paso 2. Con este fin, añada el siguiente código:
function get_ga_clientid() {
var cookie = {};
document.cookie.split(';').forEach(function(el) {
var splitCookie = el.split('=');
var key = splitCookie[0].trim();
var value = splitCookie[1];
cookie[key] = value;
});
if ('undefined' === typeof cookie['_ga']) {return ''};
return cookie['_ga'].substring(6);
}
gtag('set', {'analyticsCookieId': get_ga_clientid()});¡Importante!
El código que contiene el valor de clientId se debe lanzar solo al enviar los datos de pedidos sino en cada página del sitio web.
Enviando las transacciones a Google Analytics, pueden surgir complicaciones con algunos pedidos (por ejemplo, gran cantidad de artículos). Para el comercio electrónico avanzado todos los datos de productos están integrados en solo una solicitud a Google Analytics (en caso no hay ninguna realización especial de la solicitud). El tamaño máximo de la solicitud HTTP, que la mayoría de los navegadores soporta, es 8192 bytes, por lo cual las solicitudes que superan este tamaño no se procesan en Google Analytics.
Más detalles en la documentación de Google.