Añade un agente de voz con IA a DNN (DotNetNuke)

Cómo añadir AnveVoice a un sitio de DNN

DNN tiene un cuadro integrado para el HTML que va en el head de cada página: Settings > Site Settings > Site Behavior > Default Pages en el Persona Bar. Pega ahí la etiqueta de AnveVoice con una cuenta de host, y el agente de voz se cargará en todo el sitio. Pasos comprobados con la documentación oficial el 2026-10-14.

En resumen

• Dónde va el código: Persona Bar > Settings > Site Settings > Site Behavior > Default Pages
• Cuenta necesaria: Una cuenta de host o superusuario, según la documentación de administradores de DNN
• Código necesario: Ninguno para la ruta de configuración
• Tiempo: Unos 2 minutos

Antes de empezar

La guía de administradores de DNN para añadir metadatos enumera un requisito previo: una cuenta de host o superusuario, porque los hosts tienen permisos completos sobre todos los sitios de la instancia de DNN. Un administrador de sitio normal puede no ver este campo. Si solo gestionas un portal en un hosting compartido, pide a quien tenga el acceso de host que pegue la línea por ti. También necesitas tu ID de incrustación de AnveVoice. Crea una cuenta gratuita en app.anvevoice.app, crea un bot de voz para el sitio y copia el ID del panel.

• 1. Copia la etiqueta — Pon tu propio ID en lugar de YOUR_EMBED_ID. El src puede incluir &position=bottom-left o &theme=dark si quieres cambiar la posición o los colores. <script src="https://anvevoice.app/embed.js?embedId=YOUR_EMBED_ID" async></script>

Método 1: el campo de la sección head

La guía describe este campo como el lugar para introducir código HTML, por ejemplo metaetiquetas, para la sección head de cada página. Una etiqueta script también es válida en el head, y la etiqueta de AnveVoice se carga de forma asíncrona, así que no retrasa el renderizado. La documentación indica que las etiquetas HTML deben ser válidas para la sección head. Un informe de la comunidad describe un script pegado sin su etiqueta de cierre que rompió el marcado de todo el sitio, incluido el Persona Bar. Copia la línea completa y, si puedes, prueba antes en una copia de staging.

• 1. Abre Site Settings — Inicia sesión como host, abre el Persona Bar y ve a Settings > Site Settings.
• 2. Localiza el campo — Elige la pestaña Site Behavior, luego la subpestaña Default Pages, y busca el área de texto para HTML añadido al head de cada página.
• 3. Pega la etiqueta — Añade la línea de AnveVoice sin borrar nada de lo que ya hay en el cuadro, como las metaetiquetas de verificación. Asegúrate de que la etiqueta esté completa, con su elemento script de cierre.
• 4. Guarda — Haz clic en Save al final de la pantalla de configuración y carga el sitio público.

Versiones anteriores de DNN

La referencia de DNN Community de Control Bar a Persona Bar indica que este ajuste solía estar en Admin > Site Settings > Advanced Settings > Page Output Settings, y que el campo pasó a Settings > Site Behavior > Default Pages en el Persona Bar, quedando obsoletos los demás campos de esa subpestaña anterior. Si usas una versión antigua con el Control Bar, sigue la ruta heredada.

Método 2: a través del tema

Los desarrolladores que mantienen su propio tema pueden registrar los scripts a nivel de tema. La documentación de DNN sobre recursos de cliente explica que los scripts se registran a través de proveedores que deciden si una referencia se renderiza en el head, cerca de la parte superior del body o cerca del final del formulario, y que los temas pueden solicitarlos con el control DnnJsInclude. Esos mecanismos se basan en archivos registrados con prioridades, y la etiqueta de AnveVoice es una sola etiqueta remota, así que para esta etiqueta el campo de Site Settings es la ruta más sencilla. Elige la ruta del tema solo si tu equipo ya gestiona su skin en control de código fuente.

Varios portales, caché y rendimiento

La configuración del sitio se aplica al sitio actual, llamado portal, así que una instancia de DNN que aloje varios sitios necesita pegar la etiqueta una vez por sitio. Si el botón no aparece tras guardar, es posible que la página esté en caché. La referencia de migración sitúa la gestión de recursos de cliente en Settings > Servers > Server Settings > Performance, y DNN también tiene caché de salida en módulos y páginas. Borra las cachés o incrementa la versión de los recursos de cliente, y luego recarga.

Comprueba que funciona

• 1. Cierra sesión primero — Abre la página de inicio en una ventana privada para que las barras exclusivas del host no interfieran.
• 2. Busca el micrófono — Aparece un botón redondo abajo a la derecha. Haz clic, permite el acceso al micrófono y di una pregunta.
• 3. Revisa el head — Ve el código fuente y confirma que anvevoice.app/embed.js aparece una vez dentro de head.

Problemas frecuentes

• El campo no aparece: has iniciado sesión como administrador de sitio en lugar de como host.
• La estructura del sitio o el Persona Bar se rompieron tras guardar: se pegó un marcado no válido. Borra el texto añadido, guarda y vuelve a pegar la línea con cuidado.
• Funciona en un sitio pero no en otro: cada portal tiene su propia configuración.
• No aparece la solicitud del micrófono: la página debe servirse por HTTPS.

Fuentes

• Documentación de DNN: añadir metadatos a las páginas (Persona Bar > Settings > Site Settings) (https://dnnsoftware.com/docs/administrators/configuring-your-site/add-metadata-to-pages.html) — consultado el 2026-10-14
• Documentación de DNN Community: referencia de Control Bar a Persona Bar (https://docs.dnncommunity.org/content/tutorials/references/control-bar-to-persona-bar/index.html) — consultado el 2026-10-14
• Documentación de DNN Community: recursos de cliente (proveedores de scripts y ubicación) (https://docs.dnncommunity.org/content/tutorials/client-resources/index.html) — consultado el 2026-10-14

Relacionado

• Cómo añadir AnveVoice a Xperience by Kentico
• Cómo añadir AnveVoice a un sitio de ExpressionEngine
• Cómo añadir AnveVoice a un sitio ProcessWire
• Cómo añadir AnveVoice a un sitio web HTML sencillo

Prueba AnveVoice en tu sitio

Plan gratuito: 0 US$, 50.000 tokens al mes, sin tarjeta. Obtén tu ID de inserción en el panel y pega una etiqueta.