Consent Mode v2 en Shopify: configuración paso a paso

Qué cambia el Consent Mode v2 para una tienda Shopify

El Google Consent Mode v2 es la forma en que sus etiquetas de Google saben qué ha aceptado el visitante. Usa cuatro señales: ad_storage, analytics_storage, ad_user_data y ad_personalization. Desde marzo de 2024, Google exige las dos señales más recientes para los visitantes del Espacio Económico Europeo si quiere conservar el remarketing, las audiencias y la medición completa de conversiones en Google Ads. Nuestra guía de implementación del Google Consent Mode v2 explica el mecanismo en detalle; este artículo se centra en lo que es propio de Shopify.

El centro de ayuda de Shopify lo dice con claridad: los datos de eventos enviados a Google sobre clientes del EEE no se usan para publicidad personalizada mientras el Consent Mode v2 no esté activado y no se haya obtenido un consentimiento válido. Para una tienda que depende de Google Ads, una configuración ausente o defectuosa significa listas de remarketing más pequeñas y datos de conversión más débiles, además del riesgo legal según el RGPD.

En Shopify, la dificultad no es el código. Es que las etiquetas de Google pueden entrar en su tienda por tres puertas distintas: el canal de ventas Google & YouTube, un píxel personalizado en Settings → Customer events o un script en su tema (gtag.js o Google Tag Manager). Cada puerta sigue una fuente de consentimiento distinta.

Las dos vías del consentimiento hacia Google en Shopify

Vía 1: la configuración de privacidad de Shopify y la aplicación Google & YouTube

Shopify guarda la elección del visitante en su Customer Privacy API, con cuatro categorías: analytics, marketing, preferences y sale_of_data. Esa elección puede venir del banner de cookies nativo de Shopify (Settings → Customer privacy) o de una aplicación de consentimiento de terceros que llama a setTrackingConsent() cuando el visitante hace clic.

La aplicación Google & YouTube lee ese estado de consentimiento y lo transmite a Google. Los píxeles de aplicación en Customer events (Google, Meta, TikTok) también siguen la Customer Privacy API. Es la vía que Shopify admite de forma nativa, y la única que cubre el checkout y la página de estado del pedido, donde el código de su tema no se ejecuta.

Una excepción: si añade Google mediante un píxel personalizado en Customer events, Shopify indica que debe insertar usted mismo el código del Consent Mode v2 en ese píxel.

Vía 2: una CMP en theme.liquid con el stub de gtag

La segunda vía coloca el banner y el stub del Consent Mode en theme.liquid, justo después de <head> y por encima de {{ content_for_header }}. El stub declara las cuatro señales como denied al leer el HTML, antes de que cargue cualquier etiqueta de Google. Cuando el visitante acepta o rechaza, el banner envía gtag('consent', 'update', …) y carga, o mantiene bloqueadas, las etiquetas que haya declarado en él.

Esta vía le da un solo banner y un solo registro de consentimientos para toda la tienda, con el mismo comportamiento que en sus otros sitios. Su límite es el checkout: Shopify no ejecuta allí el código del tema, así que el seguimiento de conversiones en la página de agradecimiento pasa por Customer events, que siguen la Customer Privacy API.

Qué vía elegir

Una sola fuente de verdad por etiqueta, nunca dos.

• Sus etiquetas de Google vienen de la aplicación Google & YouTube (Merchant Center, Performance Max, conversiones de compra): quédese en la vía 1. Use el banner de Shopify o una aplicación de consentimiento que escriba en la Customer Privacy API, y no añada un segundo gtag.js en el tema.
• Sus etiquetas de Google están en el tema o en GTM (GA4 con eventos propios, varias cuentas de Ads, otras herramientas en GTM): la vía 2 es más sencilla. Desactive el uso compartido de datos en el canal Google & YouTube para que no envíe nada por su cuenta, y deje que la CMP gestione el Consent Mode.
• Hoy usa las dos: es una configuración frecuente, y la más frágil. El banner del tema dice «rechazado» mientras el píxel del canal sigue un estado de consentimiento de Shopify que nadie ha definido. Elija una vía y elimine el duplicado.

Si no sabe qué carga su tienda hoy, compruébelo primero: ejecute el escáner de cookies gratuito en su página de inicio y en una ficha de producto para ver en 30 segundos qué cookies se instalan antes de cualquier elección.

La elección entre Consent Mode básico y avanzado se aplica en las dos vías. En modo básico, las etiquetas de Google esperan el consentimiento; en modo avanzado, cargan sin cookies y envían pings anónimos tras un rechazo. Nuestra comparativa Consent Mode básico vs avanzado explica qué hace cada uno con sus datos.

Cómo configurar el Consent Mode v2 en Shopify paso a paso

Los menús se citan tal como aparecen en la administración de Shopify en inglés.

Con la vía 1 (Customer Privacy API)

