Como compartilhar um arquivo HTML no Google Drive como página web

Resposta rápida

O Google Drive compartilha seu arquivo .html como código ou download, não como página, porque deixou de hospedar páginas web em 2016. Para compartilhar como página, publique o HTML e mande esse link. A Convika faz isso de graça, e um link privado (Pro ou passe) deixa a página fora dos resultados de busca.

Criar conta grátis para fazer upload do HTML

Plano Free: sem cartão de crédito, 1 página no ar, 10.000 visualizações de página por mês e uma pequena barra da Convika no pé da página.

Nesta página

Você fez upload de um arquivo .html no Google Drive, definiu o link como Qualquer pessoa com o link e mandou para alguém, só para a outra pessoa ver um monte de código cru ou um pedido de download no lugar da sua página. O Google Drive encerrou a hospedagem de páginas pelo googledrive.com/host em 31 de agosto de 2016 e, embora ainda liste .HTML entre os tipos de arquivo que consegue visualizar, junto com .CSS e .JS, trata o seu arquivo como marcação e código, não como um site no ar.

Este guia mostra o que o Drive faz de fato com um arquivo HTML, três jeitos de compartilhá-lo conforme o seu objetivo e como ver o arquivo você mesmo com o Chrome (Ctrl+O no Windows e no Linux ou Cmd+O no Mac) ou com o visualizador de HTML grátis da Convika (/pt-br/tools/html-viewer/). Você também vai ver o que um link de compartilhamento do Drive entrega à outra pessoa, os 4 passos para ter um link de página que funciona, como limitar o acesso às pessoas para quem você manda o link, por que as imagens não aparecem quando o arquivo é compartilhado de uma pasta e como usar o Google Sites ou o Apps Script se você quiser ficar nas ferramentas do Google.

Por que o seu arquivo HTML no Google Drive mostra código ou baixa em vez de abrir

O Google Drive não hospeda nem renderiza mais páginas web a partir de links de arquivos compartilhados: ele parou de servir arquivos como sites no ar pelo googledrive.com/host em 31 de agosto de 2016. Hoje, o Drive lista .HTML entre os arquivos de marcação e código (junto com .CSS, .JS, .PHP e .py) e só mostra uma prévia reduzida, em vez de rodar o arquivo como uma página web no ar.

  • Baixe e abra num computador: clique com o botão direito no arquivo no Drive e baixe-o (quem tem acesso de leitor pode baixar por padrão, a menos que o proprietário tenha desativado isso). Depois, abra o arquivo no Chrome com Ctrl+O no Windows ou no Linux, ou Cmd+O no Mac; abrir o arquivo a partir da própria pasta deixa que ele rode os scripts e carregue os arquivos locais guardados ao lado dele.
  • Veja uma prévia no seu aparelho, sem upload: depois de baixar, abra o arquivo .html no visualizador de HTML grátis da Convika (/pt-br/tools/html-viewer/), que o renderiza no navegador do seu aparelho, então só você o vê. Se outra pessoa mandou o arquivo, só abra se confiar em quem mandou, e desmarque Executar scripts antes, para examinar o código.
  • Publique pelas ferramentas do Google: para compartilhar uma URL no ar pelo Google, cole o HTML, o CSS ou o JavaScript no Google Sites em Inserir > Incorporar > Incorporar código (uma página da Convika não pode ser incorporada no Google Sites nem em nenhum outro site; coloque um link para ela), ou sirva a página pelo serviço HTML do Google Apps Script, adicionando o arquivo HTML, escrevendo uma função doGet e criando uma nova implantação como app da Web.

Quando você compartilha um arquivo HTML (selecionando o arquivo, clicando em Compartilhar, definindo Acesso geral como Qualquer pessoa com o link, a menos que uma conta de trabalho ou escolar restrinja o compartilhamento externo, e copiando o link), quem recebe só tem acesso à prévia do arquivo ou a um download. Para ver a página renderizada em vez do código cru, você ou quem recebe pode usar uma das opções acima.

Três jeitos, conforme o objetivo: ver você mesmo, mandar o código, mandar a página

O Google Drive parou de hospedar páginas web em agosto de 2016, quando o googledrive.com/host foi desativado. Hoje, o Drive lista .HTML entre os arquivos de marcação e código e mostra uma prévia reduzida do arquivo, então um link compartilhado do Drive entrega à outra pessoa código cru ou um download, não uma página web no ar. Escolha abaixo o método que combina com o que você quer fazer com o arquivo.

