Guía Cookiebot - Plugin de seguimiento para Shopware 6

Índice

Vídeo tutorial - Cookiebot

Instalar e implementar el plugin Cookiebot

Configurar Cookiebot

Accede a tu cuenta Cookiebot e inicia la configuración.

Añadir dominio

Una vez que hayas iniciado sesión, ve a la sección «Dominios y alias» y añade tu dominio.

Cookiebot Consent Banner einrichten
Haz clic en "Dominio y alias" en la navegación de la izquierda y añade tu dominio

Introduce tu dominio o subdominio en el campo «Dominio». Si utilizas un subdominio (shop.plugin-mom.dev), debes introducirlo también, de lo contrario no se cargará el banner de consentimiento.

Cookiebot Domain anlegen
Introduce tu dominio o subdominio

Tu dominio ya se ha creado y se muestra en la vista general

Cookiebot Domain Uebersicht
Haz clic en tu dominio o subdominio creado

Personaliza el aspecto del banner de contenido

Cookiebot Banner Konfigurieren
Haz clic en "Configuración" en la vista general

Te recomendamos que selecciones la opción «Diálogo» para que el Banner de Consentimiento se sitúe en el centro de la pantalla y aumente la probabilidad de que una persona no usuaria lo pase por alto e interactúe con el Banner de Consentimiento.

Cookiebot mittig positionieren
Haz clic en la disposición deseada. Te recomendamos que selecciones "Diálogo".

Personalizar idioma

Añade el alemán como idioma. Si utilizas otros idiomas en la tienda, añade también los idiomas respectivos.

Cookiebot auf deutsch einstellen
Haz clic en la disposición deseada. Te recomendamos que selecciones "Diálogo".
Cookiebot Sprachen
Añade el alemán como idioma, así como todos los demás idiomas que ofrezcas en la tienda

Cookiebot tiene un escáner integrado que escanea el sitio web y automáticamente encuentra y lista todas las cookies. No necesitas hacer más ajustes aquí. Por favor, comprueba las cookies listadas antes de ponerte en marcha.

Cookiebot Script

Recomendamos seleccionar «Bloqueo manual». Con el «Bloqueo automático» puede ocurrir que Cookiebot bloquee scripts importantes de Shopware y se produzca un error en la página

Cookiebot Script kopieren
Haz clic en "Implementación" y luego en "Bloqueo manual". Copia el script con "Copiar al portapapeles".

Instala y configura el plugin Cookiebot

Cambia al backend de Shopware e instala el plugin para Cookiebot o integra el código directamente en el código fuente del sitio web.

No necesariamente tienes que implementar el código a través del plugin, sino que también puedes ejecutarlo a través del código fuente o directamente a través de Google Tag Manager.

Si implementas Cookiebot a través del Google Tag Manager, asegúrate de que has seleccionado «Modo de consentimiento avanzado» en nuestro plugin, de lo contrario el Tag Manager sólo se cargará cuando alguien acepte el consentimiento, lo que no ocurrirá.

Cookiebot Shopware 6 Plugin Konifgurieren
Abre el elemento "Mi extensión" y haz clic en "Configurar" para el plugin "Cookiebot Consent Banner de Usercentrics".

Inserta el código en el plugin «Usercentrics Cookiebot Consent».

Cookiebot Shopware 6 Plugin Code
Pega el código fuente en el campo Script del plugin Shopware 6 de "Usercentrics Cookiebot Consent"

Prueba Cookiebot en la tienda

La configuración se ha completado. Borra la caché de tu tienda y abre tu tienda en el front end. Ahora debería aparecer tu banner de consentimiento Cookiebot.

Cookiebot fuer Shopware 6
El banner de Cookiebot debería aparecer cuando abras tu tienda

Configurar el plugin Shopware | GA4 y Google Ads con Google Tag Manager

Desactiva todos los demás plugins de Tag Manager, GA4 y Google Ads, de lo contrario pueden producirse errores de seguimiento.
Comprueba también la pestaña de análisis en el canal de ventas: aquí no debe rellenarse nada.

Instala el plugin desde Shopware Store y ábrelo en Shopware Backend.

Ve al backend de tu tienda Shopware y ve a la sección Extensiones

