Seguimiento y análisis avanzados
Conecta GA4 o Google Tag Manager en «Configuración» → «Integraciones» para realizar un seguimiento de las visualizaciones de productos, las acciones de «Añadir al carrito» y las compras finalizadas en tu tienda online; compara los ingresos con los pedidos en «Productos» y en el panel de control de Analytics.
ArtInStack realiza un seguimiento automático de todo el embudo de ventas de tu tienda. Al conectar las herramientas de análisis, podrás ver exactamente qué láminas de paisajes de alta montaña atraen más la atención, en qué punto del proceso de pago abandonan los coleccionistas y qué estilos de galería generan los valores de pedido más elevados.
Esos informes se encuentran en tu cuenta de Google Analytics, no en los gráficos integrados de ArtInStack. El tráfico de la página de inicio del panel de control y Analytics → Boletín / Afiliados / Anuncios integrados miden la actividad dentro de ArtInStack. Consulta la descripción general de las estadísticas del panel de control para ver ese desglose.
¿Qué configuración es la adecuada para tu estudio?
¿Qué configuración es la adecuada para tu estudio?
│
┌────────────────────────┴────────────────────────┐
▼ ▼
【 Sencillo y rápido 】 【 Control avanzado 】
Solo quiero estadísticas básicas. Utilizo anuncios de pago o píxeles de Meta.
│ │
▼ ▼
👉 Conectar solo GA4 👉 Conectar solo GTM
Elige solo Google Analytics 4 (GA4) si quieres una configuración sencilla para realizar un seguimiento de los visitantes y las visitas a las páginas de tu sitio web público desde el primer momento. Solo tienes que pegar tu ID de medición (G-…) en ArtInStack; no se requiere una cuenta de Google Tag Manager para el tráfico básico.
Elige solo Google Tag Manager (GTM) si realizas un seguimiento publicitario avanzado (Meta Pixel, Google Ads, varias etiquetas) o si deseas informes completos sobre el embudo de la tienda y los ingresos: visualizaciones de productos, añadidos al carrito y compras completadas. Pega tu ID de contenedor (GTM-…) en ArtInStack y, a continuación, configura los desencadenantes y las etiquetas en tagmanager.google.com.
| Ruta | Pegar en ArtInStack | Obtienes | Embarcador + ingresos en GA4 |
|---|---|---|---|
| Sencillo y rápido | Solo ID de medición (G-…) | Visitas a la página a través de gtag | No — añade GTM más tarde para view_item / add_to_cart / purchase |
| Control avanzado | Solo ID del contenedor de GTM (GTM-…) | Control total en GTM | Sí — tras configurar las etiquetas (paso 4) |
No se aceptan los ID heredados de Universal Analytics (UA-…).
Qué obtienes
- Visibilidad de las conversiones en la tienda online: comprueba qué productos y fotos con precios atraen visitas, qué se añade al carrito y cuándo se completa la compra.
- Responsabilidad en el marketing: vincula la inversión publicitaria y las campañas de correo electrónico con las compras reales en las exploraciones de GA4 y en Google Ads (al vincular las cuentas).
- Tus datos, tus herramientas: las exportaciones, las audiencias y BigQuery permanecen en Google; ArtInStack no revende ni agrega tus informes de GA4.
Requisitos previos
- Una propiedad de GA4 en tu cuenta de Google (la necesitas incluso si sigues la ruta de GTM, ya que GTM reenvía los eventos a GA4).
- O bien un ID de medición del flujo de datos web (
G-…) o un ID de contenedor web de GTM (GTM-…): elige una de las opciones del árbol de decisión anterior. - Panel de control → Configuración → Integraciones → Analytics
- Para visitantes de la UE o California: activa el banner de cookies en Configuración → Privacidad y seguridad → Privacidad; consulta la Descripción general de privacidad y seguridad.
Paso 1: añade tu ID en ArtInStack
Abre Configuración → Integraciones → Analytics.
| Campo | Dónde encontrarlo en Google | Cuándo utilizarlo |
|---|---|---|
| ID de medición de Google Analytics 4 | GA4 → Administración → Flujos de datos → tu flujo web → ID de medición (G-XXXXXXXXXX) | Ruta sencilla y rápida: solo visitas a la página |
| ID del contenedor de Google Tag Manager | GTM → Administración → Contenedor → ID del contenedor (GTM-XXXXXXX) | Ruta de control avanzado: embudos, anuncios, Meta Pixel, ingresos |
Validación: Los ID deben ajustarse al formato de Google. Los valores no válidos se bloquean antes de guardar.
Si se rellenan ambos campos: ArtInStack carga solo GTM e ignora el campo «ID de medición». El panel de control muestra un aviso de «GTM está activo». Evita duplicar GA4 dentro de GTM (por ejemplo, una etiqueta de Google Tag Manager más una segunda etiqueta de configuración de GA4 para el mismo flujo).
Dominio personalizado: se aplican los mismos ID en tu subdominio y en el dominio personalizado. Añade todos los nombres de host públicos en la configuración de flujo de datos de GA4 en Google.
Haz clic en Guardar en el encabezado «Configuración» tras realizar los cambios.
Paso 2 — Consentimiento de cookies (recomendado)
Cuando la opción Mostrar ventana emergente de consentimiento de cookies está activada, los scripts de análisis solo se cargan después de que un visitante acepte las cookies de Analytics. ArtInStack utiliza los valores predeterminados del Modo de consentimiento de Google hasta que se produzca la aceptación.
Si se guardan los identificadores de análisis pero el banner está desactivado, el panel de control muestra un recordatorio: actívalo en Configuración → Privacidad y seguridad → Privacidad cuando recibas tráfico de la UE o California. Detalles: Descripción general de privacidad y seguridad.
Vista previa del editor: la analítica no se carga en las URL con ?preview=true.
Paso 3 — Lo que ArtInStack envía automáticamente
En tu tienda pública (no en el panel de control), ArtInStack envía objetos de comercio electrónico al estilo de GA4 a la capa de datos del navegador:
| Evento | Cuándo se activa |
|---|---|
page_view | Automático una vez que se carga GA/GTM |
view_item | El visitante abre la página de detalles de un producto o un elemento de galería/portafolio con precio |
add_to_cart | El artículo se ha añadido correctamente al carrito (véase Carrito y proceso de pago) |
purchase | El proceso de pago con Stripe se completa con éxito en el carrito (incluye transaction_id y el total del pedido; las líneas de pedido pueden ser mínimas) |
Ejemplo de estructura (tu GTM lee el nombre del evento y el objeto ecommerce):
event: view_item
ecommerce: { currency, value, items: [{ item_id, item_name, price, quantity }] }
event: add_to_cart
ecommerce: { currency, value, items: [...] }
event: purchase
ecommerce: { transaction_id, currency, value, items?: [...] }
Solo para el ID de medición de GA4: las visitas a la página llegan a GA4 a través de gtag. Los tres eventos de comercio electrónico anteriores se encuentran en la capa de datos; no aparecerán en GA4 hasta que añadas GTM (Paso 4) o una configuración de etiquetas equivalente.
Paso 4 — Configura GTM en tu cuenta de Google (ruta de control avanzada)
Omite esta sección si has elegido solo GA4 y, por ahora, solo necesitas el tráfico de visitas a la página.
La configuración de etiquetas y activadores se realiza íntegramente en tu espacio de trabajo de GTM en tagmanager.google.com, no en el panel de control de ArtInStack.
Piensa en ello como dos capas: ArtInStack transmite eventos con nombre; GTM escucha y los reenvía a GA4.
4a — Crear desencadenantes de eventos personalizados (uno por acción)
Repite este proceso para cada nombre de evento. Los nombres deben ser exactos: minúsculas, guiones bajos y sin espacios.
- Barra lateral izquierda de GTM → Desencadenantes → Nuevo.
- Configuración del desencadenante → Evento personalizado.
- Rellena:
| Campo | Vista del producto | Añadir al carrito | Compra |
|---|---|---|---|
| Nombre del evento | view_item | add_to_cart | purchase |
| Usar coincidencia con expresiones regulares | Desmarcado | Desmarcado | Desmarcado |
| Este activador se dispara en | Todos los eventos personalizados | Todos los eventos personalizados | Todos los eventos personalizados |
- Asigna un nombre al activador (por ejemplo,
CE - view_item) → Guardar.
Crea tres activadores en total: uno por fila.
4b — Crea etiquetas de evento de GA4 (una por acción)
GTM necesita una etiqueta de evento de GA4 por evento. Una sola etiqueta para view_item por sí sola no registrará la actividad del carrito ni de la compra.
Repite Nueva etiqueta tres veces:
| Etiqueta | Tipo de etiqueta | Nombre del evento | Desencadenador | Nombre de etiqueta sugerido |
|---|---|---|---|---|
| 1 | Google Analytics: Evento de GA4 | view_item | CE - view_item | Evento de GA4 - Ver artículo |
| 2 | Google Analytics: Evento de GA4 | add_to_cart | CE - add_to_cart | Evento de GA4 - Añadir al carrito |
| 3 | Google Analytics: Evento de GA4 | purchase | CE - purchase | Evento de GA4: Compra |
Para cada etiqueta:
- Etiquetas → Nuevo → Configuración de etiqueta → Google Analytics: Evento GA4.
- ID de medición: introduce tu ID de flujo
G-…, o selecciona tu etiqueta de Google / etiqueta de configuración existente en el menú desplegable (recomendado para las etiquetas 2 y 3). - Nombre del evento: la misma cadena que el desencadenante (
view_item,add_to_cartopurchase). - Enviar datos de comercio electrónico: activa la opción On y configura la fuente como Capa de datos (véase la nota a continuación).
- Activación: selecciona el activador de evento personalizado correspondiente del punto 4a.
- Guardar.
Publica el contenedor de GTM cuando hayas terminado (Enviar → Publicar).
Importante: activa los datos de comercio electrónico desde la capa de datos
De forma predeterminada, GTM puede enviar únicamente el nombre del evento (
view_item,purchase, etc.), pero no los precios, la moneda, las partidas individuales ni los ID de transacción. Tus informes de monetización de GA4 mostrarán actividad, pero ingresos de 0,00 $ hasta que autorices la carga útil.Para cada etiqueta de evento de comercio electrónico de GA4 (
view_item,add_to_cart,purchase):
- Abre la etiqueta en GTM.
- Despliega Más ajustes → Comercio electrónico.
- Marca la casilla Enviar datos de comercio electrónico.
- Establece Fuente de datos en Capa de datos.
Esto permite que los informes financieros reflejen fielmente tu tráfico sin procesar: los valores de los pedidos, los ingresos por productos y los totales de conversión se completarán correctamente en GA4.
Cómo comprobar que funciona
La prueba: En GTM, haz clic en Vista previa (arriba a la derecha), introduce la URL de tu tienda (subdominio o dominio personalizado) y sigue una guía rápida: visualiza una imagen con precio o un producto, añádelo al carrito y realiza una compra de prueba si Stripe está en modo de prueba.
La confirmación: En la línea de tiempo del Tag Assistant (la pestaña de depuración que abre GTM), deberías ver:
view_itemal visualizar un producto o un bloque de imagen con precioadd_to_carttras añadir correctamente un artículo al carritopurchasecon una marca de verificación verde en tu etiqueta de evento de GA4 una vez que se haya procesado el pago
Selecciona cada evento en la línea de tiempo de la izquierda y confirma Etiquetas activadas para la etiqueta de evento de GA4 correspondiente.
Opcional: GA4 En tiempo real → confirma la actividad en tu propiedad (utiliza una propiedad de desarrollo o un flujo independiente al realizar pruebas en localhost para que los datos de producción se mantengan limpios).
Referencia rápida
| Pregunta | Respuesta |
|---|---|
| ¿Estadísticas simples frente a embudo completo? | Solo GA4 = visitas a la página; Solo GTM = embudo + ingresos (tras el paso 4) |
¿Dónde pego G-… o GTM-…? | Configuración → Integraciones → Analytics |
| ¿Dónde creo los desencadenantes y las etiquetas? | Tu contenedor de GTM en tagmanager.google.com |
| ¿Tráfico de la plataforma frente a mi GA4? | Resumen de análisis del panel de control |
| Aviso de cookies | Resumen de privacidad y seguridad |
| Contexto del proceso de pago | Carrito y proceso de pago |
Solución de problemas comunes de configuración
¿Aparecen mis eventos de ventas, pero los ingresos indican 0,00 $?
Probablemente te hayas saltado la asignación de la capa de datos. Vuelve a abrir cada etiqueta de comercio electrónico en GTM, despliega Más ajustes → Comercio electrónico, marca Enviar datos de comercio electrónico y configura Fuente de datos en Capa de datos. Vuelve a publicar el contenedor.
He rellenado los campos tanto de GA4 como de GTM. ¿Se contarán las visitas por duplicado?
No. En el momento en que guardas un ID de contenedor de GTM, ArtInStack utiliza GTM como fuente principal y omite de forma segura el cargador directo de GA4, lo que optimiza la velocidad de la página y evita la inyección duplicada. Mantén tu ID de medición únicamente dentro de las etiquetas de GTM; no añadas una segunda etiqueta de configuración de GA4 independiente para el mismo flujo.
Los eventos nunca aparecen en GA4, pero la vista previa de GTM se ve bien
Comprueba que has publicado el contenedor de GTM tras editar las etiquetas. Espera unos minutos y, a continuación, comprueba los informes en tiempo real o estándar de GA4, no solo el Tag Assistant.
No se carga nada después de guardar mi ID
Si la opción Mostrar ventana emergente de consentimiento de cookies está activada, los scripts de análisis solo se cargan después de que el visitante haga clic en Aceptar en el banner de cookies. Prueba en una ventana privada tras aceptar las cookies.
Habrás terminado cuando:
- Hayas seleccionado Solo GA4 o Solo GTM y hayas guardado un ID válido en Integraciones → Analytics.
- Con el banner de cookies activado: tras hacer clic en Aceptar, el navegador carga
googletagmanager.com(pestaña Red). - Ruta de GTM: Tag Assistant muestra
view_item,add_to_cartypurchasecon las etiquetas de GA4 activadas; las etiquetas de comercio electrónico tienen Enviar datos de comercio electrónico → Capa de datos. - Los informes de GA4 reflejan el tráfico (y los ingresos en la ruta de GTM) tras la publicación.