Añade un agente de voz con IA a Ghost (guía 2026)

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

Ghost tiene una pantalla integrada de Code Injection para exactamente esto. Pega la etiqueta de AnveVoice en Site Footer y se cargará en todas las páginas de tu publicación. Para una sola entrada o página, usa en su lugar el campo de inyección de código de los ajustes de esa entrada. Pasos comprobados con la documentación oficial el 2026-10-14.

En resumen

• Dónde va el código: Settings > Advanced > Code Injection > Site Footer (todo el sitio), o Post Settings para una sola entrada o página
• Código necesario: Ninguno: pega una línea y guarda
• Límites del plan: El artículo de ayuda de Code Injection de Ghost no indica ninguna restricción de plan; la pantalla está en el panel de administración de tu publicación
• Tiempo: Unos 2 minutos

Antes de empezar

Regístrate en app.anvevoice.app (plan gratuito: $0, 50.000 tokens al mes, un bot, sin tarjeta) y copia tu ID de incrustación. Necesitas un inicio de sesión de Owner, Administrator o similar en el panel de administración de Ghost, en yourdomain/ghost. El artículo de ayuda de Ghost describe dos puntos de inyección. El código en Site Header se muestra dentro del elemento head; el código en Site Footer se coloca antes de la etiqueta de cierre body, después de los scripts y estilos del propio tema. Como un widget de voz no tiene que ejecutarse pronto, el pie es la opción correcta para AnveVoice.

• 1. Copia tu etiqueta de instalación — Sustituye YOUR_EMBED_ID por el ID que aparece en tu panel de AnveVoice (app.anvevoice.app). Los parámetros opcionales de URL son &position=bottom-left y &theme=dark. <script src="https://anvevoice.app/embed.js?embedId=YOUR_EMBED_ID" async></script>

Método 1: en todo el sitio con Site Footer

La inyección en todo el sitio afecta a cada página, incluidas la página de inicio, los archivos por etiqueta, las entradas y las páginas estáticas. El artículo de Ghost advierte de que el CSS y los scripts personalizados de todo el sitio aparecen en cada una de las páginas, sin excepción.

• 1. Abre el panel de administración — Ve a yourdomain/ghost e inicia sesión.
• 2. Ve a Code Injection — Abre Settings, después Advanced y luego Code Injection. La ayuda de Ghost indica esta ruta; algunas versiones de Ghost muestran Code injection directamente en la barra lateral de ajustes, así que usa el cuadro de búsqueda de Settings si no lo ves.
• 3. Pega en Site Footer — Pon la etiqueta de AnveVoice en el cuadro Site Footer. Deja lo que ya haya, por ejemplo la analítica, y añade la tuya en una línea nueva.
• 4. Guarda — Haz clic en Save. El cambio se aplica a todas las páginas del sitio sin editar el tema ni volver a desplegar.

Método 2: solo una entrada o página

El mismo artículo de ayuda indica que puedes inyectar código en entradas y páginas concretas desde el menú Post Settings del editor. Esto encaja con una página de aterrizaje o de un evento en la que quieras el asistente pero no en el resto del sitio. Abre la entrada en el editor, haz clic en el icono de ajustes (engranaje), busca la sección de inyección de código y pega la etiqueta en el campo del pie; después publica o actualiza la entrada. Una etiqueta de todo el sitio y una etiqueta por entrada juntas cargarían el script dos veces en esa página; AnveVoice ignora una segunda copia, pero una sola ubicación es más limpia.

Particularidades de Ghost

El tema aplica el Code Injection: el sistema de temas de Ghost muestra el código inyectado mediante sus helpers de head y de foot. Los temas del propio marketplace de Ghost los incluyen, pero un tema muy personalizado que omita el helper de foot eliminaría el código de Site Footer; confirma con el código fuente si falta el botón. Los sitios de Ghost suelen estar detrás de un CDN o de un proxy inverso. Las páginas en caché siguen mostrando el marcado antiguo hasta que caduca la caché, así que purgala después de guardar. Las páginas solo para miembros usan las mismas plantillas del tema, así que el código del pie también aparece allí.

Comprueba que funciona

• 1. Abre el sitio en vivo en una ventana privada — Así se evitan las sesiones de miembro y las vistas previas de administrador.
• 2. Haz clic en el botón del micrófono — Aparece abajo a la derecha de forma predeterminada. Permite el micrófono (se necesita HTTPS) y haz una pregunta sobre tu contenido.
• 3. Mira el código fuente si hace falta — Busca anvevoice.app/embed.js en el código fuente de la página.

Problemas frecuentes en Ghost

• Guardado pero no visible: purga la caché del CDN o del hosting, y luego recarga en una ventana privada.
• Solo algunas páginas lo muestran: usaste inyección por entrada. Pasa la etiqueta a Site Footer para cubrir todo el sitio.
• Se ve en el sitio pero no en la vista previa del editor: es normal; la vista previa del editor no carga toda la salida del tema.
• La etiqueta aparece dos veces en el código fuente: existe tanto en Site Footer como en el campo de inyección de una entrada. Borra una.
• Cambiaste de tema y desapareció: la inyección se guarda con el sitio, así que normalmente sobrevive a un cambio de tema, pero comprueba que el nuevo tema incluye el helper de foot.

Fuentes

• Ayuda de Ghost: code injection (cabecera del sitio, pie del sitio, por entrada) (https://ghost.org/help/code-injection-styles/) — consultado el 2026-10-14
• Tutorial de Ghost: usar code injection en Ghost (https://ghost.org/tutorials/use-code-injection-in-ghost) — consultado el 2026-10-14

Relacionado

• Cómo añadir AnveVoice a un sitio WordPress
• Cómo añadir AnveVoice a un sitio de Squarespace
• Cómo agregar AnveVoice a un sitio de Webflow
• Cómo añadir AnveVoice a un sitio Hugo

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.