La tienda online del delivery propio de Connect Manager, conectada con Ágora, puede enviar sus visitas y sus ventas a la cuenta de Google Analytics 4 del cliente, a su contenedor de Google Tag Manager y a su píxel de Meta, con los pasos de la compra (plato visto, añadido a la cesta, inicio del pago y compra con su importe) y solo para quien acepta las cookies. Este manual es para el técnico o la agencia que lo configura: qué identificadores hacen falta, dónde se ponen, qué eventos llegan y cómo comprobarlo.
Qué hace la integración#
Carga la etiqueta oficial de Google Analytics 4, de Google Tag Manager o del píxel de Meta a partir de su identificador. No se pega código: se escribe el identificador y la tienda monta el fragmento de cada plataforma.
Mide las páginas vistas: la vista de página automática de GA4, el arranque del contenedor de Tag Manager y el
PageViewde Meta.Mide el embudo de compra con los eventos de comercio de GA4:
view_item_list,view_item,add_to_cart,begin_checkoutypurchase, traducidos para Meta aViewContent,AddToCart,InitiateCheckoutyPurchase.La compra lleva la referencia del pedido, el total, el envío, el código de campaña y los platos, identificados por su formato de venta de Ágora para poder cruzarlo con las ventas del TPV.
Cuenta cada compra una sola vez por navegador, aunque se recargue la pantalla de gracias o se vuelva a ella desde el correo. En Meta, la compra lleva un identificador de evento para que se pueda deduplicar.
Solo se carga con las cookies aceptadas: el aviso de cookies de la tienda da o quita el permiso, con «Rechazar» y «Aceptar» igual de visibles.
Qué no hace#
No mide la compra de tarjetas regalo ni las páginas de contacto, reservas y textos legales: allí no se carga la medición.
No envía conversiones desde el servidor (API de conversiones de Meta ni Measurement Protocol de GA4): todo sale del navegador del cliente.
No usa el modo de consentimiento de Google: si el visitante no acepta, no se carga nada (tampoco señales anónimas).
No admite HTML ni código propio, ni píxeles de otras plataformas (por ejemplo TikTok).
Con Google Analytics 4 y Tag Manager configurados a la vez, los eventos de comercio van solo a GA4: Tag Manager no los recibe.
No envía datos personales del cliente (nombre, correo, teléfono o dirección).
Requisitos#
La tienda del delivery propio configurada y publicada (ver Delivery propio: conectar la tienda online con Ágora).
Una cuenta del cliente en Google Analytics 4, Google Tag Manager o Meta (Business Manager con el píxel creado). Al menos una de las tres.
Un usuario de Connect Manager con el permiso
Delivery: Configurar localespara entrar en Configuración → Tienda pública.Recomendado: la política de privacidad del cliente puesta en Tienda pública → Legal, porque el enlace «Más información» del aviso de cookies lleva a ella.
Quién hace qué: el cliente o su agencia crean las cuentas y facilitan los identificadores; el distribuidor los pone en el panel y prueba; las etiquetas dentro de Tag Manager las monta quien gestione el contenedor.
Datos que necesitamos#
| Dato | Quién lo facilita / dónde se saca | Ejemplo o formato | Obligatorio |
|---|---|---|---|
| ID de medición de Google Analytics 4 | Cliente o agencia: GA4 → Administrar → Flujos de datos → flujo web | G- seguido de 4 a 20 letras o números, p. ej. G-AB12CD34EF | No (al menos uno de los tres) |
| ID del contenedor de Google Tag Manager | Cliente o agencia: Tag Manager → contenedor web | GTM- seguido de 4 a 20 letras o números, p. ej. GTM-AB12CD3 | No |
| ID del píxel de Meta | Cliente o agencia: Administrador de eventos de Meta | De 8 a 20 dígitos, p. ej. 123456789012345 | No |
| Política de privacidad | Cliente: enlace a su web o texto en Tienda pública → Legal | https://restaurante-demo.es/privacidad | Recomendado |
| Dominio de la tienda | Panel: Tienda pública → General | https://hub.connectmanager.es/pedidos/restaurante-demo | Para crear el flujo de datos |
Configuración paso a paso#
En Google Analytics 4, Tag Manager o Meta#
GA4: crea (o usa) un flujo de datos web para el dominio donde se abre la tienda y copia su ID de medición.
Tag Manager: en el contenedor web, crea las etiquetas que quieras. Si vas a mandar el comercio a GA4 desde Tag Manager, crea activadores de evento personalizado con los nombres
view_item_list,view_item,add_to_cart,begin_checkoutypurchase, y que la etiqueta de evento de GA4 lea los datos de comercio de la capa de datos (llegan en el objetoecommerce). Publica el contenedor.Meta: en el Administrador de eventos, copia el identificador del píxel.
[!TIP] Elige un camino para Google Analytics: o pones el ID de GA4 en el panel, o montas GA4 dentro de Tag Manager y dejas vacío el campo de GA4. Con las dos cosas a la vez, Tag Manager no recibe los eventos de comercio y, si además tiene su propia etiqueta de GA4, las páginas vistas se cuentan dos veces.
En Connect Manager#
Entra en
/delivery-propio, elige el grupo en el selector de la cabecera y ve a Configuración → Tienda pública → Seguimiento.Rellena los campos que correspondan: Google Analytics 4, Google Tag Manager y Píxel de Meta. Si el formato no es válido, no deja guardar.
Pulsa Guardar. Se aplica al momento en todas las páginas medidas de la tienda.
En Tienda pública → Legal, comprueba que la política de privacidad está puesta (enlace o texto).
Cómo funciona#
El consentimiento de cookies#
La primera vez que alguien entra en la tienda ve el aviso de cookies con «Rechazar» y «Aceptar». La decisión se guarda en una cookie propia de la tienda, cm_cookies, con el valor todas o necesarias, durante 180 días. Mientras no haya aceptado, la página no carga ni Google Analytics, ni Tag Manager, ni el píxel de Meta. Al pulsar «Aceptar» la página se recarga y entonces se pintan las etiquetas; al pulsar «Rechazar» no se carga nada. La sesión, la cesta y el enlace de acceso funcionan igual en los dos casos, porque son necesarios para pedir. Los enlaces de campaña de la tienda (?c=) también respetan la decisión: sin permiso, el código de la campaña se guarda solo en la sesión y pasa a sus cookies si el cliente acepta después.
sequenceDiagram
participant C as Cliente
participant T as Tienda online
participant G as GA4 o Tag Manager
participant M as Meta
C->>T: Primera visita
T-->>C: Aviso de cookies, sin etiquetas
C->>T: Aceptar
T->>T: Cookie cm_cookies todas y recarga
T->>G: Etiqueta y vista de página
T->>M: Píxel y PageView
C->>T: Abre un plato y lo añade
T->>G: view_item y add_to_cart
T->>M: ViewContent y AddToCart
C->>T: Paga y vuelve a la pantalla de gracias
T->>G: purchase con la referencia del pedido
T->>M: Purchase con identificador de evento
Qué eventos se envían#
| Momento | GA4 o Tag Manager | Meta |
|---|---|---|
| Cada página medida | Vista de página automática de GA4 o arranque del contenedor | PageView |
| Al abrir la carta de un local (una vez por visita) | view_item_list con los primeros 30 platos y su categoría | No se envía |
| Al abrir la ficha de un plato | view_item | ViewContent |
| Al añadir a la cesta | add_to_cart con el precio por unidad con opciones y la cantidad | AddToCart |
| Al llegar al paso de pago (una vez) | begin_checkout con el total (envío y descuentos incluidos) y el cupón | InitiateCheckout |
| En la pantalla de gracias tras pagar (una vez por navegador) | purchase con transaction_id, total, envío, cupón y platos | Purchase con identificador compra- más la referencia |
Qué datos viajan#
Platos:
item_ides el formato de venta de Ágora (no cambia al reimportar la carta y casa con las ventas del TPV),item_name,price,quantityy, en la carta y la ficha,item_category.Importes:
valueen euros (currency=EUR). En la compra,valuees el total del pedido,shippingel envío (que no va entre los platos) ycouponel código de la campaña con la que entró el pedido.Referencia:
transaction_ides la referencia del pedido (por ejemploP-ABC123), la misma que ve el cliente y que llega a Ágora.Meta recibe lo mismo con sus nombres:
content_ids,contents,num_items,valueycurrency, máscontent_namecuando hay un solo plato.
GA4, Tag Manager o los dos#
Los eventos se reparten en el navegador: si está cargada la etiqueta de GA4, van directos a GA4; si no, se meten en la capa de datos de Tag Manager como { event: nombre, ecommerce: datos }, precedidos de un { ecommerce: null } que limpia el evento anterior. Nunca van a los dos, para que GA4 no cuente doble. Meta recibe los suyos aparte, sea cual sea el camino de Google.
Dónde se mide#
La medición se carga en la portada de la tienda, la carta de cada local, el paso de pago, la pantalla de gracias y seguimiento, y «Mi cuenta». No se carga en las tarjetas regalo, el contacto, las reservas ni los textos legales, y la página del banco es de Redsys. La compra solo se mide cuando el cliente vuelve a la pantalla de gracias con las cookies aceptadas: si paga y cierra la pestaña en la página del banco, el pedido entra en la cocina igual, pero la compra no llega a Analytics ni a Meta.
Comprobar que funciona#
Guarda los identificadores y abre la tienda en una ventana privada: debe salir el aviso de cookies y, en la pestaña de red del navegador, no debe cargarse nada de Google ni de Meta.
Pulsa «Aceptar»: la página se recarga. Con DebugView o Tiempo real de GA4, la vista previa de Tag Manager o la extensión Meta Pixel Helper, comprueba la vista de página.
Abre la carta de un local (
view_item_list), abre un plato (view_item/ViewContent), añádelo (add_to_cart/AddToCart) y ve a pagar (begin_checkout/InitiateCheckout).Con la pasarela del local en pruebas, completa un pedido y vuelve a la pantalla de gracias: debe llegar
purchase/Purchasecon la referencia del pedido comotransaction_id.Recarga la pantalla de gracias: no debe llegar una segunda compra.
En otra ventana privada pulsa «Rechazar» y repite: no debe cargarse ninguna etiqueta.
Errores frecuentes y solución#
| Síntoma | Causa | Solución |
|---|---|---|
| El campo no deja guardar | Formato no válido | GA4 empieza por G-, Tag Manager por GTM- y el píxel de Meta son solo dígitos (de 8 a 20) |
| No llega nada a ninguna herramienta | Cookies no aceptadas, bloqueador de anuncios o identificador equivocado | Prueba en ventana privada sin extensiones, acepta las cookies y revisa el identificador |
Tag Manager no recibe add_to_cart ni purchase | También está puesto el ID de GA4 en el panel: los eventos van directos a GA4 | Deja vacío el campo de GA4 y monta GA4 dentro de Tag Manager |
| Las páginas vistas salen dobles en GA4 | ID de GA4 en el panel y otra etiqueta de GA4 dentro de Tag Manager | Quita una de las dos |
| Hay menos compras en Analytics que pedidos en el panel | Clientes que rechazan las cookies o que no vuelven del banco a la pantalla de gracias | Es esperado: el panel de pedidos es la fuente de verdad de las ventas |
| Las compras aparecen como procedentes del banco | El cliente vuelve de la página de pago de Redsys a la tienda | En GA4, añade el dominio de Redsys a la lista de referencias no deseadas del flujo de datos |
| No se ven las compras de tarjetas regalo | Esas páginas no cargan la medición | No está disponible |
| Meta da menos conversiones de las esperadas | Solo se mide desde el navegador (sin API de conversiones) | No está disponible; revisa también los bloqueadores |
Preguntas frecuentes#
¿Cómo pongo Google Analytics 4 en la tienda online del delivery propio de Ágora?#
Copia el ID de medición de tu flujo de datos web (empieza por G-) y pégalo en Configuración → Tienda pública → Seguimiento, campo «Google Analytics 4». Al guardar, la tienda carga la etiqueta para quien acepta las cookies y envía los eventos de comercio.
¿Puedo pegar mi propio código de seguimiento o el píxel de TikTok?#
No. Por seguridad solo se admiten los identificadores de Google Analytics 4, Google Tag Manager y Meta; la tienda monta el código oficial de cada uno. Si necesitas otras etiquetas, ponlas dentro de tu contenedor de Tag Manager.
¿Se mide a los clientes que rechazan las cookies?#
No. Sin aceptar no se carga ninguna etiqueta de Google ni de Meta, y la tienda no usa el modo de consentimiento de Google.
¿Qué identificador de producto llega a Analytics y a Meta?#
El formato de venta de Ágora de cada plato. Así puedes cruzar los informes con las ventas del TPV y no cambia aunque se vuelva a importar la carta.
¿Por qué no coinciden las compras de Analytics con los pedidos?#
Porque la compra se mide en el navegador, en la pantalla de gracias y con cookies aceptadas. Quien rechaza las cookies o no vuelve del banco no se cuenta, aunque su pedido entre en Ágora.
¿Se envían a Google o a Meta los datos del cliente?#
No. Viajan los platos, los importes, el envío, el código de campaña y la referencia del pedido; no el nombre, el correo, el teléfono ni la dirección.