Cómo añadir un aviso de paywall con Google Tag Manager sin programador

Por Andrey Davydov · actualizado 18 de septiembre de 2026

Un paywall suave con Google Tag Manager: cuando un usuario gratis llega a una función de pago, un modal explica la mejora y enlaza a tu página de precios, segmentado por plan, medido y editable sin release.

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

Ejemplo: un aviso de mejora con Google Tag Manager

Un SaaS de informes envía plan a la capa de datos. Cuando un usuario gratis hace clic en Exportar (data-tour="export") en /app/reports, un modal dice “Exportar a CSV y PDF está en Pro” con enlace a /pricing. La app sigue decidiendo si la exportación se ejecuta.

Qué hace Clew y qué no. Clew muestra el aviso de mejora —un modal con tu texto y un enlace a tu propia página de precios o de pago— a los usuarios que eligen tus reglas. No cobra, no gestiona suscripciones y no oculta ni bloquea contenido: tu app decide quién tiene acceso y tu proveedor de pagos cobra.

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 aviso de paywall 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 aviso de paywall 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 el aviso de mejora
En Clew abre Flujos → + Nuevo flujo y elige Ventana modal. Un paso: un título con el beneficio (“Exportar a CSV está en Pro”), una frase de valor y, en Texto del enlace / URL del enlace, el botón y la URL de tu página de precios o checkout.
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	Ventana modal
Dónde mostrarlo (URL de la página)	Sección por prefijo `/app/reports`
Cuándo mostrarlo	Al hacer clic en un elemento: `[data-tour="export"]`
Segmentación de audiencia	Propiedad `plan` es igual a `free`
Frecuencia	En cada visita

Editor de tours de Clew con el formato, la regla de URL, el disparador y la regla de audiencia (aviso de paywall 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: aviso de paywall 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.

Actualiza la propiedad tras la mejora

Las propiedades viven en el navegador hasta que la app envía un valor nuevo. Llama a Clew.identify({ plan: "pro" }) tras una mejora correcta, o el nuevo cliente seguirá viendo el aviso.

La capa de datos debe llevar el plan

Un gestor de etiquetas solo puede pasar lo que la página ya expone. Si tu capa de datos no tiene el plan, pídelo una vez o usa una cookie que ponga tu app.

Preguntas y respuestas

¿Cómo llega el plan a Clew?

Una segunda etiqueta Custom HTML llama a Clew.identify({ plan: '{{DLV - plan}}' }) con una Data Layer Variable.

¿GTM retrasa el aviso de paywall?

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.

¿Clew cobra el pago?

No. El botón enlaza a tu propia página de precios o checkout; Clew nunca gestiona tarjetas, suscripciones ni accesos.

¿El aviso de paywall es gratis?

Necesita el formato modal y una regla de audiencia, ambos en Pro. La prueba de 14 días los incluye, sin tarjeta.

Cómo añadir un aviso de paywall con Google Tag Manager sin programador

Ejemplo: un aviso de mejora con Google Tag Manager

Cómo añadir el aviso de paywall 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 el aviso de mejora

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

Publica y compruébalo en el sitio real