Cómo compartir un archivo HTML de Google Drive como página web

Respuesta rápida

Google Drive comparte tu archivo .html como código o descarga, no como página en línea, porque dejó de alojar páginas web en 2016. Para compartirlo como página, publica el archivo HTML y envía ese enlace. Convika lo hace gratis, y un enlace privado (Pro o pase) deja la página fuera de los resultados de búsqueda.

Registrarse gratis para subir mi HTML

Plan Free: sin tarjeta de crédito, 1 página en línea a la vez, 10.000 vistas de página al mes y una pequeña barra de Convika abajo.

En esta página

Subiste un archivo .html a Google Drive, pusiste el enlace en Cualquier persona que tenga el vínculo (o Cualquier persona con el enlace) y lo enviaste, y la otra persona vio un montón de código o un aviso de descarga en lugar de tu página web. Google Drive dejó de alojar páginas web en googledrive.com/host el 31 de agosto de 2016, y aunque Drive todavía incluye .HTML entre los tipos de archivo de los que muestra una vista previa, junto con .CSS y .JS, trata tu archivo como lenguaje de marcado y código, no como un sitio en línea.

Esta guía explica qué hace Drive con un archivo HTML, tres formas de compartirlo según lo que quieras y cómo ver tú el archivo con Chrome (Ctrl+O en Windows o Linux, o Cmd+O en Mac) o con el visor de HTML gratis de Convika (/es/tools/html-viewer/). También verás qué le da a la otra persona un enlace de Drive, los 4 pasos para obtener un enlace a una página que funcione, cómo limitarla a las personas a las que se lo envías, por qué no se ven las imágenes cuando compartes desde una carpeta y cómo usar Google Sites o Apps Script si quieres quedarte en las herramientas de Google.

Por qué tu archivo HTML en Google Drive muestra código o se descarga en lugar de abrirse

Google Drive ya no aloja ni muestra páginas web desde los enlaces de archivos compartidos: dejó de servir archivos como sitios web en línea en googledrive.com/host el 31 de agosto de 2016. Hoy, Drive incluye .HTML entre los archivos de lenguaje de marcado y código (junto con .CSS, .JS, .PHP y .py) y solo muestra una vista previa reducida, en lugar de ejecutar el archivo como una página web en línea.

  • Descárgalo y ábrelo en una computadora: en Drive, haz clic con el botón derecho en el archivo y haz clic en Descargar (los lectores pueden hacerlo de forma predeterminada, a menos que el propietario lo haya desactivado). Después ábrelo en Chrome con Ctrl+O en Windows o Linux, o Cmd+O en Mac; si lo abres desde su propia carpeta, puede ejecutar sus scripts y cargar los archivos guardados a su lado.
  • Míralo en tu equipo sin subirlo: después de descargarlo, abre el archivo .html en el visor de HTML gratis de Convika (/es/tools/html-viewer/), que lo muestra en el navegador de tu dispositivo, así que solo lo ves tú. Si te lo envió otra persona, ábrelo solo si confías en ella, y desactiva antes Ejecutar scripts para revisar el código.
  • Publícalo con las herramientas de Google: para compartir una URL en línea desde Google, pega tu HTML, CSS o JavaScript en Google Sites con Insertar > Insertar > Insertar código (ten en cuenta que una página de Convika no se puede incrustar en Google Sites ni en ningún otro sitio; enlázala), o sirve la página con el servicio HTML de Google Apps Script: agrega el archivo HTML, escribe una función doGet y elige Implementar > Nueva implementación como app web.

Cuando compartes un archivo HTML (lo seleccionas, haces clic en Compartir, cambias Acceso general a Cualquier persona que tenga el vínculo, o Cualquier persona con el enlace, salvo que una cuenta de trabajo o de una institución educativa limite compartir fuera de ella, y copias el enlace), quien lo recibe solo obtiene esa vista previa del archivo o una descarga. Para ver la página como se ve de verdad, y no el código, tú o quien la recibe pueden usar una de las opciones de arriba.

Tres formas, según tu objetivo: verlo tú, enviar el archivo o enviar la página

Google Drive dejó de alojar páginas web en agosto de 2016, cuando cerró googledrive.com/host. Hoy, Drive incluye .HTML entre los archivos de lenguaje de marcado y código, y muestra una vista previa reducida del archivo, así que un enlace compartido de Drive le da a la otra persona el código o una descarga del archivo, no una página web en línea. Elige abajo el método que coincida con lo que de verdad quieres hacer con tu archivo.

