Videotutorial - CookieFirst
Configurar el banner de consentimiento CookieFirst
Configurar CookieFirst
Conéctate a tu cuenta CookieFirst e inicia la configuración.
Añadir dominio
Cuando hayas iniciado sesión, ve al área «Configuración básica» y añade tu dominio.
Estilo del banner de consentimiento
Te recomendamos que selecciones la opción «Banner box» como tipo de banner y establezcas la posición del banner en «centrado», de modo que el banner de consentimiento se sitúe en el centro de la pantalla. Esto evita que el usuario pase por alto el banner de consentimiento y aumenta la probabilidad de que interactúe con él.
Añadir servicios de seguimiento
Añadir Tag Manager
Añadir Google Analytics
Añadir anuncios Google
Guión CookieFirst
Ahora sólo necesitas la clave Api. Puedes encontrarla en la navegación, en «Tu script de incrustación».
Instala y configura el plugin Cookie First
Cambia al backend de Shopware e instala el plugin para CookieFirst 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á.
Instala y activa la app.
Prueba CookieScript en la tienda
La configuración se ha completado. Borra la caché de tu tienda y abre tu tienda en el frontend. Ahora debería aparecer tu banner de consentimiento de CookieScript.
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
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.
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.
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.
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.
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.
Googel Modo Consentimiento V2
Con el ajuste CookieFirst, el plugin escucha los cambios de eventos en CookieFirst. 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 CookieFirst ya ha implementado un Gestor del Modo Consentimiento por defecto.
¡Asegúrate de que has activado el Modo Consentimiento V2 en CookieFirst!
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.
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 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
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
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.
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.
Configuración de cupones
Puedes establecer si los precios graduados o RRP (precios de ejercicio) deben transferirse a Google Analytics como cupones.
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.
Entorno Google Tag Manager
Si utilizas un entorno especial de Google Tag Manger, por ejemplo para tu sistema de pruebas. Puedes introducirlo aquí.
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
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.
Ahora vuelve al Tag Manager y abre el área Variables
Ahora sólo queda publicar el contenedor para que pueda mostrarse a los usuarios en el sitio web.
Importar contenedor de anuncios de Google
Descarga el contenedor GA4.
Abre tu contenedor de Google Tag Manager
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.
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
Ahora sólo queda publicar el contenedor para que pueda mostrarse a los usuarios en el sitio web.
Importar contenedor de píxeles de Facebook
Descarga el contenedor de píxeles de Facebook para Google Tag Manager.
Abre tu contenedor de Google Tag Manager
Si haces clic en «Sobrescribir», se eliminarán todas las demás etiquetas.
Si quieres conservar las etiquetas existentes, haz clic en «Fusionar».
ID del píxel de Facebook
Ahora sólo tienes que introducir tu ID del píxel de Facebook. Puedes encontrarlo en tu cuenta de Meta. Inicia sesión en Meta Business Suite.
Ahora vuelve al Tag Manager y abre el área Variables.
Ahora sólo queda publicar el contenedor para que pueda mostrarse a los usuarios en el sitio web.
Importar etiqueta UET de Microsoft Ads
Descarga el Contenedor de anuncios de Microsoft para Google Tag Manager.
Abre tu contenedor de Google Tag Manager
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 etiqueta UET de Microsoft
Ahora puedes introducir tu ID de etiqueta UET de Microsoft. Puedes encontrarlo en tu cuenta de Microsoft Ads.
Crear etiqueta Microsoft UET de compra/conversión de compra
Introduce el ID de la etiqueta UET de Microsoft en Tag Manager
Ahora vuelve al Tag Manager y abre el área Variables.
Ahora sólo queda publicar el contenedor para que pueda mostrarse a los usuarios en el sitio web.
Importar Contenedor de píxeles Tiktok
Descarga el Contenedor TikTok Pixel para Google Tag Manager.
Abre tu contenedor de Google Tag Manager
Si haces clic en «Sobrescribir», se eliminarán todas las demás etiquetas.
Si quieres conservar las etiquetas existentes, haz clic en «Fusionar».
TikTok Pixel ID
Ahora sólo tienes que introducir tu Tiktok Pixel ID. Puedes encontrarlo en tu cuenta de TikTok. Accede al Administrador de Anuncios de TikTok.
Ahora vuelve al Tag Manager y abre el área Variables.
Ahora sólo queda publicar el contenedor para que pueda mostrarse a los usuarios en el sitio web.
Importar contenedor de píxeles de Pinterest
Descarga el Contenedor de píxeles de Pinterest para Google Tag Manager.
Abre tu contenedor de Google Tag Manager
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 píxel de Pinterest
Ahora sólo tienes que introducir tu ID de píxel de Pinterest. Puedes encontrarlo en tu cuenta de Pinterest. Inicia sesión en Pinterest Business Hub.
Ahora vuelve al Tag Manager y abre el área Variables.
Ahora sólo queda publicar el contenedor para que pueda mostrarse a los usuarios en el sitio web.
