Baixar Directo do Google Drive Como criar uma ligação para baixar ficheiros directo do Google Drive, e como a incluir no blogue

No seguimento do artigo Incorporar áudio do Google Drive no blogue, surgiu-me a ideia de partilhar convosco uma dica prática: criar uma ligação para baixar o ficheiro do Google Drive, evitando a habitual janela de pré-visualização.
Sabemos que o Google Drive é bastante útil para alojar ficheiros e partilhá-los rapidamente com outras pessoas, mas existe um pequeno detalhe que por vezes se torna irritante: em vez de iniciar imediatamente o download, somos levados a uma página de pré-visualização do ficheiro.
Para quem procura agilizar os processos ou oferecer uma experiência mais fluida aos utilizadores, esta etapa extra pode ser desconfortável.

A boa notícia?
Existe uma solução bastante simples para contornar este "obstáculo" e criar links de descarregamento directo.
Esta funcionalidade é especialmente útil para quem trabalha com blogues, websites ou fóruns, onde a acessibilidade e rapidez fazem toda a diferença.
Vamos descobrir como fazer isso?

Partilhar o ficheiro

O primeiro passo consiste em enviar o ficheiro para o Google Drive e depois torná-lo público.
Para isso basta:

1. Clicar com o botão direito no ficheiro
2. Escolher a opção Partilhar
3. Alterar o acesso para Qualquer pessoa com a ligação
4. Clicamos em Copiar link para copiar a ligação criada pelo Google Drive.

Para um melhor entendimento, aqui está o que escrevi no artigo Incorporar áudio do Google Drive no blogue sobre este processo:

O primeiro passo é carregar o ficheiro de áudio para o Google Drive.
Partindo do pressuposto de que já tens uma conta Google, começa por aceder a https://drive.google.com/.
No canto superior esquerdo, encontrarás a opção: , onde podes escolher carregar um novo ficheiro ou até mesmo uma pasta inteira.

Pessoalmente, prefiro manter tudo bem organizado, por isso já tenho uma pasta dedicada a músicas.
Dentro desta pasta, basta clicar em qualquer lugar com o botão direito do rato que também abre o menu para seleccionar a opção de carregamento de ficheiros.

A seguir, e como pretendemos partilhar este ficheiro, é necessário definir a opção de partilha, fazemos isso clicando com o botão direito do rato no ficheiro e no menu que aparece, clicamos em Partilhar Partilhar Qualquer pessoa com o link.

A ligação terá um aspecto semelhante a este:
https://drive.google.com/file/d/1xj9_ppcJkXpSGK9bjYTEX1KzQyML1xyC/view?usp=sharing

Encontrar o ID do ficheiro

O que realmente interessa nessa ligação é o código que aparece entre /d/ e /view.

No exemplo acima, o ID do ficheiro é:
1xj9_ppcJkXpSGK9bjYTEX1KzQyML1xyC

Criar a ligação de download directo

Agora basta usar o seguinte formato:
https://drive.google.com/uc?export=download&id=A_ID_DO_TEU_FICHEIRO

Substituindo o ID pelo código do ficheiro:
https://drive.google.com/uc?export=download&id=1xj9_ppcJkXpSGK9bjYTEX1KzQyML1xyC

Dessa forma, ao clicarem na ligação, o download começa imediatamente sem passar pela habitual página de pré-visualização do Google Drive.

Utilização no blogue

Depois basta criar uma ligação HTML normal ou, se preferirem, transformá-la num botão mais apelativo recorrendo a CSS.
Utilizando como exemplo o mesmo ficheiro .mp3 do artigo Incorporar áudio do Google Drive no blogue, podem ver abaixo uma demonstração simples e outra mais estilizada com CSS da autoria de Melnikov Andrey:

DEMONSTRAÇÃO:

HTML CSS JavaScript

<h5>Ligação Simples:</h5>

<a href="https://drive.google.com/uc?export=download&amp;id=1xj9_ppcJkXpSGK9bjYTEX1KzQyML1xyC">
  📥 Download Directo
