Cómo compartir un sitio web de ChatGPT con un enlace rastreable

Ilya SpiridonovIlya Spiridonov
9 min de lectura

El uso compartido habitual de ChatGPT funciona cuando solo quieres que alguien abra un prototipo o una presentación. Puede quedarse corto para una propuesta, una presentación para inversores, un prototipo para un cliente o un informe. Quizá necesites asociar la actividad con un destinatario previsto, recopilar su email antes de darle acceso, limitar la entrada a cuentas de correo externas aprobadas, hacer que el enlace caduque o saber qué páginas y secciones retuvieron su atención.

Ahí es donde encaja un servicio para compartir HTML con seguimiento. Pide a ChatGPT un único archivo HTML descargable, súbelo al servicio y envía a cada destinatario un enlace rastreable.

HummingDeck es nuestro producto. Esta guía lo utiliza como capa de uso compartido una vez que ChatGPT genera el archivo HTML descargable.

Qué aporta un enlace HTML rastreable

Cuando necesitas...La capa de uso compartido debe ofrecer
Asociar la interacción con un destinatario previstoUn enlace personal distinto para cada destinatario
Recopilar un email antes de mostrar el contenidoCaptura de email antes del acceso
Limitar el acceso a cuentas de correo externas aprobadasAcceso restringido con una allowlist de emails verificados
Finalizar el acceso de forma automática o manualVencimiento del enlace y revocación manual
Actualizar la página sin enviar otro enlaceVolver a subir el HTML y conservar los enlaces compartidos existentes
Entender qué retuvo la atenciónTiempo por página o sección, porcentaje completado y recorrido de interacción

HummingDeck ofrece estos controles para los archivos HTML que subes. Los enlaces personales, el seguimiento básico de visualizaciones, el reemplazo de archivos y la revocación manual están disponibles en Free. El tiempo por página o sección y el vencimiento de enlaces están disponibles a partir de Starter. Captura de email y Acceso restringido están disponibles a partir de Pro. Compara los planes de HummingDeck.

Si solo necesitas una URL pública, nuestra guía para hospedar y compartir un único archivo HTML compara ocho opciones. Sigue leyendo cuando necesites controles para cada destinatario.

Este flujo de trabajo está pensado para páginas estáticas. Si el sitio publicado con ChatGPT Sites depende de inicio de sesión, datos guardados, pagos o código del servidor, mantén esa versión alojada y utiliza el HTML solo como copia para revisión.

Convierte la página de ChatGPT en un solo archivo HTML

ChatGPT puede mostrar el resultado como un sitio publicado con ChatGPT Sites, un Canvas o HTML Preview, o un archivo generado. HummingDeck necesita el archivo: no importa una URL de ChatGPT Sites ni un enlace compartido de Canvas. Vuelve al chat que creó la página y pide una copia estática:

Devuelve la versión más reciente como un único archivo index.html autónomo que pueda descargar.
Mantén el diseño y las interacciones del navegador funcionando sin servidor.
Incrusta o reemplaza las imágenes, fuentes, iconos, scripts y otros recursos externos para que el archivo funcione sin conexión.
Elimina o reemplaza todo lo que necesite una clave de API, una base de datos, inicio de sesión o backend.
Devuelve index.html como un archivo descargable, no solo como un bloque de código.

Si la respuesta muestra un archivo .html generado con un control de descarga, descárgalo y conserva la extensión .html (documentación sobre el flujo de archivos). Si ChatGPT solo muestra un HTML Preview, pídele un archivo .html descargable o el código HTML completo. Utiliza los pasos de guardado manual que aparecen a continuación únicamente cuando puedas ver todo el código fuente.

Si ChatGPT solo devuelve el HTML completo en un bloque de código:

  1. Copia todo el documento, desde <!doctype html> o <html> hasta la etiqueta de cierre </html>.
  2. Pégalo en un editor de texto sin formato.
  3. Guárdalo como index.html con codificación UTF-8.
  4. Comprueba que el editor no haya añadido .txt al nombre del archivo.

En nuestra prueba del 7 de agosto de 2026, ChatGPT Sites no mostró ningún control para exportar HTML, así que solicitamos un archivo index.html generado desde el chat original. El archivo funcionó sin conexión y después de subirlo a HummingDeck.

Si ChatGPT devuelve un proyecto de React o Vite con package.json, te ha dado código fuente que aún requiere un proceso de build y despliegue. Pide un único index.html estático solo cuando baste con una copia para revisión sin el backend activo.

Prueba el HTML antes de subirlo