ObjetivoCómoQué recibe la otra persona
Verlo túDescárgalo de Drive y ábrelo en Chrome (Ctrl+O o Cmd+O) o en el visor de HTMLNada: solo lo ves tú
Enviar el archivoCompartir de Drive, luego Cualquier persona que tenga el vínculo (o Cualquier persona con el enlace) y Copiar vínculo (o Copiar enlace)El archivo: la vista previa de Drive, o una descarga
Enviar la páginaPublica el archivo y envía su enlaceLa página en su navegador, sin cuenta

Si solo tienes que pasar el archivo .html para que alguien lo descargue o lo revise, basta un enlace normal de Google Drive con Cualquier persona que tenga el vínculo (o Cualquier persona con el enlace) y el rol Lector. Si quieres que haga clic en un enlace y vea la página funcionando en el navegador del teléfono o de la computadora, sube el archivo .html en el cuadro de arriba para obtener un enlace para compartir, o usa Google Sites o Google Apps Script si quieres quedarte en las herramientas de Google.

Cómo abrir en Chrome un archivo HTML de Google Drive

Google Drive incluye .HTML entre los tipos de archivo de lenguaje de marcado y código, y solo muestra una vista previa reducida del archivo. Como Google cerró el alojamiento web de Drive (googledrive.com/host) el 31 de agosto de 2016, abrir un enlace de Drive en Chrome no muestra el archivo directamente como una página web en línea.

  1. En Google Drive, en tu computadora, haz clic con el botón derecho en el archivo .html y haz clic en Descargar (si la página usa archivos aparte de CSS, JS o imágenes, descárgalos también en la misma carpeta).
  2. Cambia a Chrome y presiona Ctrl+O (Windows, Linux) o Cmd+O (Mac), y elige el archivo .html descargado en su carpeta, para que pueda ejecutar sus scripts y cargar los archivos que tiene al lado.
  3. También puedes abrir el archivo en el visor de HTML gratis de Convika (/es/tools/html-viewer/) para verlo en tu navegador sin subirlo; si te lo envió otra persona, ábrelo solo si confías en ella, y desactiva antes Ejecutar scripts para ver qué tiene dentro.

Para ver la página en tu propio navegador, primero descarga el archivo .html en tu dispositivo (de forma predeterminada, los lectores pueden descargar los archivos compartidos, a menos que el propietario lo desactive). Una vez descargado, puedes abrirlo directamente en Chrome o verlo en tu equipo con el visor de HTML gratis de Convika (/es/tools/html-viewer/), que abre el archivo en el navegador de tu dispositivo sin subirlo: solo lo ves tú.

Cómo compartir un archivo HTML en Google Drive (y qué recibe la otra persona)

Compartir un archivo .html desde Google Drive le da a la otra persona la vista previa del archivo de Drive o una descarga, no una página web en línea. Google dejó de alojar páginas web en Drive el 31 de agosto de 2016, cuando cerró googledrive.com/host, y hoy la ayuda de Drive agrupa .html con las vistas previas de lenguaje de marcado y código, junto con .css, .js y .py; solo dice que la vista previa es una versión reducida del archivo, sin aclarar si muestra la página, si muestra el código o si ejecuta scripts.

  1. Selecciona tu archivo .html en Google Drive y haz clic en Compartir.
  2. En Acceso general, cambia la opción a Cualquier persona que tenga el vínculo, o Cualquier persona con el enlace (si tu cuenta del trabajo o de una institución educativa permite compartir fuera de tu organización).
  3. Elige un rol: Lector, Comentarista (o Comentador) o Editor. De forma predeterminada, los lectores pueden descargar el archivo sin iniciar sesión en una cuenta de Google, a menos que desactives las descargas en la configuración para compartir.
  4. Haz clic en Copiar vínculo (o Copiar enlace), luego en Listo (o Hecho), y envíale el enlace a la otra persona.

Si solo quieres pasarle el archivo a un profesor, a un compañero de clase o de trabajo, un enlace normal de Drive le permite ver el código o descargar el archivo .html para abrirlo en Chrome en su computadora con Ctrl+O (Windows o Linux) o Cmd+O (Mac), o revisarlo en su equipo con el visor de HTML gratis de Convika (/es/tools/html-viewer/) sin subirlo (si alguien te envió el archivo, ábrelo solo si confías en esa persona, y desactiva antes Ejecutar scripts). Si necesitas que el enlace se abra directamente como una página web que funcione, pega el HTML, el CSS y el JavaScript en Google Sites con Insertar > Insertar > Insertar código, o sirve el archivo HTML desde Google Apps Script con una función doGet e Implementar > Nueva implementación como app web.

Cómo convertir tu archivo HTML en un enlace a la página en 4 pasos