ObjetivoComoO que a outra pessoa recebe
Ver você mesmoBaixe do Drive e abra no Chrome (Ctrl+O ou Cmd+O) ou no visualizador de HTMLNada: só você vê
Mandar o arquivoO Compartilhar do Drive, depois Qualquer pessoa com o link e Copiar linkO arquivo: a prévia do Drive, ou um download
Mandar a páginaPublique o arquivo e mande o link deleA página no navegador dela, sem conta

Se você só precisa entregar o arquivo .html para alguém baixar ou examinar, um link comum do Google Drive com Qualquer pessoa com o link definido como Leitor basta. Se você quer que a pessoa clique num link e veja a página funcionando no navegador, no celular ou no computador, faça upload do arquivo .html único na caixa no alto desta página para ter um link para compartilhar, ou use o Google Sites ou o Google Apps Script se quiser ficar nas ferramentas do Google.

Como abrir no Chrome um arquivo HTML do Google Drive

O Google Drive lista .HTML entre os tipos de arquivo de marcação e código e só mostra uma prévia reduzida do arquivo. Como o Google desativou a hospedagem de páginas do Drive (googledrive.com/host) em 31 de agosto de 2016, abrir um link do Drive no Chrome não renderiza o arquivo direto como uma página web no ar.

  1. No Google Drive, no computador, clique com o botão direito no arquivo .html e baixe-o (se a página usa arquivos separados de CSS, JS ou imagens, baixe esses arquivos para a mesma pasta também).
  2. Vá para o Chrome e aperte Ctrl+O (Windows, Linux) ou Cmd+O (Mac), depois escolha o arquivo .html baixado na pasta dele, para que ele rode os scripts e carregue os arquivos que estão ao lado.
  3. Ou abra o arquivo no visualizador de HTML grátis da Convika (/pt-br/tools/html-viewer/) para vê-lo no navegador sem fazer upload; se outra pessoa mandou o arquivo, só abra se confiar em quem mandou, e desmarque Executar scripts antes, para olhar o que tem dentro.

Para ver a página no seu próprio navegador, baixe primeiro o arquivo .html para o seu aparelho (quem tem acesso de leitor pode baixar arquivos compartilhados por padrão, a menos que o proprietário desative o download). Depois de baixado, você pode abri-lo direto no Chrome ou ver uma prévia no visualizador de HTML grátis da Convika (/pt-br/tools/html-viewer/), que abre o arquivo no navegador do seu aparelho sem fazer upload: só você vê.

Como compartilhar um arquivo HTML no Google Drive (e o que a outra pessoa recebe)

Compartilhar um arquivo .html pelo Google Drive entrega à outra pessoa a prévia de arquivo do Drive ou um download, não uma página web no ar. O Google encerrou a hospedagem de páginas no Drive em 31 de agosto de 2016, quando o googledrive.com/host foi desativado, e a ajuda do Drive hoje agrupa .html entre as prévias de marcação e código, junto com .css, .js e .py, dizendo só que a prévia é uma versão reduzida do arquivo, sem explicar se ela renderiza a página, mostra o código cru ou roda scripts.

  1. Selecione o arquivo .html no Google Drive e clique em Compartilhar.
  2. Em Acesso geral, mude a configuração para Qualquer pessoa com o link (se a sua conta de trabalho ou escolar permitir compartilhar fora da organização).
  3. Escolha um papel: Leitor, Comentador ou Editor. Por padrão, os leitores podem baixar o arquivo sem entrar numa Conta do Google, a menos que você desative o download nas configurações de compartilhamento.
  4. Clique em Copiar link, depois em Concluído, e mande o link para a outra pessoa.

Se você só quer entregar o arquivo a um professor, a um colega de turma ou a um colega de trabalho, um link comum do Drive deixa a pessoa ver o código ou baixar o arquivo .html para abrir no Chrome do computador com Ctrl+O (Windows/Linux) ou Cmd+O (Mac), ou examiná-lo no visualizador de HTML grátis da Convika (/pt-br/tools/html-viewer/) sem fazer upload (se alguém mandou o arquivo para você, só abra se confiar em quem mandou, e desmarque Executar scripts antes). Se o link precisa abrir direto como uma página que funciona, cole o HTML, o CSS e o JavaScript no Google Sites em Inserir > Incorporar > Incorporar código, ou sirva o arquivo HTML pelo Google Apps Script com uma função doGet e uma nova implantação como app da Web.