Backend Einstellung Shopware6 GA4
Haz clic en el plugin "GA4 & Google Ads con Google Tag Manager".

Establecer los canales de venta

Nuestro plugin es compatible con los canales de venta. Tienes la opción de utilizar la misma configuración para todos los canales de venta o realizar ajustes individuales para cada canal de venta. Por ejemplo, es posible utilizar un contenedor Tag Manager diferente para cada canal de ventas. Si has seleccionado todos los canales de venta, los ajustes son válidos para todos tus canales de venta.

Verkaufskanaele Shopware aendern
Tienes la opción de realizar ajustes individuales para cada canal de venta

Activar y desactivar el plugin

Puedes elegir desactivar el plugin para determinados canales, en cuyo caso no se ejecutará ningún código fuente del plugin en el canal de ventas individual.

Shopware Plugin deaktivieren
Tienes la opción de desactivar el plugin para, esto también es posible para los diferentes canales de venta

Con el ajuste Cookiebot, el plugin escucha los cambios de eventos en Cookiebot. Además, el Tag Manager sólo se carga por defecto si aceptas el banner de consentimiento.

Configuración de Google Tag Manager

ID de contenedor de Google Tag Manager

Copia tu ID de Google Tag Manager desde Google Tag Manager. El ID de Tag Manager empieza por GTM-XXXXXX.

Google Tag Manager ID kopieren aus der Uebersicht
Puedes encontrar el ID del Tag Manager en la vista general
Google Tag Manager ID kopieren aus dem Container
También puedes encontrar el ID de Google Tag Manager en tu contenedor de Googel Tag Manager
Shopware 6 Tag Manager Container ID
Pega tu ID de Google Tag Manager en el campo

Código manual de Tag Manager

Esta función permite integrar un código individual de Google Tag Manager, así como implementar un Tag Manager del lado del servidor. Recomendamos utilizar el código estándar, si se desactiva la función no se cargará el script personalizado.

Shopware 6 Plugin Serverseitges Tracking
Deja la función desactivada si utilizas el Google Tag Manager estándar.
Serverseitiger Google Tag Manager Shopware 6
Si utilizas un gestor de etiquetas del lado del servidor, inserta tu secuencia de comandos con etiquetas "".

Por favor, aclara de antemano con tu responsable de protección de datos si estás autorizado a utilizar el «Modo de Consentimiento Avanzado», ya que la situación legal no está clara.

Configuración del consentimiento

Banner de consentimiento

Con el ajuste Cookiebot, el plugin escucha los cambios de eventos en Cookiebot. Además, el Tag Manager sólo se carga por defecto si aceptas el banner de consentimiento.

Consentbanner Einstellung Cookiebot
Selecciona "Cookiebot - Banner de consentimiento" para el ajuste

Googel Modo Consentimiento V2

Con el ajuste Cookiebot, el plugin escucha los cambios de eventos en Cookiebot. Además, el Tag Manager sólo se carga por defecto si aceptas el banner de consentimiento.

ad_user_data: ‘concedido’,
ad_personalisation: ‘concedido’,
ad_storage: ‘concedido’,
analytics_storage: ‘concedido’

Más información sobre el Modo Consentimiento V2

Desactiva el Modo Consentimiento V2 de Google, ya que el cookiebot ya ofrece un Gestor del Modo Consentimiento por defecto.

Consent Mode V2 deaktivieren
Desactiva la opción, ya que el propio Cookiebot gestiona el Modo Consentimiento V2

Por favor, ¡asegúrate de que has activado el Modo Consentimiento V2 en Cookiebot!

Modo de consentimiento avanzado de Google

Por defecto, el Tag Manger sólo se carga cuando el usuario confirma el Banner de Consentimiento. Con el Modo de Consentimiento Avanzado, el Google Tag Manger se carga con el Estado de Consentimiento incluso sin consentimiento:

‘ad_storage’: ‘denegado’,
‘ad_user_data’: ‘denegado’,
‘ad_personalisation’: ‘denegado’,
‘analytics_storage’: ‘denegado’

Por favor, aclara de antemano con tu responsable de protección de datos si estás autorizado a utilizar el «Modo de Consentimiento Avanzado», ya que la situación legal no está clara.

Más información

