Guía Usercéntricos - Plugin de seguimiento para Shopware 6

Índice

Instalar e implementar el plugin Usercentrics

Configurar Usercéntricos

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

Usercentrics Confguration
Haz clic en "Configuraciones" y luego en "Añadir configuración" si todavía no tienes una configuración
Usercentrics Domainhinzufuegen
Introduce tu dominio o subdominio y haz clic en "Añadir".

Establecer idioma

Usercentrics está configurado por defecto en inglés. Se recomienda implementar todos los idiomas de la tienda en Usercentrics.

UserCentrics Sprache Deutsch einstellen
Pulsa en "Configuración" y luego en la pestaña "Configurar".
Usercentrics Sprache hinzufuegen
Desplázate hasta "Configuración de idioma" y haz clic en "+ Añadir idioma".
Usercentrics Deutsch hinzufuegen
Busca "Alemán" en la búsqueda y añade el idioma utilizando el botón "Añadir idiomas".
Usercentrics Deutsch als Standard Sprache
Activa la lengua utilizando el control deslizante. Pulsa sobre los "tres puntos". Ahora tienes la opción de establecer el alemán como idioma por defecto.

Activar el Modo Consentimiento de Google

Te recomendamos que utilices el Modo Consentimiento de Google de Usercentrics.

Usercentrics Google Consent Miode V2
Haz clic en "Configuración" y luego en la pestaña "Configuración CMP". Asegúrate de que el "Modo de consentimiento de Google" está activado.

Activar el Modo Consentimiento de Google

Usercentrics Dienste hinzufuegen
Haz clic en "Configuración del Servicio" y luego en la pestaña "Servicios de Proceso de Datos". A continuación, haz clic en "+ Añadir DPS a través de la base de datos"

Añadir Google Tag Manager

Usercentrics Google Tag Manager hinzufuegen
Busca "Google Tag Manager" y selecciona la primera versión
Usercentrics Google Tag Manager Blocker
Selecciona la categoría "Funcional" y para la versión "Mantener servicio...".

Añadir Google Analytics

Este paso debe repetirse ahora para todos los demás códigos de seguimiento.

Google Analytics 4 Blocker Usercentrics
Busca "Google Analytics" y selecciona la primera opción
Usercentrics GA4 Tracking Blocker
Selecciona la categoría "Marketing" y para la versión "Mantener servicio...".

Anuncios Google

Este paso debe repetirse ahora para todos los demás códigos de seguimiento.

Usercentrics Google Ads Tracking Blocker
Busca "Anuncios Google" y selecciona la primera opción
Usercentrics Google Ads Tracking Blocker Automatik Update
Selecciona la categoría "Marketing" y para la versión "Mantener servicio...".

Personalización visual del Banner de Consentimiento de Usercéntricos

Puedes hacer ajustes visuales en el área «Apariencia».

Te recomendamos que selecciones la opción de diálogo. Esto suele aumentar la interacción con el banner de consentimiento.

Usercentrics Design Anpassen
Puedes personalizar la apariencia del Banner de Consentimiento en "Apariencia".

Publicar Usercéntricos

Ya se han realizado todos los ajustes importantes. Ahora debes publicar el cambio.

Usercentrics Consent Banner veroeffentlichen
Pulsa el botón "Publicar" en la parte inferior izquierda

Código Guión Usercéntricos

Te recomendamos que utilices el método de «Bloqueo Manual». Con el método «Bloqueo automático», a veces se producen errores en el frontend de Shopware.

Uscercentrics Skript Code fuer Shopware 6
Haz clic en "Implementación". En la pestaña de navegación de la parte superior, haz clic en "Etiqueta de script". Selecciona "Bloqueo manual" y copia el código.

Instala y configura el plugin Usercentrics

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 integrarlo a través del código fuente o directamente a través de Google Tag Manager.

Si quieres implementar Usercentrics a través del Google Tag Manager, asegúrate de que has seleccionado «Modo de consentimiento avanzado» en nuestro plugin, ya que el Tag Manager sólo se carga cuando alguien acepta el consentimiento, lo que no ocurre.

Usercentrics Code in Shopware implementieren
Abre el elemento "Mi extensión" y haz clic en el plugin "Usercentrics Consent Manager Appr" en "Configurar".
Usercentrics Skript in Shopware Plugin Installieren
Abre el elemento "Mi extensión" y haz clic en el plugin "Usercentrics Consent Manager Appr" en "Configurar".

Prueba Usercentrics en la Tienda Shopware

La configuración de Usercentrcis ha finalizado. Borra la caché de tu tienda y ábrela en el front end. Ahora debería aparecer tu banner de consentimiento de Usercentrcis.

Usercentrics Shopware Implementierung
El banner de Usercentrics debería aparecer cuando llames a 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 «Usecentrics -Banner de consentimiento», el plugin escucha los cambios de eventos en Usercentrics. Además, Google Tag Manager sólo se carga por defecto si aceptas el Banner de Consentimiento.

Usercentrics Consent Banner Shopware 6
Selecciona "Cookiebot - Banner de consentimiento" para el ajuste

Googel Modo Consentimiento V2

Con el ajuste Usercentrics, el plugin escucha los cambios de eventos en el Banner de Consentimiento de Usercentrics. Además, el Tag Manager sólo se carga por defecto si aceptas el Banner de Consentimiento. Todos los valores sólo se establecen en «concedido» tras la confirmación.

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 Usercentrics ya ofrece un Gestor del Modo Consentimiento por defecto.

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

¡Asegúrate de que has activado el Modo Consentimiento V2 en Usercentrics!

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

Usercentrics Advanced Consent Mode 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