Tecnología

Diarios de la nube Idea guardada 0 veces
Sé la primera persona en valorar esta idea Valorar

Save to Drive un botón en tu web para guardar archivos en Google Drive



Google Drive es el servicio de almacenamiento en la nube desarrollado por Google. Hemos visto diversas utilidades que aprovechar con Google Drive para potenciar a Blogger: para alojar y servir una web completa, para alojar hojas de estilo o recursos  para nuestra web que no podemos almacenar en Blogger, para crear enlaces de descarga de archivos con los que complementar nuestras entradas (instrucciones, recetas, etc...), para mostrar una presentación desde nuestro Blog y darle el aspecto que deseamos, para almacenar componentes que no podemos utilizar en Blogger directamente e incluso para crear y almacenar formularios y recibir notificaciones por correo cuando nuestros usuarios los rellenan.
Hoy vamos a ver otra funcionalidad que nos ofrece Drive para que los usuarios de nuestra web o blog puedan almacenar archivos en su propia cuenta de Drive.
¿Qué es el botón "Save to Drive"?

Se trata de un botón desarrollado por Google Developers para que los usuarios de un sitio web puedan almacenar los archivos que se ofrezcan en una determinada web en su propia cuenta de Google Drive.
Si bien en Diarios de la nube se ha ofrecido la alternativa de realizar enlaces de descarga directa desde Drive al disco duro local del usuario, este botón le permitirá almacenarlos directamente en su cuenta de Google Drive. El usuario ya no tendrá que hacer "clic derecho" para acceder al menú contextual o "clic en un enlace" para descargarse el archivo, pulsando el botón "save to drive" podrá almacenarlo en la nube para abrirlo directamente sobre Drive o descargárselo en su disco duro desde casa.
¿Cómo funciona Save to Drive?

El usuario se conecta a la página web que desea y en ella se encuentra el código que a continuación detallo para poder dibujar el botón para guardar en Drive:

Un ejemplo del botón Save to Drive

El usuario, si no está autenticado con el perfil de Google se le solicitará autenticación. Si ya está autenticado en Google, directamente le aparecerá una ventana pulsar guardar o seleccionar la carpeta de su cuenta Drive donde desea almacenar el archivo.


Una vez que haya terminado la transferencia del archivo el botón avisa de la finalización del guardado en la cuenta del usuario.


¿Qué ventajas ofrece?

El almacenamiento en la nube permite una portabilidad de la información sin límites: el usuario puede encontrarse "fuera de casa" y desear copiarse un archivo sin necesidad de utilizar un USB externo o similar... simplemente utiliza su cuenta de Google Drive y almacena el archivo para luego descargarlo en su ordenador en casa, abrirlo directamente en la nube o grabarlo en su Smartphone o Tablet.
Pueden descargarse archivos de valor añadido que ofrezcas en tus entradas (instrucciones, recetas, itinerarios, etc...) sin necesidad de ocupar espacio en su disco duro y pudiendo tenerlos disponibles no sólo en su casa sino desde cualquier dispositivo móvil con el que trabajen.
Si se trata de archivos con un "peso" excesivo en MB (vídeos, fotografías en formato maestro) podrán visualizarlas en streaming desde Drive sin necesidad de ocupar espacio en sus discos duros locales.

¿Qué inconvenientes tiene?

Si no se cumple la directiva Cross Origin Resource Sharing (CORS) del consorcio W3C, el archivo no podrá ser almacenado en la cuenta del usuario:
Esto es que si el archivo que deseas que el usuario se descargue no reside en la misma página web (bajo la misma dirección) desde la que el usuario pretende guardar el archivo, esto producirá error. Si yo tengo el archivo almacenado en www.mihosting.com y pongo el botón Save to Drive en www.diariosdelanube.com, como es distinto servidor, la transferencia no se realizará y dará error.
Hay una manera de solucionar esto: la norma indica que el botón debe residir en la misma dirección que el archivo que se desea descargar, así pues, ponemos una página HTML simple en la dirección donde almacenamos el archivo que contenga el botón Save To Drive y apunte al archivo que deseamos que el usuario se descargue en su cuenta de Drive. Creamos un Iframe en nuestra página HTML que muestre esa página que almacenamos en la dirección donde almacenamos el archivo. Así, como el archivo que deseamos que el cliente almacene se encuentra bajo la misma dirección que el botón (los dos en el servidor donde se encuentra el fichero para el usuario), la descarga se ejecutará sin problemas.
¿Cómo pongo el botón Save to Drive en mi web?