Advanced Consent Mode Cookiebot Shopware 6
Recomendamos "desactivar" el Modo de Consentimiento Avanzado por defecto

Por favor, aclara de antemano con tu responsable de protección de datos si estás autorizado a utilizar el «Modo de Consentimiento Avanzado», ya que la situación legal no está clara.

Configuración GA4

Tienes la opción de seleccionar qué herramientas de seguimiento quieres utilizar. Si desactivas una herramienta de seguimiento, no se cargará la Capa de datos. Si activas una herramienta de seguimiento, asegúrate de que también has importado las etiquetas correspondientes en el Tag Manager.

GA4 aktivieren oder deaktivieren
Activa GA4 si quieres utilizar Google Analytics

GA4 Precios netos o brutos

GA4 ha especificado en la documentación que el «precio» y el «valor» deben ser netos El impuesto y el envío no deben incluirse en el «valor» y el «precio»:
«Establece el valor en la suma de (precio * cantidad) para todos los elementos de los artículos. No incluyas el envío ni los impuestos». Más información

GA4 Netto Wert Einstellung
Recomendamos utilizar el valor neto para "Valor" y "Precio".

Selección de canales de comercialización

Tienes la opción de seleccionar qué herramientas de seguimiento quieres utilizar. Si desactivas una herramienta de seguimiento, no se cargará el DataLayer. Ten en cuenta que si activas una herramienta de seguimiento, también debes haber importado la etiqueta correspondiente en el Tag Manager. Puedes elegir entre las siguientes herramientas de seguimiento: Google Ads, Meta Pixel, Microsoft Advertising (bing Ads), Pinterest Ads, TikTok Ads

Marketing Pixel Tracking
Selecciona los canales que quieres seguir.

Establecer las ventas (valores) para los canales de comercialización

Puedes establecer que la facturación de los canales de comercialización sea con impuestos, sin impuestos, con envío o sin envío. El ajuste se aplica a todos los canales de comercialización excepto a GA4.

Google Ads Valiue
Selecciona la configuración que desees

Valor del formulario de contacto (valor de conversión)

Puedes definir el valor que tiene para tu empresa un formulario de contacto completado. Sólo tienes que introducir el valor.

Shopware 6 generate lead Einstellung Value
Selecciona los canales que quieres seguir.

Configuración de cupones

Puedes establecer si los precios graduados o RRP (precios de ejercicio) deben transferirse a Google Analytics como cupones.

Shopware 6 Staffelpreise als Coupons
Activa la opción si quieres que los precios graduados se transfieran como un cupón
UVP als Coupon
Activa la opción si quieres que los PVP (precios de anulación) se transfieran como cupón

Seguimiento de parámetros UTM para pedidos

Puedes activar esta función para ver el origen de cada pedido en el backend de Shopware. Los parámetros «campaignCode» y «affiliateCode» ahora se describen automáticamente con la atribución del último clic. Si hay un «campaignCode» o «affiliateCode» en la URL, éstos no se sobrescribirán.

UTM Parameter Tracking
Activa la opción si quieres ver de dónde procede el usuario para cada pedido
UTM Parameter Tracking Anischt Einblenden
Mostrar la vista en "Pedidos" "Visión general" en la parte superior derecha de la "Navegación de la hamburguesa" "Código de afiliado" y "Código de campaña"

Entorno Google Tag Manager

Si utilizas un entorno especial de Google Tag Manger, por ejemplo para tu sistema de pruebas. Puedes introducirlo aquí.

Google Tag Manager Umgebung
Inserta aquí la URL de tu entorno Tag Manager

Descargar las plantillas de contenedores

Puedes descargar el contenedor correspondiente para cada canal publicitario. Aquí ya se han realizado todos los ajustes.

Todo lo que tienes que hacer es introducir tu ID de píxel personal en Variables.

GA4 Importar Contenedor Google Analytics 4

Descarga el contenedor GA4.

Abre tu contenedor de Google Tag Manager

Google Tag Manager Container importieren
Abre tu contenedor y haz clic en "Administración".
Google Tag Manager Tracking Container importieren
Haz clic en "Importar contenedor" en la columna Contenedor
Google Tag Manager Container ID auswaehlen
Haz clic en "Seleccionar archivo contenedor" y selecciona el archivo con extensión .json
GA4 Container Import Start
Selecciona "Espacio de trabajo predeterminado" o tu propio espacio de trabajo. Haz clic en "Fusionar" y "Etiquetas en conflicto,... Renombrar"

