Añade un agente de voz con IA a un blog de Blogger

Cómo añadir AnveVoice a un blog de Blogger

Blogger te ofrece dos vías para un script: un gadget HTML/JavaScript en la pantalla Layout, o una edición directa del tema en Theme > Edit HTML. El gadget es la opción más suave; la edición del tema carga la etiqueta en cada plantilla de página, y conviene descargar antes una copia de seguridad del tema. Pasos comprobados con la documentación oficial el 2026-10-14.

En resumen

• Dónde va el código: Layout > Add a Gadget > HTML/JavaScript, o Theme > More > Edit HTML
• Código necesario: Ninguno para el gadget; un pegado cuidadoso para la edición del tema
• Límites del plan: Ninguno. Blogger es gratuito, y las páginas de ayuda de Google no indican restricciones para scripts
• Tiempo: Unos 2 minutos

Elige un método

El centro de ayuda de Blogger distingue dos formas de cambiar el diseño de un blog. Los gadgets son elementos de página que añades desde la pantalla Layout, como un archivo o un cuadro de perfil, y el gadget HTML/JavaScript acepta código pegado en un cuadro Content. Editar el HTML del tema cambia la plantilla desde la que se construye cada página. La página de ayuda de Google añade una advertencia clara: quienes añaden código o widgets de terceros lo hacen bajo su propio riesgo, así que usa código de confianza y conserva una copia de tu tema. Para la mayoría de los blogueros, el gadget es suficiente. Elige la edición del tema si quieres la etiqueta en la propia plantilla, por ejemplo porque cambias de diseño con frecuencia o porque la quieres independiente de la posición de los gadgets. En cualquier caso necesitas tu ID de incrustación de AnveVoice: regístrate en app.anvevoice.app, crea un bot de voz gratuito para tu blog y copia el ID.

• 1. Prepara la etiqueta — Coloca tu propio ID de incrustación donde aparece YOUR_EMBED_ID. Añade &position=bottom-left o &theme=dark a la dirección si lo quieres. <script src="https://anvevoice.app/embed.js?embedId=YOUR_EMBED_ID" async></script>

Método 1: gadget HTML/JavaScript

La documentación de Surveys de Google usa exactamente esta ruta para colocar un fragmento JavaScript en Blogger: abre Layout, hace clic en un cuadro Add a Gadget, elige HTML/JavaScript, pega el código en Content y guarda. Como el gadget está dentro de una sección del layout, la posición del botón de voz en pantalla la sigue controlando el script de AnveVoice, no el lugar donde esté el gadget.

• 1. Inicia sesión y elige el blog — Abre Blogger y elige el blog de la lista de la parte superior izquierda.
• 2. Abre Layout — En el menú izquierdo haz clic en Layout y busca una sección que se muestre en todas las páginas, como el pie.
• 3. Añade el gadget — En esa sección haz clic en Add a Gadget, elige HTML/JavaScript de la lista y ponle un título si quieres.
• 4. Pega y guarda — Pega la etiqueta de AnveVoice en el cuadro Content, haz clic en Save en el gadget y luego en Save en la parte inferior izquierda de la pantalla Layout, como describe la ayuda de Blogger.

Método 2: editar el HTML del tema

Las plantillas de Blogger son documentos XML. Un ampersand sin escapar dentro de un atributo puede invalidar la plantilla, así que si añades los parámetros opcionales position o theme, escribe cada ampersand como &amp; en el editor del tema. La etiqueta simple sin parámetros opcionales no contiene ningún ampersand.

• 1. Haz una copia de seguridad del tema — En Blogger ve a Theme. En la parte superior derecha haz clic en More, luego en Backup y después en Download, para poder restaurar la plantilla original.
• 2. Abre el editor — En My theme haz clic en More y luego en Edit HTML.
• 3. Pega encima de la etiqueta de cierre body — Pulsa el atajo de búsqueda del editor, encuentra </body> y pega la línea de AnveVoice en la línea anterior.
• 4. Guarda el tema — Haz clic en Save. Si Blogger informa de un error de análisis XML, corrígelo antes de salir de la pantalla.

Dominios propios y lo que ven los visitantes

Los blogs con direcciones blogspot.com se sirven por HTTPS, que es lo que necesita el permiso del micrófono del navegador. Si usas un dominio propio, confirma que aparece el candado antes de probar el botón de voz. Blogger sirve la misma plantilla a todas las páginas del blog, así que cualquiera de los dos métodos pone el agente en las entradas, en las páginas estáticas y en la página de inicio por igual.

Comprueba que funciona

• 1. Abre el blog publicado — Visita la dirección pública de tu blog en una ventana privada. La vista previa dentro del editor del tema puede no ejecutar scripts.
• 2. Busca el botón — Busca el micrófono redondo abajo a la derecha, haz clic, permite el acceso al micrófono y haz una pregunta.
• 3. Busca duplicados — Si probaste los dos métodos, elimina uno. El script ignora una segunda copia, pero una sola etiqueta es más limpia.

Problemas frecuentes

• Gadget guardado pero sin botón: guardaste el gadget pero no el layout, o lo colocaste en una sección que tu plantilla oculta en algunos tipos de página.
• Error XML al guardar el tema: se coló un ampersand sin escapar o un carácter suelto. Restaura la copia de seguridad y vuelve a pegar.
• El editor del tema no muestra Edit HTML: usa el menú More bajo My theme en la pantalla Theme.
• El micrófono nunca pide permiso: el blog se está abriendo por HTTP sin cifrar.

Fuentes

• Ayuda de Blogger: cambiar el diseño de tu blog (gadgets y Edit HTML) (https://support.google.com/blogger/answer/176245?hl=en) — consultado el 2026-10-14
• Ayuda de Blogger: usar temas para cambiar el aspecto de tu blog (copia de seguridad del tema) (https://support.google.com/blogger/answer/1227173?hl=en) — consultado el 2026-10-14
• Ayuda de Google Surveys: añadir un fragmento JavaScript mediante un gadget HTML/JavaScript de Blogger (https://support.google.com/surveys/answer/6184198?hl=en) — consultado el 2026-10-14

Relacionado

• Cómo añadir AnveVoice a un blog de Tumblr
• Cómo añadir AnveVoice a un sitio WordPress
• 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.