Es muy sencillo, en la página HTML de una entrada de tu Blog o en la plantilla (donde prefieras), simplemente tienes que copiar y pegar el código que ofrece Google Developers:

<script src="https://apis.google.com/js/platform.js"></script>
<div class="g-savetodrive"   data-src="//example.com/path/to/myfile.pdf"   data-filename="My Statement.pdf"   data-sitename="My Company Name"></div>
donde data-src="//example.com/path/to/myfile.pdf" es la ruta al archivo que quieres que el usuario se guarde en su cuenta de Google Drive.
data-filename="My Statement.pdf" el nombre del archivo que deseas que el usuario vea.
data-sitename="My Company Name" el nombre de tu web, blog o empresa.
Si quieres el botón Save to Drive con un mejor rendimiento para tu sitio web, puedes pegar justo debajo del código anterior este Javascript para que el navegador pueda dibujar el botón "save to drive" asíncronamente:

<script type="text/javascript">
  (function(w) {
    if (!(w.gapi && w.gapi._pl)) {
    var d = w.document;
    var po = d.createElement("script"); po.type = "text/javascript"; po.async = true;
    po.src = "https://apis.google.com/js/platform.js";
    var s = d.getElementsByTagName("script")[0]; s.parentNode.insertBefore(po, s);
  }})(window);
</script>
Una demo del botón Save to Drive: 

Aquí tienes un ejemplo del botón Save to Drive con el que almacenar un archivo de mi Drive a tu cuenta de Google Drive.
En la vista HTML de mi entrada en Blogger he escrito el código del botón Save to Drive para descargar una imagen almacenada en mi cuenta de Google Drive: imagen en mi cuenta Google Drive
<div class="g-savetodrive" data-filename="imagen" data-sitename="prueba Diarios de la nube" data-src="https://googledrive.com/host/0Bwgc28XHjPA2dlFmMXJ6b0tLN2M"></div>

Donde data-src="https://googledrive.com/host/0Bwgc28XHjPA2dlFmMXJ6b0tLN2M es la ruta en Google Drive al archivo que te ofrezco para que guardes en tu propia cuenta de Google Drive.



Fuente: este post proviene de Diarios de la nube, donde puedes consultar el contenido original.
¿Vulnera este post tus derechos? Pincha aquí.
¿Qué te ha parecido esta idea?

Esta idea proviene de:

Y estas son sus últimas ideas publicadas:

SEO con imágenes

Las imágenes que utilizas en tu Blog, en tu web, no son sólo un reclamo o un añadido decorativo para tus contenido. Pueden servir a los buscadores web para comprender mejor la información que proporci ...

Etiquetas: generalpropuestas

Recomendamos

Relacionado

blogger google drive drive ...

6 utilidades de Google Drive para tu web o Blog que no conocías

Google Drive no es sólo un servicio de almacenamiento en la nube ofrecido por Google, se trata además de un conjunto de herramientas que pueden potenciar el funcionamiento de páginas web y Blogs. Blogger y muchas otras opciones para las publicaciones web no cuentan con determinados servicios relacionados con el almacenamiento de archivos que le permiten extenderse más allá de su propio concepto co ...

Almacenamiento Online Google Drive

Google Drive no deja compartir archivos pirata

Google Drive es una de las herramientas más populares para compartir archivos a través de la red. La aplicación cuenta con el soporte de Google y recientemente nos hemos encontrado con la imposibilidad de compartir ciertos archivos a través de esta plataforma. Es que Google Drive no deja compartir aquellos archivos que son considerados piratas. A través de un nuevo algoritmo y tecnología especial ...