Google Drive abre un archivo .html como código o lo descarga, en lugar de mostrar la página web. Sigue estos 4 pasos para alojar el archivo en Convika y compartir un enlace que se abra directamente en cualquier navegador.

1. Descarga el archivo de Google Drive y suéltalo en el cuadro

Convika no puede leer un archivo directamente desde Google Drive, así que descárgalo primero en tu computadora (clic con el botón derecho > Descargar). Luego ve al cuadro de arriba. Con Subir un archivo seleccionado, suelta en el cuadro un archivo .html o .htm de hasta 2 MB, o cambia a Pegar código y pega el código. Pulsa Obtener mi enlace de vista previa. No necesitas una cuenta ni un correo. Ten en cuenta que Convika acepta un solo archivo HTML, no una carpeta ni un ZIP: los archivos que están a su lado en tu computadora (como un archivo style.css o una carpeta images) no cargan, aunque sí se ven las imágenes incluidas en el archivo o las que apuntan a direcciones https://.

2. Conserva la página y comprueba cómo funciona

Sin cuenta, tu enlace de vista previa funciona durante 3 minutos, y los scripts y los formularios están desactivados en la vista previa. Para conservar la página y dejar que sus scripts se ejecuten, pulsa Conservar esta página: gratis, sin tarjeta y regístrate. La página pasa a tu cuenta tal como la subiste. En una página publicada, tus scripts y las bibliotecas de un CDN https:// se ejecutan en todos los planes, Free incluido. En Free, las solicitudes fetch y XHR de un script solo llegan a la propia dirección de la página; en Pro, MAX y el pase de 1 año, también llegan a las herramientas de analítica que admite Convika y a los dominios que indiques para tu propia red de anuncios en la configuración de la página (hasta 20). El plan Free no pide tarjeta de crédito e incluye 1 página en línea a la vez, 10.000 vistas de página al mes y una pequeña barra de Convika abajo en cada página.

3. Publica tu página

En la pantalla de la página, pulsa Publicar. En ¿Quién puede abrir esta página?, elige Pública, Enlace privado o Solo quienes tengan la contraseña. Pública es gratis: cualquier persona con el enlace (también aquellas a las que se lo reenvíen) puede abrir la página sin contraseña ni cuenta, y puede aparecer en los resultados de búsqueda y en la galería de Convika. Un Enlace privado (Pro o pase) se abre igual, mientras Convika les pide a los buscadores que dejen la página fuera de sus resultados y la deja fuera de la galería. Pulsa Siguiente. La primera vez que publicas, Convika muestra los planes, con Pro mensual seleccionado (1 día gratis con tarjeta; después, 12 US$ al mes). Las otras dos opciones son el Pase Pro de 1 año (29 US$ en un solo pago, sin renovación) y Free (0 US$, con la barra de Convika). Para una página Pública, elige Free y pulsa Publicar gratis. Un enlace privado o una contraseña quedan en línea cuando empieza la prueba o se paga el pase. Si quieres una contraseña para la página (Solo quienes tengan la contraseña), los visitantes ven primero una pantalla de contraseña. Es una función de Pro (12 US$ al mes).

4. Copia el enlace y envíalo

Tu página queda en línea en una dirección como yourpage.convika.page, que no cambia hasta que dejes de publicarla. Free incluye 10.000 vistas de página al mes entre todas tus páginas. Pulsa Copiar junto a URL publicada y envíale el enlace a tu profesor, a tu compañero de clase o de trabajo: lo pueden abrir en el navegador del teléfono o de la computadora sin una cuenta de Convika. En las estadísticas de tu página puedes ver las visitas por día, país, dispositivo y lugar de procedencia (cuántas personas la visitaron, no quiénes, de los últimos 90 días en el plan Free). Si más adelante necesitas corregir la página sin cambiar el enlace que ya enviaste, ve a la sección para subir una versión nueva desde un archivo, en la pantalla de la página, suelta el archivo actualizado y súbelo como versión nueva; luego pulsa Abrir vista previa y publica la v2 en el mismo enlace. Los visitantes siguen viendo la versión en línea hasta que publicas la actualización.

Limitar tu página a quienes reciben el enlace, o ponerle una contraseña

