Guía CCM19 - Plugin de seguimiento para Shopware 6

Índice

CCM19 Configurar Banner de Consentimiento

CCM19 Establecer el consentimiento

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

Selección de dominio

CCM19 Consent Banner Einrichten Shopware 6 1
Selecciona el dominio que quieres utilizar en la zona superior
CCM19 Consent Banner Dienste hinzufuegen
Haz clic en "Integración y cookies" en la navegación de la izquierda y luego en "Seleccionar entrada de la base de datos"

Añadir Google Tag Manager

CCM19 Consent Banner Tag Manager hinzufuegen
Busca "Google Tag Manager" en la barra de búsqueda y activa el control deslizante. A continuación, haz clic en la flecha.
CCM19 Consent Banner Tag Manager speichern
Desplázate hasta abajo y haz clic en "Guardar y cerrar".

Añadir Google Analytics GA4

CCM19 Consent Banner Google Analytics GA4 anlegen
Ahora haz clic en el botón "Seleccionar entrada de la base de datos".
CCM19 Consent Banner Google Analytics GA4 hinzufuegen
Busca "Google Analytics". Selecciona el script "Google Analytics 4
CCM19 Consent Banner Google Analytics GA4 speichern
Desplázate hasta abajo y haz clic en "Guardar y cerrar".

Añadir anuncios Google

CCM19 Consent Banner Google Ads anlegen
Vuelve a hacer clic en "Seleccionar entrada de la base de datos".
CCM19 Consent Banner Google Ads hinzufuegen
Busca "Google Ads" y selecciona "Google Ads Covnersion Tracking" y "Google Ads Remarketing". A continuación, haz clic en el botón "Añadir integración seleccionada".

Personalizar el aspecto del Banner de Consentimiento

CCM19 Consent Banner Themes
Haz clic en "Temas" en la barra de navegación
CCM19 Consent Banner Themes bearbeiten
Haz clic en el icono del "lápiz" de tu banner de consentimiento activo
CCM19 Consent Banner Themes Position Mittig
Personaliza visualmente tu Banner de Consentimiento para adaptarlo a tu IC. Importante: Recomendamos la posición "Centro

Te recomendamos que selecciones la opción «Centro» para que el Banner de consentimiento se sitúe en el centro de la pantalla. Esto aumenta la probabilidad de que una persona no usuaria lo pase por alto e interactúe con el banner de consentimiento.

CCM19 Activar banner de consentimiento

CCM19 Consent Banner aktivieren
Si aún no has activado tu Banner de Consentimiento, debes hacerlo en la página de inicio.

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.

Guión CCM19

CCM19 Consent Banner Skript
Haz clic en "Panel de control e integración" y copia el script de tus banners

Instala y configura el plugin CCM19

Cambia al backend Shopware e instala el plugin para CCM19 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 CCM19 a través de Google Tag Manager, asegúrate de que has seleccionado «Modo de consentimiento avanzado» en nuestro plugin; de lo contrario, Tag Manager sólo se cargará cuando alguien acepte el consentimiento, lo que no ocurrirá.

CCM19 Plugin Shopware 6 Konfigurieren
Abre el elemento "Mi extensión" y haz clic en "Configurar" para el complemento "Integración CCM19".

Pega el código en el plugin «Integración CCM19».

CCM19 Consent Banner Skript einfuegen
Pega el código fuente en el campo Script del plugin Shopware 6 de "CCM19-Integration".

Prueba CCM19 en la tienda

La configuración se ha completado. Borra la caché de tu tienda y ábrela en el frontend. Ahora debería aparecer tu banner de consentimiento CCM19.

CCM19 Consent Banner Vorschau
El banner de consentimiento de CCM19 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 «CCM19 – Banner de consentimiento», el plugin Tag Manager espera los cambios de eventos en el Banner de consentimiento de Acris. Además, el Tag Manager sólo se carga por defecto si aceptas el banner de consentimiento.

CCM19 Shopware 6 Tracking Plugin
Selecciona "CCM19 - Banner de consentimiento" para la configuración

Googel Modo Consentimiento V2

Con el ajuste «CCM19 – Banner de Consentimiento», el plugin espera a los cambios de eventos en el Banner de Consentimiento de Acris. 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 de Consentimiento de Google V2, ya que CCM19 tiene el Modo de Consentimiento de Google V2 por defecto.

CCM19 Shopware 6 Consent Mode V2
Desactiva la opción "Modo Consentimiento Google V2".

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

CCM19 Shopware 6 Advanced Consent Mode
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