Abre el archivo descargado en el navegador y utilízalo como lo haría el destinatario.

  1. Abre y revisa toda la página. Si ves código sin procesar, el archivo suele llamarse index.html.txt o contener marcado incompleto. Visita cada diapositiva, sección y pantalla de resultados.
  2. Prueba las interacciones y los recursos sin conexión. Comprueba la navegación, las pestañas, calculadoras, formularios, botones, imágenes, iconos y fuentes sin conexión a internet.
  3. Busca secretos en el código fuente. Cualquiera que reciba el HTML puede inspeccionarlo. Nunca incluyas una clave de API, una contraseña ni un token privado en el archivo.

Si la página falla sin conexión, vuelve a ChatGPT y pídele que incruste o reemplace la dependencia que falta.

Añade seguimiento y controles de acceso con HummingDeck

Cuando el archivo funcione por sí solo, sube ese mismo archivo a HummingDeck:

  1. Abre la página de HummingDeck para compartir HTML y sube el archivo .html.
  2. Vuelve a probar la versión subida.
  3. Crea un enlace personal para cada destinatario.
  4. Elige los ajustes de acceso y vencimiento que necesites y envía el enlace.

Cuando ChatGPT genere una revisión, utiliza Reemplazar en el documento y sube el nuevo archivo .html. Los enlaces creados anteriormente apuntarán a la nueva versión, así que no tendrás que volver a enviarlos.

El seguimiento atribuye actividad, no identidad

Captura de email registra la dirección que introduce el visitante. Un enlace personal asocia la actividad con el destinatario previsto, pero puede reenviarse. Acceso restringido verifica que el visitante tiene acceso a una bandeja de entrada incluida en la allowlist, no su identidad legal. El filtrado de bots reduce el ruido de los escáneres, pero ningún filtro detecta todos los eventos automatizados.

Nuestra comparativa de analíticas para HTML explica la diferencia entre las analíticas agregadas de un sitio y los enlaces para destinatarios concretos.

Soluciona problemas habituales de exportación

  • ChatGPT devolvió código en lugar de un archivo: Pídele que devuelva ese código exacto como un archivo index.html descargable. Si vuelve a darte un bloque de código, sigue los pasos de guardado manual anteriores y omite las delimitaciones de Markdown.
  • El archivo se abre como texto: Cambia el nombre de index.html.txt a index.html y vuelve a abrirlo en el navegador.
  • Faltan imágenes o estilos: Pide a ChatGPT que incruste o reemplace todos los recursos externos y repite la prueba sin conexión.
  • Los botones no funcionan: Indica qué control falla y pide a ChatGPT que lo reescriba en JavaScript del navegador, sin depender de un framework ni de un servidor.
  • La página necesita inicio de sesión, datos guardados, pagos o código del servidor: Mantén la versión activa en ChatGPT Sites. Una copia HTML estática puede servir como maqueta de revisión debidamente identificada, pero no puede sustituir a la aplicación funcional.

Preguntas frecuentes

¿Cómo exporto un sitio web de ChatGPT como HTML?

Pide a ChatGPT que devuelva la página más reciente como un archivo index.html descargable. Si solo ves un HTML Preview, pide un archivo descargable o el código HTML completo. Cuando aparezca todo el código, puedes copiarlo en un editor de texto sin formato y guardarlo como index.html.

¿Puedo utilizar este flujo con ChatGPT Sites, Canvas o una página HTML generada?

El flujo funciona cuando ChatGPT proporciona un archivo .html completo. HummingDeck no puede importar una URL de ChatGPT Sites ni un enlace compartido de Canvas. Una copia estática puede conservar el contenido y las interacciones del navegador, pero no funciones alojadas como el inicio de sesión, los datos guardados, los pagos, las bases de datos o el código del servidor. Mantén la aplicación funcional en ChatGPT Sites y comparte el HTML como copia para revisión.

¿Puedo actualizar la página sin enviar otro enlace?

Exporta la página revisada como otro archivo .html y utiliza Reemplazar en HummingDeck. Los enlaces compartidos existentes abrirán la versión nueva, por lo que no tendrás que crearlos ni enviarlos de nuevo.

¿El destinatario necesita una cuenta de ChatGPT o HummingDeck?

Un enlace estándar de HummingDeck no exige una cuenta de HummingDeck ni de ChatGPT. Acceso restringido verifica el acceso a una bandeja de entrada incluida en la allowlist, pero tampoco obliga al destinatario a crear una cuenta de HummingDeck.

¿Un enlace personal demuestra quién vio la página?

Atribuye la actividad al enlace del destinatario previsto. Acceso restringido aporta más certeza sobre la bandeja de entrada utilizada para acceder, pero no demuestra la identidad legal ni quién utilizaba físicamente el dispositivo.

Convierte la página de ChatGPT en un recurso compartido bajo control

ChatGPT creó la experiencia. Exportarla como HTML te permite añadir los controles de distribución que no ofrece el uso compartido habitual.


Relacionado: