Cómo añadir un checklist de onboarding con Google Tag Manager sin programador

Por Andrey Davydov · actualizado 18 de septiembre de 2026

Un checklist de onboarding con Google Tag Manager: cuatro tareas, una barra de progreso y cada punto a un clic de la pantalla correcta, configurado en el editor de Clew sin trabajo de front-end.

Tiempo: ● 15 minutos
Precio: Prueba gratis de 14 días, sin tarjeta
Quién lo hace: Quien pueda publicar en GTM

Ejemplo: un checklist de onboarding con Google Tag Manager

Un SaaS B2B envía plan a la capa de datos. Los usuarios en prueba de /app ven “Configura tu cuenta”: conecta una fuente de datos, crea un dashboard, invita a un compañero y reserva el onboarding. Una segunda etiqueta de GTM pasa el plan a Clew:

<script>window.TutorKit = window.TutorKit || { q: [], identify: function (p) { this.q.push(['identify', p]); } };
TutorKit.identify({ plan: '{{DLV - plan}}' });</script>

Este formato forma parte del plan Pro. Cada cuenta nueva empieza con una prueba gratis de 14 días con todos los formatos y reglas de audiencia, sin tarjeta. Al terminar no se borra nada y lo publicado se sigue mostrando; los tours y tooltips siguen gratis en el plan Free.

Cómo añadir el checklist de onboarding 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.
```

<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 checklist de onboarding 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 widget está en Tags Fired y luego Submit → Publish. Nada llega al sitio real antes de publicar.
Paso 4 · ilustración esquemática
Paso 05
Escribe los puntos del checklist en Clew
En Clew abre Flujos → + Nuevo flujo y elige Checklist de onboarding. Rellena Título del checklist y añade de 3 a 5 Tareas del checklist: un título que sea una acción, una línea de explicación y, en URL del enlace, la página donde se hace. No hacen falta selectores.
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
Formato	Checklist de onboarding
Dónde mostrarlo (URL de la página)	Sección por prefijo `/app`
Cuándo mostrarlo	Al cargar la página
Segmentación de audiencia	Propiedad `plan` es igual a `trial`
Frecuencia	Una vez por visitante

Editor de tours de Clew con el formato, la regla de URL, el disparador y la regla de audiencia (checklist de onboarding con Google Tag Manager) — 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: checklist de onboarding 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.

Un gestor de etiquetas no sabe quién es el usuario

Para segmentar por plan o rol desde un gestor de etiquetas, tu app ya debe enviar esos valores a la capa de datos. Si no lo hace, usa una regla sobre una cookie que ponga tu app o muestra el checklist en páginas que solo ven los usuarios nuevos.

Una lista a la vez

Mientras hay un checklist abierto, el widget no inicia otro tour al navegar. Úsalo para la fase de configuración y deja que el usuario lo cierre; los tours de otras páginas empiezan después.

Preguntas y respuestas

¿Y si la capa de datos no tiene el plan?

Muestra el checklist sin la regla en páginas que solo abren los usuarios en prueba, o usa una cookie que tu app ya pone.

¿GTM retrasa el checklist de onboarding?

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.

¿GTM puede leer el plan del usuario?

Solo si el sitio lo envía a la capa de datos. Entonces una Data Layer Variable lo pasa a Clew.identify() en una etiqueta Custom HTML.

¿El checklist de onboarding es gratis?

Forma parte de Pro. Cada cuenta nueva tiene una prueba de 14 días con checklists y reglas de audiencia, sin tarjeta. Al terminar, los checklists publicados se siguen mostrando.

¿Los puntos se marcan automáticamente?

Un punto se marca cuando el usuario hace clic en él (su enlace se abre en otra pestaña). El marcado automático por eventos de la app aún no está disponible.

Cómo añadir un checklist de onboarding con Google Tag Manager sin programador

Ejemplo: un checklist de onboarding con Google Tag Manager

Cómo añadir el checklist de onboarding con Google Tag Manager, paso a paso

Copia tu snippet de Clew

Crea una etiqueta Custom HTML en GTM

Actívala en All Pages

Preview y después Submit y Publish

Escribe los puntos del checklist en Clew

Elige dónde, cuándo y a quién se muestra

Publica y compruébalo en el sitio real