Si haces clic en «Sobrescribir», se eliminarán todas las demás etiquetas.
Si quieres conservar las etiquetas existentes, haz clic en «Fusionar».

GA4 ID de medida

Ahora sólo tienes que introducir tu ID de medición de GA4. Puedes encontrarlo en tu cuenta de GA4. Inicia sesión en Google Analytics 4.

Google Analytics GA4 EInstellung
Cambia a la cuenta que quieras configurar y haz clic en "Configuración" en la parte inferior izquierda
Google Analytics 4 Datenstreams
Abre "Recogida de datos y ...." y haz clic en "Flujos de datos" y abre tu flujo de datos
Google Analytics 4 Steam ID kopieren
Copia tu ID de medida GA4

Ahora vuelve al Tag Manager y abre el área Variables

GA4 Mess ID Tauschen
En la vista general de Tag Manager, haz clic en "Variables" y luego en la variable "01-GA4 Mess ID"
GA4 Variable Mess ID
En la vista general de Tag Manager, haz clic en "Variables" y luego en la variable "01-GA4 Mess ID"

Ahora sólo queda publicar el contenedor para que pueda mostrarse a los usuarios en el sitio web.

Google Tag Manager veroeffentlichen
Haz clic en el botón "Seden" de la parte superior derecha y publica tu contenedor
Google Tag Manager Version veroeffentlichen
Opcionalmente, puedes introducir un nombre de versión. Pulsa el botón "Publicar" en la parte superior derecha

Importar contenedor de anuncios de Google

Descarga el contenedor GA4.

Abre tu contenedor de Google Tag Manager

Google Tag Manager Container importieren
Abre tu contenedor y haz clic en "Administración".
Google Tag Manager Tracking Container importieren
Haz clic en "Importar contenedor" en la columna Contenedor
Google Tag Manager Container ID auswaehlen
Haz clic en "Seleccionar archivo contenedor" y selecciona el archivo con extensión .json
Google Ads Container Importieren Google Tag Manager
Selecciona "Espacio de trabajo predeterminado" o tu propio espacio de trabajo. Haz clic en "Fusionar" y "Etiquetas en conflicto,... Renombrar"

Si haces clic en «Sobrescribir», se eliminarán todas las demás etiquetas.
Si quieres conservar las etiquetas existentes, haz clic en «Fusionar».

ID de conversión de Google y etiqueta de conversión

Ahora sólo tienes que sustituir dos variables. Una es el ID de conversión y la etiqueta de conversión del evento de compra.

Google Ads Conversion Uebersicht
Haz clic en "Proyecto objetivo" en la navegación de la izquierda y luego en "Resumen", haz clic en tu conversión de compra o crea una nueva.
Google Ads Conversion Einstellungen
Amplía el área "Configuración de etiquetas
Google Ads Conversion Tag Manager Code
Selecciona la opción "Usar Google Tag Manager".
Google Ads Converison Id und Conversion Label
Copia el "ID de conversión" y la "Etiqueta de conversión"

Si utilizas «Conversión mejorada», selecciona «a través de Google Tag Manager» en lugar de «Google Tag».

Ahora vuelve al Tag Manager y abre el área Variables

Tag Manager Google ADs Conversion ID
Haz clic en "Variables" y después en la variable "02-01-Conversion-ID"
Google Tag Manager Conversion ID
Introduce tu "ID de conversión" en el campo que has copiado previamente de Google Ads y haz clic en "Guardar" en la esquina superior derecha
Google Tag Manager Converion Label Purchase Event
Introduce tu "ID de conversión" en el campo que has copiado previamente de Google Ads y haz clic en "Guardar" en la esquina superior derecha

Ahora sólo queda publicar el contenedor para que pueda mostrarse a los usuarios en el sitio web.

Google Tag Manager veroeffentlichen
Haz clic en el botón "Seden" de la parte superior derecha y publica tu contenedor
Google Tag Manager Version veroeffentlichen
Opcionalmente, puedes introducir un nombre de versión. Pulsa el botón "Publicar" en la parte superior derecha