Cómo configurar el onboarding de usuarios con Google Tag Manager sin programador
Un flujo completo de primera sesión con Google Tag Manager —bienvenida, primera acción guiada y lista de primeros pasos— con tres elementos de Clew que acompañan al usuario por la app en lugar de un tour largo al cargar.
- Tiempo
- ● 40 minutos
- Precio
- Tours gratis · resto con prueba de 14 días
- Quién lo hace
- Quien pueda publicar en GTM
Ejemplo: onboarding de usuarios con Google Tag Manager
Un SaaS de gestión de proyectos sin tiempo de desarrollo para el onboarding. Con GTM: un modal de bienvenida en /app (“Crea tu primer proyecto en 2 minutos”), un tour en /app/projects y un checklist de configuración en la segunda visita.
La parte del tour de producto es gratis en el plan Free (hasta 3 publicados). Modal, Checklist y las reglas de audiencia forman parte de Pro: cada cuenta nueva tiene una prueba de 14 días con todo incluido, sin tarjeta. Al terminar la prueba no se borra nada y lo publicado se sigue mostrando.
Cómo configurar el onboarding de usuarios con Google Tag Manager, paso a paso
- Paso 01
Copia tu snippet de Clew
Crea una cuenta gratis (o inicia sesión), añade tu sitio y abre Admin → Resumen. Haz clic en la línea de la tarjeta del widget para copiarla: ya lleva la clave real de tu sitio en lugar del marcador.
<!-- Clew: sustituye PEGA_AQUI_TU_CLAVE por la clave del sitio de Admin > Resumen --> <script src="https://tryclew.io/widget/PEGA_AQUI_TU_CLAVE.js" async></script>
Paso 1 · ilustración esquemática - Paso 02
Crea una etiqueta Custom HTML en GTM
En tagmanager.google.com abre tu contenedor, Tags → New → Tag Configuration → Custom HTML, y pega la línea de Clew. Llama a la etiqueta
Clew widget.
Paso 2 · ilustración esquemática - Paso 03
Actívala en All Pages
En Triggering elige All Pages y guarda. Cárgala en todas partes: en qué página aparece el onboarding de usuarios se decide en Clew, no en GTM.
Paso 3 · ilustración esquemática - Paso 04
Preview y después Submit y Publish
Comprueba en Preview que
Clew widgetestá en Tags Fired y luego Submit → Publish. Nada llega al sitio real antes de publicar.
Paso 4 · ilustración esquemática - Paso 05
Crea los tres elementos del onboarding
En Flujos crea tres elementos: un Ventana modal con una frase de bienvenida y un enlace a la pantalla clave; un tour Tooltips paso a paso de 3–4 pasos en esa pantalla, hecho con Editar en tu sitio y Elegir elemento; y un Checklist de onboarding con las tareas de configuración restantes.
Paso 5 · ilustración esquemática - Paso 06
Elige dónde, cuándo y a quién se muestra
En el mismo editor, completa Dónde mostrarlo (URL de la página), Cuándo mostrarlo, Segmentación de audiencia y Frecuencia. Estos son los ajustes del ejemplo de arriba:
Ajuste Valor Popup de bienvenida Formato Ventana modal Dónde mostrarlo (URL de la página) Ruta exacta /appCuándo mostrarlo Al cargar la página Segmentación de audiencia Sin reglas: todos los que abren la página Frecuencia Una vez por visitante Tour de producto Formato Tooltips paso a paso Dónde mostrarlo (URL de la página) Sección por prefijo /app/projectsCuándo mostrarlo Al cargar la página Segmentación de audiencia Sin reglas: todos los que abren la página Frecuencia Una vez por visitante Checklist Formato Checklist de onboarding Dónde mostrarlo (URL de la página) Sección por prefijo /appCuándo mostrarlo En la visita número N: 2 Segmentación de audiencia Sin reglas: todos los que abren la página Frecuencia Una vez por visitante 
Paso 6 · ilustración esquemática - Paso 07
Publica y compruébalo en el sitio real
Pon Estado en Publicado y guarda. Abre la página en una ventana privada: Clew recuerda quién ya vio un elemento de “una vez”, así que tu navegador habitual puede saltárselo. Las vistas, finalizaciones y abandonos aparecen en las estadísticas.
Paso 7 · ilustración esquemática
Errores comunes: onboarding de usuarios con Google Tag Manager
No uses un activador History Change
El widget sigue solo la navegación de las apps de una página. Un segundo activador en History Change solo vuelve a cargar el script para nada.
Pasa las propiedades del usuario con una segunda etiqueta
Si tu capa de datos tiene valores como plan, crea una Data Layer Variable y una segunda etiqueta Custom HTML que llame a Clew.identify() con ella (mira el ejemplo). Actívala en el evento que trae el valor, después de la etiqueta de Clew.
Sin datos del usuario, segmenta por páginas y visitas
Una instalación con gestor de etiquetas no sabe nada de las cuentas. Usa URLs a las que solo llegan los nuevos (la pantalla de primer uso, ?welcome=1 tras el registro con La URL contiene) y En la visita número N para el checklist.
No lo lances todo en la misma página
Si el popup, el tour y el checklist coinciden con la misma URL, solo arranca uno y los demás esperan. Dale a cada uno su página o su disparador, como en la tabla de arriba.
Preguntas y respuestas
¿Cómo evito que los usuarios antiguos vean la bienvenida?
Pasa una fecha de registro u onboarded desde la capa de datos y añade una regla, o usa una URL de primer uso que solo reciben las cuentas nuevas.
¿GTM retrasa el onboarding de usuarios?
El widget carga un instante después del contenedor. Solo un elemento Al cargar la página en la primera vista de página podría aparecer una fracción de segundo más tarde que con una instalación directa.
¿Qué partes son gratis?
Los tours son gratis en el plan Free. El popup de bienvenida, el checklist y las reglas de audiencia están en Pro; la prueba de 14 días los incluye, sin tarjeta.
¿Cuánto tiempo lleva?
Unos cuarenta minutos para una primera versión: diez para el popup, veinte para el tour y diez para el checklist. Después, mejora según el embudo.
Qué más puedes añadir con Google Tag Manager
- Cómo añadir un popup a tu web con Google Tag Manager sin programador
- Cómo crear un tour de producto con Google Tag Manager sin programador
- Cómo añadir un checklist de onboarding con Google Tag Manager sin programador
- Cómo añadir un tooltip a tu web con Google Tag Manager sin programador
- Cómo crear una guía interactiva de producto con Google Tag Manager sin programador
- Cómo añadir un aviso de paywall con Google Tag Manager sin programador
Onboarding de usuarios en otras plataformas
- LovableCómo configurar el onboarding de usuarios en una app de Lovable sin programador
- Bolt.newCómo configurar el onboarding de usuarios en una app de Bolt.new sin programador
- v0Cómo configurar el onboarding de usuarios en una app de v0 sin programador
- ReplitCómo configurar el onboarding de usuarios en una app de Replit sin programador
- CursorCómo configurar el onboarding de usuarios en una app hecha con Cursor sin programador
- Claude CodeCómo configurar el onboarding de usuarios con Claude Code sin programador
- ChatGPT CodexCómo configurar el onboarding de usuarios con ChatGPT Codex sin programador
- Qwen CodeCómo configurar el onboarding de usuarios con Qwen Code sin programador