Lo que necesitas
Un contenedor de Tag Manager que ya esté instalado en todas las páginas de tu web y permisos para editar y publicar. En Accessonaut, crea primero un proyecto con el dominio real de tu web y abre en el proyecto la página de instalación.
Paso a paso
- Abre tu contenedor y elige Etiquetas → Nueva. Haz clic en Configuración de la etiqueta y elige HTML personalizado.
- Pega el código de inserción sin cambios en el campo HTML y dale a la etiqueta un nombre claro, por ejemplo Accessonaut.
- Elige un activador para todas las páginas, por ejemplo «Inicialización - Todas las páginas». Ajusta la configuración de consentimiento de la etiqueta a tu concepto de consentimiento.
- Comprueba que la etiqueta se activa con Vista previa en Tag Assistant. Después publica el contenedor con Enviar y Publicar.
- Prueba la web pública en una ventana privada. En las herramientas para desarrolladores, comprueba que el script con
data-project-idaparece exactamente una vez en la página.
Así es la inserción
Usa el código listo de tu proyecto. El ejemplo necesita tu ID de proyecto real y la dirección del servicio accesible públicamente.
<script src="https://accessonaut.com/widget.js"
data-project-id="TU_ID_DE_PROYECTO"
data-language="es" defer></script>Adapta el diseño a tu web
En tu proyecto de Accessonaut, abre «Widget de ayudas de lectura». Cinco plantillas y una vista previa en directo te ayudan con el diseño: colores, tipografías, ancho del menú, esquinas, sombras, icono o botón de apertura con texto y textos propios. La posición y los márgenes se ajustan por separado para escritorio y smartphone. Al guardar, tu código de inserción actual adopta automáticamente el diseño del proyecto; la configuración pública se guarda en caché hasta un minuto.
En el plugin de WordPress puedes elegir ajustes locales en su lugar. Estos tienen prioridad sobre el diseño del proyecto. El diseño está disponible en todos los planes. En el plan Free, el aviso de Accessonaut sigue visible. Los ajustes de lectura personales de tus visitantes tienen prioridad sobre las indicaciones de diseño.
Ten en cuenta
El widget solo se carga si Tag Manager se carga y la etiqueta se activa. Los bloqueadores de anuncios y de seguimiento o la falta de consentimiento impiden entonces también la ayuda de lectura. Por eso, una inserción directa en la plantilla es más robusta. Tag Manager minimiza el código insertado; revisa el script generado. Elimina las inserciones adicionales del tema o del CMS.
Preguntas frecuentes sobre Google Tag Manager
¿Qué activador es el correcto?
«Inicialización - Todas las páginas» se activa antes que todos los demás activadores; solo la inicialización del consentimiento va antes. También sirve un activador de página vista para todas las páginas. No uses la inicialización del consentimiento: Google la reserva para los ajustes de consentimiento. Tampoco encaja el activador de cambio de historial, porque se vuelve a activar con cada cambio de página en las aplicaciones de una sola página.
¿Qué opción de activación de la etiqueta elijo?
En la configuración avanzada, en las opciones de activación de la etiqueta, haz que se active una vez por página. Google cita esta opción para cargar bibliotecas de JavaScript externas. El widget no crea una segunda instancia, pero otra activación descarga el script sin necesidad.
¿Cómo conecto la etiqueta con mi gestión del consentimiento?
En la configuración de consentimiento de la etiqueta, dentro de las comprobaciones de consentimiento adicionales, puedes exigir un consentimiento adicional para que se active. Así el widget solo se carga tras el consentimiento. El widget no instala cookies y guarda los ajustes de lectura localmente. Decide según tu evaluación de privacidad.
¿Puedo probar primero en un entorno de pruebas?
Sí. Con los entornos publicas en un entorno de pruebas sin cambiar el entorno en producción. Pero en un dominio de pruebas el widget muestra el diseño estándar con el aviso de Accessonaut, porque la configuración del proyecto solo se aplica al dominio del proyecto.
¿Cómo quito o pauso el widget?
Abre la etiqueta y páusala desde el menú de tres puntos, o bórrala. Ambos cambios solo surten efecto cuando vuelves a publicar el contenedor.
Si algo no funciona
En la vista previa la etiqueta se activa, pero en la web publicada falta el widget.
Causa: El contenedor aún no está publicado.
Solución: Elige Enviar y Publicar y revisa después la web en una ventana privada.
La consola del navegador muestra una infracción de CSP.
Causa: Tu política no permite el script o la conexión con la dirección del servicio.
Solución: Añade la dirección del servicio en script-src y connect-src. Según Google, con un nonce en el fragmento del contenedor, Tag Manager lo transmite a los scripts que añade.
Comprueba la instalación
- Abre la web pública en una ventana privada. El widget se muestra exactamente una vez.
- Llega al botón con el teclado. Abre el panel, cambia el tamaño del texto y vuelve a cerrarlo.
- Revisa la página de inicio, una subpágina, un formulario y la vista móvil. El widget no debe tapar ningún control importante.
- En la pestaña Red, comprueba que widget.js y la configuración del proyecto se cargan desde la dirección de tu servicio. Si hay errores, revisa el dominio, el ID del proyecto y la CSP.
- En los proyectos Free, el aviso visible de Accessonaut sigue formando parte del widget. Los permisos dependen de tu proyecto.
Privacidad y límites
Al cargarse, el navegador del visitante obtiene el script y la configuración del proyecto del servicio de Accessonaut. Con ello se tratan la dirección IP, los datos de la solicitud del navegador y el nombre de host de la web. Las preferencias de visualización se guardan localmente en el navegador. Ten en cuenta la integración en tu política de privacidad y revisa tu configuración concreta.
Las ayudas de lectura no garantizan la conformidad. Revisa además las barreras en el código fuente y los recorridos completos de los usuarios, de forma automática y manual.