</a>

<h5>Ligação Estilizada com CSS:</h5>

<div class="button">
  <a href="https://drive.google.com/uc?export=download&amp;id=1xj9_ppcJkXpSGK9bjYTEX1KzQyML1xyC">Baixar</a>
  <p class="top">clica para iniciar</p>
 <p class="bottom">3.2MB .mp3</p>
</div>

.button {
  width: 200px;
  margin: 50px auto;
}

.button a {
  display: block;
  height: 50px;
  width: 200px;
  
  /*TYPE*/
  color: white;
  font: 17px/50px Helvetica, Verdana, sans-serif;
  text-decoration: none;
  text-align: center;
  text-transform: uppercase;
  
  /*GRADIENT*/  
  background: #00b7ea; /* Old browsers */
  background: -moz-linear-gradient(top, #00b7ea 0%, #009ec3 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00b7ea), color-stop(100%,#009ec3)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #00b7ea 0%,#009ec3 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #00b7ea 0%,#009ec3 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #00b7ea 0%,#009ec3 100%); /* IE10+ */
  background: linear-gradient(top, #00b7ea 0%,#009ec3 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b7ea', endColorstr='#009ec3',GradientType=0 ); /* IE6-9 */
}

.button a, p {
    -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
          border-radius: 10px;
  
  -webkit-box-shadow: 2px 2px 8px rgba(0,0,0,0.2);
     -moz-box-shadow: 2px 2px 8px rgba(0,0,0,0.2);
          box-shadow: 2px 2px 8px rgba(0,0,0,0.2);
}

p {
  background: #222;
  display: block;
  height: 40px;
  width: 180px; 
  margin: -50px 0 0 10px;
  
  /*TYPE*/
  text-align: center;
  font: 12px/45px Helvetica, Verdana, sans-serif;
  color: #fff;
  
  /*POSITION*/
  position: absolute;
  z-index: -1;
  
  /*TRANSITION*/  
  -webkit-transition: margin 0.5s ease;
     -moz-transition: margin 0.5s ease;
       -o-transition: margin 0.5s ease;
      -ms-transition: margin 0.5s ease;
          transition: margin 0.5s ease;
}

/*HOVER*/
.button:hover .bottom {
  margin: -10px 0 0 10px;
}

.button:hover .top {
  margin: -80px 0 0 10px;
  line-height: 35px;
}

/*ACTIVE*/
.button a:active {
background: #00b7ea; /* Old browsers */
background: -moz-linear-gradient(top,  #00b7ea 36%, #009ec3 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(36%,#00b7ea), color-stop(100%,#009ec3)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #00b7ea 36%,#009ec3 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #00b7ea 36%,#009ec3 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #00b7ea 36%,#009ec3 100%); /* IE10+ */
background: linear-gradient(top,  #00b7ea 36%,#009ec3 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b7ea', endColorstr='#009ec3',GradientType=0 ); /* IE6-9 */

}

.button:active .bottom {
  margin: -20px 0 0 10px;
}

.button:active .top {
  margin: -70px 0 0 10px;
}

 
     /* NÃO TEM JAVASCRIPT */
 

Resultado

Ligação Simples:

📥 Download Directo

Ligação Estilizada com CSS:

Baixar

clica para iniciar

3.2MB .mp3

Ficheiros grandes

Em alguns casos, especialmente com ficheiros maiores, o Google Drive poderá apresentar um aviso a indicar que não conseguiu verificar o ficheiro em busca de vírus.
Nessas situações, basta clicar em Transferir mesmo assim.

Considerações finais

Apesar de ser um pequeno truque, acaba por ser bastante útil para quem costuma disponibilizar ficheiros para download num blogue ou website, eliminando passos desnecessários e tornando todo o processo mais rápido e prático para os visitantes.

E por hoje é tudo. 8)

Até Breve. :-F

Queres ler outro artigo ao calhas?