O Google Drive abre um arquivo .html como código cru ou baixa o arquivo, em vez de mostrar a página. Siga estes 4 passos para hospedar o arquivo na Convika e compartilhar um link que abre direto em qualquer navegador.

1. Baixe o arquivo do Google Drive e arraste para a caixa

A Convika não consegue ler um arquivo direto do Google Drive, então baixe-o antes para o computador (clique com o botão direito e escolha a opção de download). Depois, vá até a caixa no alto desta página. Com Fazer upload de arquivo selecionado, arraste para a caixa um arquivo .html ou .htm de até 2 MB, ou mude para Colar código e cole o código. Clique em Gerar meu link de prévia. Você não precisa de conta nem de e-mail. A Convika aceita um único arquivo HTML, não uma pasta nem um ZIP: arquivos que estão ao lado dele no seu computador (como um arquivo style.css ou uma pasta images) não carregam, mas imagens embutidas no arquivo ou que apontam para endereços https:// aparecem.

2. Guarde a página e veja como ela roda

Sem conta, seu link de prévia funciona por 3 minutos, e os scripts e formulários ficam desligados na prévia. Para guardar a página e deixar os scripts rodarem, clique em Guardar esta página — grátis, sem cartão e crie sua conta. A página vai para a sua conta do jeito que você fez o upload. Numa página publicada, seus scripts e as bibliotecas de uma CDN https:// rodam em todos os planos, inclusive no Free. No Free, as requisições fetch e XHR de um script só alcançam o próprio endereço da página; no Pro, no MAX e no passe de 1 ano, elas também alcançam as ferramentas de análise que a Convika aceita e até 20 hosts que você informar para a sua própria rede de anúncios nas configurações da página. O plano Free não pede cartão de crédito e inclui 1 página no ar, 10.000 visualizações de página por mês e uma pequena barra da Convika no pé de cada página.

3. Publique a página

Na tela da página, clique em Publicar. Em Quem pode abrir esta página?, escolha Público, Link privado ou Só quem tiver a senha. Público é grátis: qualquer pessoa com o link (inclusive quem recebeu o link encaminhado) abre a página sem senha nem conta, e ela pode aparecer nos resultados de busca e na galeria da Convika. Um Link privado (Pro ou passe) abre do mesmo jeito, mas a Convika pede aos buscadores para deixar a página fora dos resultados e a deixa fora da galeria. Clique em Próximo. Na primeira vez que você publica, a Convika mostra os planos, com o Pro mensal selecionado (teste grátis de 1 dia com cartão, depois US$ 12 por mês). As outras duas opções são o Passe Pro de 1 ano (US$ 29, pago uma vez, sem renovação) e o Free (US$ 0, com a barra da Convika). Para uma página pública, escolha Free e clique em Publicar grátis. Um link privado ou uma senha vão ao ar quando o teste começa ou o passe é pago. Se você quiser uma senha de página (Só quem tiver a senha), os visitantes veem primeiro uma tela de senha. É um recurso do Pro (US$ 12 por mês).

Sua página vai ao ar num endereço como yourpage.convika.page, que continua o mesmo até você clicar em Unpublish. O Free inclui 10.000 visualizações de página por mês, somando todas as suas páginas. Clique em Copiar ao lado de URL no ar e mande o link para o professor, o colega de turma ou o colega de trabalho: a pessoa abre no navegador, no celular ou no computador, sem conta na Convika. Você pode ver nas estatísticas da página as visitas por dia, país, dispositivo e origem (elas mostram quantas pessoas visitaram, não quem, nos últimos 90 dias no plano Free). Se depois precisar corrigir a página sem mudar o link que você já mandou, vá até New version from a file, na tela da página, arraste o arquivo atualizado e clique em Upload as a new version, depois em Abrir prévia e depois em Publish v2 at the same link. Os visitantes continuam vendo a versão no ar até você publicar a atualização.