general tutoriales y consejos google+ ...

Guardar en Google Drive desde Office: instalación y prueba del complemento

El día de hoy me encontré con la noticia que Google había desarrollado un plugin que permitiría guardar los documentos de Google Drive desde Office directamente en la nube, bajo nuestra cuenta de Gmail. Esto me pareció realmente genial porque soy usuario de ambos: por un lado acostumbro a crear documentos en Office de escritorio, sobretodo Excel y Word, y por otro muchas veces los subo a mi cuenta ...

guías y tutoriales informática pasoapaso ...

¿Como usar Google Drive?

En algún momento hemos tenido la necesidad de subir algún archivo en nuestro blog, en algún grupo o foro simplemente porque quieres compartirlo con todo el mundo. Quizá preparaste algún contenido descargable, unos freebies, moldes... no sé un montón de cosas... Pues hoy vamos a aprender a alojar este contenido en la nube y así poder compartirlo. Podemos compartir todo tipo de archivos: jpg, png, p ...

informática google

Crear un 'Tree View' de Google Drive para ver archivos fácilmente

El navegar y buscar archivos en Google Drive es una tarea poco engorrosa.Si estás buscando una manera más fácil de hacerlo... en este post voy a compartir un script que encontré en Google Apps, el cual permite crear una vista de árbol o "tree view" de todos los archivos que tengamos en esta plataforma de alojamiento en la nube. Si deseas generarlo rápidamente y saltarte esta guía puedes ...

Almacenamiento Online Almacenamiento en línea Google Drive

Google Drive, cómo recuperar archivos borrados

Si borraste accidentalmente datos en algún servicio de almacenamiento online como iCloud, Onedrive o Google Drive, entonces has llegado al post indicado. Te contamos cuáles son las formas para intentar recuperar el contenido borrado por error. Recuerda que mientras más rápido hagas las tareas de recuperación, más oportunidades hay de rescatar todo el contenido antes de que sea reemplazado por otro ...

Apps Google Noticias ...

Lanzan rediseño de Google Drive

Google lanzó recientemente una nueva versión Gmail rediseñada y nuevas funciones. Ahora, la compañía sigue una línea congruente y por ello ha implementando una actualización en el diseño de Google Drive en la web. No hay cambios en la forma en que usa Drive; el rediseño solo implica cambios de color y dónde se colocan los iconos y botones. Google dice que hizo ajustes visuales a Drive para alin ...

Smartphones Tutoriales Android ...

Tutorial de Google Drive para Android

Google Drive es una de las herramientas más útiles del gigante Google en cuanto a administración de archivos se refiere. Además, no cabe duda que es el almacenamiento en la nube más popular y práctico de todos. Empresas, profesores, estudiantes y particulares lo utilizan a diario y suben una cantidad de datos impresionante en masa al día. Pero también hay que destacar que uno de los mayores aliado ...

google drive url blogger ...

Cómo obtener la dirección Url de las imagenes en Google Drive para colocarlas en Blogger

Hola!!! Ayer no publiqué ninguna entrada, porque me picó la curiosidad de poner bonito mi blog con botones y esas pijadillas y resulta que como yo alojo los archivos e imágenes en Google Drive, no había manera alguna de que las imágenes para los botoncitos se vieran luego en el blog. Me pegué así todo el día, buscando e investigando hasta que Por Fín!!! lo logré, así que este post es un Tutorial ...

Apps Google Noticias ...

Google Drive te hará más fácil compartir y proteger tus archivos

Después de algún tiempo sin novedades, Google Drive acaba de actualizar su función llamada "Access checker”, la cual pretende hacer más fácil compartir archivos a través de Gmail, Google Calendar y otras aplicaciones de G Suite. Con este "verificador de acceso" se revisa automáticamente si la gente a la que envías un mensaje tiene permisos para ver los archivos adjuntos de Drive ...