En Google Drive, “Cualquier persona que tenga el vínculo” deja un archivo fuera de la búsqueda de Google y permite que lo abran quienes tienen el enlace. Cuando publicas una página en Convika, ¿Quién puede abrir esta página? te da Pública, Enlace privado o Solo quienes tengan la contraseña. Pública es gratis, pero la página puede aparecer en los resultados de búsqueda y en la galería de Convika; un Enlace privado (Pro o pase) te da esa misma configuración de solo con el enlace.

  • Enlace privado (Pro o pase): cualquier persona con tu enlace yourpage.convika.page puede abrir la página en el teléfono o en la computadora sin contraseña ni cuenta de Convika, también aquellas a las que se lo reenvíen. Convika les pide a los buscadores que dejen la página fuera de sus resultados y la deja fuera de la galería. En el plan gratis, elige Pública: la página se abre igual, pero puede aparecer en los resultados de búsqueda y en la galería de Convika.
  • Solo quienes tengan la contraseña (cuando reenviar el enlace es un problema): para el borrador de un cliente o un trabajo privado de clase, elige Solo quienes tengan la contraseña al publicar, así los visitantes ven primero una pantalla de contraseña. Las contraseñas de página son una función de Pro (12 US$ al mes).
  • Quítala cuando termines: tu página conserva su dirección hasta que dejas de publicarla en la pantalla de la página, lo que cierra el acceso al momento.

La diferencia está en lo que pasa si alguien reenvía tu enlace. Usa la lista de arriba para elegir entre el acceso solo con el enlace, ponerle una contraseña o quitar la página cuando termina una revisión o un periodo de calificación.

Por qué faltan las imágenes o los estilos al compartir un archivo HTML (y cómo arreglarlo)

Si tu archivo HTML se ve bien en tu computadora pero pierde las imágenes o los estilos cuando lo compartes, el código apunta a archivos aparte en una carpeta de tu dispositivo, como src="images/photo.jpg" o un archivo style.css separado. Compartir un solo archivo .html en Google Drive o subirlo a Convika envía solo ese archivo, no la carpeta ni un ZIP que esté a su lado, así que esas imágenes y hojas de estilo locales se quedan atrás. El cuadro para subir de Convika, en el cuadro de arriba, te avisa en ese momento si tu página enlaza archivos de tu computadora.

Pon todo el CSS dentro del archivo HTML y usa direcciones https:// para las imágenes, para que la página sea un solo archivo.

Lo más fácil es combinarlo todo en un solo archivo HTML: copia el prompt de arriba y pégalo en la IA que hizo tu página, o edita tu código para que todo el CSS esté dentro de una etiqueta <style> y las imágenes usen direcciones web https:// completas (las imágenes pequeñas también pueden ir incluidas en el archivo, siempre que el archivo completo pese menos de 2 MB). Cuando tengas tu archivo único, suéltalo en el cuadro de arriba para obtener un enlace de vista previa o, si ya publicaste la página en Convika, abre la pantalla de la página, suelta el archivo actualizado en la sección para subir una versión nueva desde un archivo, súbelo como versión nueva, revísalo con Abrir vista previa y publica la v2 en el mismo enlace.

Formas de mostrar HTML dentro de Google (Google Sites y Apps Script)

Google Drive ya no aloja páginas web en línea: su antigua función googledrive.com/host cerró el 31 de agosto de 2016, y la vista previa de Drive trata los archivos .html como lenguaje de marcado y código, sin mostrar una página en línea. Si quieres quedarte en tu cuenta de Google y compartir una página que funcione en lugar del código o de una descarga del archivo, tienes dos opciones incluidas: Google Sites y Google Apps Script.

  • Google Sites (Insertar > Insertar > Insertar código): lo mejor cuando quieres poner un fragmento de HTML, CSS o JavaScript completo dentro de una página de un sitio de Google. Copias el código de tu archivo .html y lo pegas en el cuadro para insertar, en lugar de enlazar el archivo desde Drive. Funciona bien para un solo widget o fragmento, pero tu código se ejecuta dentro de un marco incrustado en el diseño de Google Sites y no como tu propio archivo .html independiente, y una página de Convika no se puede incrustar en Google Sites ni en ningún otro sitio (enlázala).
  • Google Apps Script (servicio HTML): lo mejor si quieres que Google sirva tu HTML como una página web independiente, en su propio enlace. Creas un proyecto de Apps Script, agregas un archivo HTML en el editor de secuencias de comandos, escribes una función doGet para servirlo y haces clic en Implementar > Nueva implementación como app web para obtener una URL para compartir. Lo que pagas es el trabajo de configurarlo: hay que escribir la secuencia de comandos doGet y administrar las implementaciones de la app web, y si usas una cuenta de Google del trabajo o de una institución educativa, tu organización puede limitar compartir fuera de ella.

Las dos herramientas funcionan dentro de Google y te permiten compartir un enlace, aunque ninguna funciona con solo hacer clic en un archivo .html guardado en una carpeta de Drive. En lugar de eso, pegas tu código en ellas. La lista de arriba muestra lo que puede hacer cada herramienta y dónde están sus límites.