No Google Drive, “Qualquer pessoa com o link” mantém o arquivo fora da busca do Google e deixa quem tem o link abri-lo. Quando você publica uma página na Convika, Quem pode abrir esta página? oferece Público, Link privado ou Só quem tiver a senha. Público é grátis, mas a página pode aparecer nos resultados de busca e na galeria da Convika; um Link privado (Pro ou passe) dá a você a mesma configuração de acesso só por link.

  • Link privado (Pro ou passe): qualquer pessoa com o seu link yourpage.convika.page abre a página no celular ou no computador sem senha nem conta na Convika, inclusive quem recebeu o link encaminhado. A Convika pede aos buscadores para deixar a página fora dos resultados e a deixa fora da galeria. No plano grátis, escolha Público: a página abre do mesmo jeito, mas pode aparecer nos resultados de busca e na galeria da Convika.
  • Só quem tiver a senha (quando o encaminhamento é um problema): para o rascunho de um cliente ou um trabalho de aula privado, escolha Só quem tiver a senha ao publicar, para que os visitantes vejam primeiro uma tela de senha. A senha de página é um recurso do Pro (US$ 12 por mês).
  • Tire do ar quando terminar: sua página mantém o endereço até você clicar em Unpublish na tela dela, o que fecha o acesso na hora.

A diferença está no que acontece se alguém encaminhar o seu link. Use a lista desta seção para escolher entre acesso só por link, uma senha ou tirar a página do ar quando uma revisão ou um período de avaliação terminar.

Por que imagens ou estilos somem quando você compartilha um arquivo HTML (e como resolver)

Se o seu arquivo HTML fica certo no seu computador, mas perde as imagens ou o estilo quando você o compartilha, o código está apontando para arquivos separados numa pasta do seu aparelho, como src="images/photo.jpg" ou um arquivo style.css separado. Compartilhar um único arquivo .html no Google Drive ou fazer upload dele na Convika manda só esse arquivo, não a pasta nem um ZIP ao lado dele, então essas imagens e folhas de estilo locais ficam para trás. A caixa de upload no alto desta página avisa na hora se a sua página aponta para arquivos no seu computador.

Coloque todo o CSS dentro do arquivo HTML e use endereços https:// para as imagens, para que a página fique num arquivo só.

O jeito mais fácil de resolver é juntar tudo num único arquivo HTML: copie o prompt acima e cole na IA que fez a sua página, ou edite o código para que todo o CSS fique dentro de uma tag <style> e as imagens usem endereços web https:// completos (imagens pequenas também podem ser embutidas no arquivo, desde que o arquivo inteiro fique abaixo de 2 MB). Quando tiver o arquivo único, arraste-o para a caixa no alto desta página para ter um link de prévia ou, se você já publicou a página na Convika, abra a tela da página, arraste o arquivo atualizado em New version from a file, clique em Upload as a new version, confira com Abrir prévia e clique em Publish v2 at the same link.

Formas de mostrar HTML dentro do Google (Google Sites e Apps Script)

O Google Drive não hospeda mais páginas web no ar: o antigo recurso googledrive.com/host foi desativado em 31 de agosto de 2016, e a prévia do Drive trata arquivos .html como marcação e código, em vez de renderizar uma página no ar. Se você quer ficar na sua Conta do Google e compartilhar uma página que funciona, em vez de código cru ou de um download, há duas opções do próprio Google: o Google Sites e o Google Apps Script.

  • Google Sites (Inserir > Incorporar > Incorporar código): é a melhor opção quando você quer colocar um trecho independente de HTML, CSS ou JavaScript dentro de uma página de um site do Google Sites. Você copia o código do arquivo .html e cola na caixa de incorporação, em vez de colocar um link para o arquivo no Drive. Funciona bem para um único widget ou trecho, mas o código roda dentro de um frame incorporado num layout do Google Sites, e não como o seu próprio arquivo .html independente; e uma página da Convika não pode ser incorporada no Google Sites nem em nenhum outro site (coloque um link para ela).
  • Google Apps Script (serviço HTML): é a melhor opção se você quer que o Google sirva o HTML como uma página web independente, com link próprio. Você cria um projeto do Apps Script, adiciona um arquivo HTML no editor de scripts, escreve uma função doGet para servi-lo e cria uma nova implantação como app da Web para ter uma URL para compartilhar. O custo é o trabalho de configuração: é preciso escrever o script doGet e gerenciar as implantações do app da Web, e, se você usa uma Conta do Google de trabalho ou escolar, sua organização pode restringir o compartilhamento fora dela.

As duas ferramentas rodam dentro do Google e deixam você compartilhar um link, mas nenhuma funciona só clicando num arquivo .html guardado numa pasta do Drive. Em vez disso, você cola o código nelas. Veja acima o que cada ferramenta faz e onde estão os limites dela.