1. En Settings → Customer privacy, seleccione las regiones donde debe aparecer un banner de cookies (como mínimo el EEE, el Reino Unido y Suiza si vende allí).
2. Active el banner de Shopify o instale una aplicación de consentimiento que indique estar conectada a la Customer Privacy API. Shopify pide a los comerciantes que usan un banner de terceros que lo integren con esta configuración.
3. En la aplicación Google & YouTube, conecte sus cuentas de Google Ads y Merchant Center y mantenga activo el uso compartido de datos.
4. Elimine de theme.liquid cualquier gtag.js o GTM que duplique las mismas etiquetas de Google.
5. Si usa un píxel personalizado para Google, añada en él el código del Consent Mode v2.

Con la vía 2 (CMP en el tema)

1. Duplique su tema como copia de seguridad y abra Online Store → Themes → … → Edit code → Layout → theme.liquid.
2. Pegue el snippet de la CMP justo después de <head>: primero el stub del Consent Mode y después el cargador del banner. Todo lo que quede por encima escapa al bloqueo previo.
3. Si usa GTM, mantenga su contenedor debajo del snippet de la CMP, nunca encima.
4. En el canal Google & YouTube, desactive el uso compartido de datos (o retire los ID de medición) para que el píxel del canal deje de enviar eventos al margen de su banner.
5. Declare GA4 y Google Ads como servicios en su CMP para que solo se carguen tras el consentimiento.
6. Retire el banner nativo de Shopify (Settings → Customer privacy → Cookie banner → Remove) para que sus visitantes nunca vean dos banners.

Un ejemplo concreto: con FlowConsent, el snippet que copia desde el panel ya contiene el stub con los cuatro valores denied, wait_for_update, url_passthrough y ads_data_redaction, seguido del cargador del banner. Pega un solo bloque y el orden es correcto por construcción.

Checkout, Customer events y píxeles personalizados

Tres detalles de Shopify sorprenden a la mayoría de los comerciantes.

• El checkout no ejecuta el código del tema. Su banner no aparece en el checkout ni en la página de estado del pedido, y el antiguo campo «additional scripts» se ha retirado. El visitante elige en la tienda.
• Customer events funciona en un entorno aislado. Los píxeles de aplicación y los personalizados se ejecutan fuera de su tema, así que un banner en el tema no puede bloquearlos. Siguen la Customer Privacy API.
• Las actualizaciones del tema pueden borrar sus cambios. Actualizar un tema desde la Theme Store no siempre conserva las modificaciones de código. Tras cada actualización, compruebe que el snippet sigue al principio de theme.liquid.

Cómo comprobar que el Consent Mode v2 funciona en su tienda

1. Abra la tienda en una ventana privada y, antes de hacer clic, revise las solicitudes a google-analytics.com o googleadservices.com. En modo avanzado puede ver pings con gcs=G100 (todo rechazado); en modo básico no debería ver nada.
2. Haga clic en Rechazar: no debe aparecer ninguna cookie _ga ni _gcl_au.
3. Haga clic en Aceptar: las solicitudes siguientes deben llevar gcs=G111.
4. En Google Tag Assistant, la pestaña Consent debe mostrar un estado default antes de cualquier etiqueta y después un update.

Nuestra guía para comprobar que el Consent Mode v2 funciona detalla cada prueba, y la guía RGPD de cookies en Shopify cubre el resto del cumplimiento de la tienda.

Errores frecuentes en Shopify

• Un gtag.js en el tema y el canal Google & YouTube activo: doble seguimiento y dos fuentes de consentimiento.
• GTM pegado por encima del snippet de consentimiento: el comando config llega a Google antes que los valores por defecto.
• Un banner de terceros que no escribe en la Customer Privacy API mientras los píxeles de aplicación siguen activos: esos píxeles siguen un estado que sus visitantes nunca han definido.
• El banner de Shopify y el de una CMP mostrados a la vez: dos elecciones contradictorias.
• Probar solo el recorrido «Aceptar». Es el rechazo lo que debe sostenerse jurídicamente.

Cómo gestiona FlowConsent el Consent Mode v2 en Shopify

FlowConsent sigue la vía 2. Usted pega un solo snippet al principio de theme.liquid: fija las cuatro señales del Consent Mode v2 en denied antes de cualquier etiqueta de Google y envía la actualización en cuanto el visitante elige. GA4, Google Ads o el Meta Pixel se declaran como servicios y solo se cargan tras el consentimiento, y cada elección se guarda en una prueba de consentimiento exportable. La instalación lleva unos diez minutos, el banner está alojado en Europa y el plan es gratuito hasta 25.000 sesiones al mes (Pro a 14,99 € al mes hasta 100.000). La guía de instalación en Shopify explica cómo desactivar el uso compartido de datos de Google & YouTube y retirar el banner nativo de Shopify para que FlowConsent sea la única fuente de consentimiento de su tienda.