Preguntas frecuentes

¿Cómo comparto un archivo HTML en Google Drive?

Selecciona el archivo en Google Drive, haz clic en Compartir, elige Cualquier persona que tenga el vínculo (o Cualquier persona con el enlace) en Acceso general, elige un rol (Lector, Comentarista o Editor; en España, Comentador) y haz clic en Copiar vínculo (o Copiar enlace) y en Listo (o Hecho). Cualquier persona con el enlace puede acceder al archivo sin iniciar sesión en una cuenta de Google, salvo que una cuenta del trabajo o de una institución educativa bloquee compartir fuera de la organización. Como Google Drive ya no aloja páginas web, la otra persona recibirá una vista previa del código o una descarga, no un sitio en línea. Para que pueda abrir la página directamente en su navegador, sube el archivo en el cuadro de arriba y comparte un enlace de Convika.

¿Google Drive puede alojar HTML?

No: Google anunció el 31 de agosto de 2015 el fin del alojamiento web en Drive, y dejó de servir páginas en googledrive.com/host el 31 de agosto de 2016. Hoy, Drive solo guarda tu archivo .html para descargarlo o verlo en una vista previa reducida. Si quieres quedarte en las herramientas de Google, puedes pegar HTML, CSS o JavaScript en Google Sites con Insertar > Insertar > Insertar código, o implementar un archivo HTML como app web con el servicio HTML de Google Apps Script. Para alojar un solo archivo .html en su propia dirección sin programar una secuencia de comandos, suéltalo en el cuadro de arriba y publícalo gratis en Convika.

¿Por qué mi archivo HTML se descarga en lugar de abrirse?

Google Drive trata un archivo .html como un archivo de código guardado, no como una página web en línea, desde que Google dejó de alojar páginas web en Drive el 31 de agosto de 2016. Aunque Drive incluye .HTML entre los archivos de lenguaje de marcado y código de los que muestra una vista previa, los lectores a menudo tienen que hacer clic con el botón derecho y descargar el archivo para ver bien la página. Una vez descargado en una computadora, se puede abrir en Chrome con Ctrl+O (Windows, Linux) o Cmd+O (Mac) para que funcionen sus scripts y sus archivos locales. Si quieres que la gente abra la página directamente desde un enlace, en el teléfono o en la computadora, sin descargarla, sube el archivo en el cuadro de arriba.

¿Cómo veo un archivo HTML en Google Drive?

Haz clic en el archivo en Google Drive para abrir la vista previa de Drive, que según Google es una versión reducida del archivo completo y puede verse un poco diferente al abrirlo. Para ver la página completa y ejecutar sus scripts, haz clic con el botón derecho en el archivo en Drive, haz clic en Descargar y ábrelo en Chrome desde tu computadora con Ctrl+O (Windows, Linux) o Cmd+O (Mac). También puedes ver un archivo .html descargado en el navegador de tu dispositivo, sin subirlo, con el visor de HTML gratis de Convika. Si te lo envió otra persona, ábrelo solo si confías en ella, y desactiva antes Ejecutar scripts para ver qué tiene dentro.

¿Cómo comparto un archivo HTML con un enlace?

Suelta un archivo .html o .htm (de hasta 2 MB) en el cuadro de arriba y pulsa Obtener mi enlace de vista previa: obtienes un enlace de vista previa que funciona durante 3 minutos, sin cuenta ni correo. Para conservar la página y activar sus scripts, pulsa Conservar esta página: gratis, sin tarjeta, regístrate y pulsa Publicar. Elige Pública, pulsa Siguiente y, la primera vez, elige Free y pulsa Publicar gratis. Tu página queda en línea en una dirección como yourpage.convika.page como Pública en el plan gratis, así que cualquier persona a la que le envíes el enlace puede abrirla en el teléfono o en la computadora sin una cuenta de Convika. Una página Pública puede aparecer en los resultados de búsqueda y en la galería de Convika; para dejarla fuera de los dos, elige Enlace privado (Pro o pase) al publicar. El plan Free no pide tarjeta de crédito y te da 1 página en línea a la vez y 10.000 vistas de página al mes.

Fuentes

Comparte tu archivo HTML como una página en línea, no como una descarga

Sube un archivo .html y envía un enlace que cualquiera puede abrir en el navegador del teléfono o de la computadora, fuera de los buscadores con un enlace privado (Pro o pase).

Registrarse gratis para subir mi HTML

Plan Free: sin tarjeta de crédito, 1 página en línea a la vez, 10.000 vistas de página al mes y una pequeña barra de Convika abajo.