Perguntas frequentes

Como compartilho um arquivo HTML no Google Drive?

Selecione o arquivo no Google Drive, clique em Compartilhar, escolha Qualquer pessoa com o link em Acesso geral, escolha um papel (Leitor, Comentador ou Editor) e clique em Copiar link e em Concluído. Qualquer pessoa com o link pode acessar o arquivo sem entrar numa Conta do Google, a menos que uma conta de trabalho ou escolar bloqueie o compartilhamento fora da organização. Como o Google Drive não hospeda mais páginas web, a outra pessoa recebe uma prévia do código ou um download, não um site no ar. Para que ela abra a página renderizada direto no navegador, faça upload do arquivo na caixa no alto desta página e compartilhe um link da Convika.

O Google Drive hospeda HTML?

Não. O Google descontinuou a hospedagem de páginas no Drive em 31 de agosto de 2015 e parou de servir páginas pelo googledrive.com/host em 31 de agosto de 2016. Hoje, o Drive só guarda o seu arquivo .html para download ou para ver numa prévia reduzida. Se você quer ficar nas ferramentas do Google, pode colar HTML, CSS ou JavaScript no Google Sites em Inserir > Incorporar > Incorporar código, ou implantar um arquivo HTML como app da Web pelo serviço HTML do Google Apps Script. Para hospedar um único arquivo .html num endereço próprio sem programar um script, arraste-o para a caixa no alto desta página e publique de graça na Convika.

Por que meu arquivo HTML baixa em vez de abrir?

O Google Drive trata um arquivo .html como um arquivo de código guardado, não como uma página web no ar, já que o Google encerrou a hospedagem de páginas do Drive em 31 de agosto de 2016. Embora o Drive liste .HTML entre os arquivos de marcação e código que consegue visualizar, muitas vezes quem vê precisa clicar com o botão direito e baixar o arquivo para a página aparecer direito. Depois de baixado num computador, o arquivo pode ser aberto no Chrome com Ctrl+O (Windows, Linux) ou Cmd+O (Mac), para que os scripts e os arquivos locais rodem. Se você quer que as pessoas abram a página direto de um link, no celular ou no computador, sem baixar, faça upload do arquivo na caixa no alto desta página.

Como vejo um arquivo HTML no Google Drive?

Clique no arquivo no Google Drive para abrir a prévia do próprio Drive, que o Google descreve como uma versão reduzida do arquivo, que pode parecer um pouco diferente quando aberta. Para ver a página inteira e rodar os scripts, clique com o botão direito no arquivo no Drive, baixe-o e abra no Chrome do computador com Ctrl+O (Windows, Linux) ou Cmd+O (Mac). Você também pode ver um arquivo .html baixado no navegador do seu aparelho, sem fazer upload, com o visualizador de HTML grátis da Convika. Se outra pessoa mandou o arquivo, só abra se confiar em quem mandou, e desmarque Executar scripts antes, para olhar o que tem dentro.

Arraste um arquivo .html ou .htm (de até 2 MB) para a caixa no alto desta página e clique em Gerar meu link de prévia para ter um link de prévia que funciona por 3 minutos, sem conta nem e-mail. Para guardar a página e ativar os scripts, clique em Guardar esta página — grátis, sem cartão, crie sua conta e clique em Publicar. Escolha Público, clique em Próximo e, na primeira vez, escolha Free e clique em Publicar grátis. Sua página vai ao ar num endereço como yourpage.convika.page, como Público no plano grátis, então qualquer pessoa para quem você mandar o link abre a página no celular ou no computador sem conta na Convika. Uma página pública pode aparecer nos resultados de busca e na galeria da Convika; para deixá-la fora dos dois, escolha Link privado (Pro ou passe) ao publicar. O plano Free não pede cartão de crédito e dá a você 1 página no ar e 10.000 visualizações de página por mês.

Fontes

Compartilhe seu arquivo HTML como página, não como download

Faça upload de um arquivo .html e mande um link que qualquer pessoa abre no navegador, no celular ou no computador, fora dos buscadores com um link privado (Pro ou passe).

Criar conta grátis para fazer upload do HTML

Plano Free: sem cartão de crédito, 1 página no ar, 10.000 visualizações de página por mês e uma pequena barra da Convika no pé da página.