Google Drive para alojar sitios web sencillos

Como en Blogger no podemos subir un mísero archivito, en un tiempo, cuando existían las Google Pages, las usábamos a destajo hasta que kaput porque "a los que saben" se les ocurrió crear Google Sites que no era lo mismo aunque ellos creían que si.

Nos quedamos colocados, mudando archivos de lado a lado, buscando alternativas, las encontramos, cada una con sus bemoles pero, acá seguimos.

El procedimiento es sencillo; entramos en Google Drive https://drive.google.com/ y creamos una carpeta nueva. Luego, con botón derecho, hacemos click en Compartir | Cambiar y marcamos que sea Publica:

Ahora, subimos nuestro archivo HTML a esa carpeta, lo editamos y, haciendo click en Vista Previa, copiamos la dirección url que nos muestra que será del tipo:

https://googledrive.com/host/xxxxxxxxxxxxx/nombre_archivo.html

Eso es todo, con esa dirección, podemos mostrarlo donde se nos ocurra, como en este ejemplo que lo abre en una ventana modal:

ver testgd.html

En este caso, el HTML no tiene nada especial, solo código normal, scripts internos y CSS pero, podemos ampliar las posibilidades y utilizar archivos externos que también alojamos en la misma carpeta y a los que accedemos desde el HTML, usando las direcciones url relativas.

Hasta ahí, es una forma sencilla de manejarse aunque no es cómodo que no sea posible crear o editar esos archivos desde el mismo Google Drive salvo que se agreguen aplicaciones externas como Drive Notepad que sólo funcionan en Chrome.

Monitorizar sitios con Google Docs

Hay varios sitios en la web como Pingdom que ofrecen servicios gratuitos para monitorizar que nuestro servidor o página esté funcionando y sea accesible; en general, son sencillos de usar pero, para quien quiera otra alternativa, en un artículo de Digital Inspiration explican como hacer algo similar, usando Google Docs con dos ventajas; por un lado, pueden montorizarse varios dominios simultáneamente y segundo, puede establecerse la opción de recibir mensajes de alerta SMS en un móvil.



El sistema es muy sencillo, debemos hacer una copia de la plantilla click acá y si estamos logueados en Google, nos pedirá autorización:

Hecho eso, la plantilla se agregará a nuestros documentos y veremos que el menú superior tiene un item extra llamado Website Monitor. Lo desplegamos y hacemos click en Initialize. Nuevamente, se nos mostrarán varias ventanas de autorización que debemos aceptar y terminado eso, aparecerá la plantila lista para ser editada (ver captura)



El siguiente paso es modificar los datos colocando la dirección de nuestro sitio en la celda B2 (si queremos agregar varios, los separamos con comas y en la celda B3 escribimos nuestra dirección de mail. Finalmente, en la celda B4 ponemos Yes si queremos recibir alertas SMS o No si no queremos.



Hay que tener en cuenta que si queremos esas alertas deberemos configurar Google Calendar con el número del móvil.

Cuando todo está listo, en el menú Website Monitor hacemos click en Start Monitoring y listo.



Para quien esté interesado en el tema, el código fuente del Google Apps Script se puede ver en esta página y, si por cualquier motivo no queremos eliminar la plantilla pero necesitamos deshabilitarla, basta editarla otra vez y dejar en blanco la celda B3 que es la que contiene nuestra dirección de mail.

El nuevo botón share de Google+

Google ha creado un nuevo botón que puede agregarse a cualquier página web y que, en lugar de marcar entradas con un +1, permite compartir esa entrada en Google Plus.

Para utilizarlo, basta ingresar a la página de los desarrolladores, seleccionar el tipo, tamaño y lenguaje y, eventualmente, alguna de las opciones avanzadas.

Por defecto, el código que nos dará es algo así:

<!-- Place this tag where you want the share button to render. -->
<div class="g-plus" data-action="share"></div>

<!-- Place this tag after the last share tag. -->
<script type="text/javascript">
  window.___gcfg = {lang: 'es', parsetags: 'onload'};

  (function() {
    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
    po.src = 'https://apis.google.com/js/plusone.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
  })();
</script>

Pero, si ya tenemos agregado el script con el botón de Google +1, el script es innecesario por lo tanto, basta colocar el botón de este modo, allí donde quisiéramos que se viera:

<div class="g-plus" data-action="share"></div>

o usar este otro código:

<g:plus action="share"></g:plus>

En cualquier caso, podemos eliminar el texto Compartir esto en Google+ que se muestra a la derecha, estableciendo el ancho máximo:

<g:plus action='share' width='85'></g:plus>

La dirección URL a compartir será la de la página donde se encuentre el botón; en el caso de colocarlo en el home, donde hay varias entradas y querer que cada una de ellas se pueda compartir individualmente, debemos colocarlo en alguna parte dentro del post-footer, indicando la dirección de este modo:

<g:plus action='share' expr:href='data:post.url' width='85'></g:plus >

Los comentarios de Google+ en cualquier página

Por si a alguien le interesa, esto acaba de ser publicado en Google Operating System

Se trata de agregar los comentarios de Google+ a cualquier página de modo independiente.No es algo oficial así que ... prudencia:

<script src="https://apis.google.com/js/plusone.js"></script>
<div class="g-comments"
    data-href="url"
    data-width="642"
    data-first_party_property="BLOGGER"
    data-view_type="FILTERED_POSTMOD">
</div>

donde debe reemplazarse url por la dirección de la página.

En el caso de un blog, esa url es dinámica, varia y en Blogger sería algo así siempre y cuando el script se coloque dentro del includable post de manera similar a como se hace con otros plugins de redes sociales:

data-href="'<data:post.url/>'"

y, eventualmente, imagino que si se coloca en cualquier otra parte, podría usarse esto:

data-href=location.href;

El valor 642 de data-width es el ancho y deberán probar qué pasa si se cambia porque yo no pienso hacerlo.

A diferencia del sistema que propone Blogger, esto no sincroniza los comentarios sino que funcionan de manera independiente, algo similar a lo que se puede hacer con los comentarios de Facebook.

Usando imágenes alojadas en Google Drive

Cuando subimos un archivo a Google Drive que NO puede ser editado; por ejemplo, una imagen, un PDF, un video, etc; usar ese archivo en una web se hace engorroso ya que es difícil encontrar la dirección url o, simplemente, no existe y lo único que podemos hacer es enlazarla para que se vea o se descargue desde el mismo servicio.

Pero hay una solución; basta copiar la dirección que se nos muestra cuando visualizamos el archivo:

https://docs.google.com/file/d/0B2BzKCEbdpQcYVRYcjdkV3o1NHM/edit

y tomar nota de ese conjunto de letras y números estrafalarios que suele generar Google para todos sus productos y cambiar la dirección:

http://drive.google.com/uc?export=view&id=0B2BzKCEbdpQcYVRYcjdkV3o1NHM

Así que, en términos genéricos, debemos cambiar

https://docs.google.com/file/d/xxxxxxxxxxxxxxxxxxxxxxx/edit

con:

http://drive.google.com/uc?export=view&id=xxxxxxxxxxxxxxxxxxxxxxx

Por supuesto, esto funcionará sólo si la carpeta y los archivos son públicos, algo que debemos establecer con la opción Compartir.

Aunque comentan que esto sería válido con cualquier tipo de archivo, me temo que la realidad dice lo contrario; lo que sí puede funcionar es establecer la dirección url de descarga directa; el sistema es similar.

REFERENCIAS:Google Operating System