Insertar cualquier página en Google Sites

Puedes insertar widgets de Twitter o páginas privadas de Google Sites clásico.

Icono SitesGoogle tiene implementado en la nueva versión de Sites insertar por medio de una URL un sitio web, sin embargo, hay ciertas páginas como Twitter y otras muchas que dan error y sólo nos deja insertar el enlace.

Icono Sites

Pues bien, hay una forma de insertar estas páginas por medio de Google Apps Script.

Os voy a poner un ejemplo para insertar la línea de tiempo de Twitter.

① Primero accedemos a Google Apps Script, los scripts se almacenan en nuestro Google Drive y también podemos crear uno nuevo desde ahí.

② Una vez dentro, ponemos un nombre a nuestro script y pegamos el siguiente código:


function doGet() {
  return HtmlService.createHtmlOutputFromFile('Index')
    .setXFrameOptionsMode(HtmlService.XFrameOptionsMode.ALLOWALL);
}

Estas líneas lo que hacen es crear un archivo html de salida con el nombre de Index y lo insertará como un iframe.

Una vez hecho esto guardamos los cambios.

③ Nos vamos al menú Archivo / Nuevo / Archivo HTML y le damos el mismo nombre que el que tiene en el codigo.gs. Si no coincide no funciona.

Icono Sites

④ El archivo índex.html es una página básica de html, tenemos que pegar el código correspondiente dentro de las etiquetas, en el caso de insertar el Timeline de Twitter insertaríamos el siguiente código entre las etiquetas body:


 <!DOCTYPE html>
<html>
  <head>
    <base target="_top">
  </head>
  <body>
     <a class="twitter-timeline" href="https://twitter.com/nombre_usuario">Tweets by nombre_usuario
     <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"> </script>
     </body>
</html>
 

 
Una vez hecho esto guardamos los cambios.

⑤ Ahora tenemos que implementarlo, nos vamos al menú Publicar y seleccionamos Implementar como aplicación web, nos aparecerá la siguiente imagen.

Icono Sites

En esta ventana nombramos la versión y le damos permisos para que todo el mundo tenga acceso.

Cada vez que hagamos cambios en el archivo html deberemos guardarlo e implementarlo de nuevo para que se actualice el código en los servidores.

Icono Sites

Una vez publicado e implementado como aplicación web nos da una URL válida que es la que insertaremos en nuestro Site.

Icono Sites

Cada vez que hagamos cambios deberemos implementarlo de nuevo con una nueva versión.

Podéis ver mi línea de tiempo implementada en este enlace, https://sites.google.com/view/practicas-con-sites

Insertar una página protegida de Google Sites Clásico

En la nueva versión de Google Sites no podemos aplicar permisos a páginas concretas, como si que podemos hacer con la versión clásica, con estas líneas de código podemos insertar páginas de sites con permisos restringidos que nos dan error si lo hacemos de forma convencional, sólo verán los contenidos los usuarios que tengan permisos, el resto sólo verá un espacio en blanco.

Como la URL se inserta como un iframe, en el código del archivo Index.html hay que escribir el ancho y alto para que se vea bien la página insertada.


 <iframe src="https://sites.google.com/site/nombre_site/pagina_protegida" width="100%" height="800"></iframe> 

Y esto es todo, yo en las pruebas que he hecho funciona perfectamente, solo ven los contenidos los usuarios con permisos para ver la página, el resto solo ve un espacio en blanco. Tengo que mirar si con CSS en línea se podría poner algún mensaje a las personas sin permisos para que no vean el espacio en blanco; también se puede poner un mensaje de aviso encima de estos contenidos.

Si tenéis cualquier duda o problema publicarlo en los comentarios.

Fuente: la base de este post es una reinterpretación de este artículo hecho por Martin Hawksey.

Vídeo tutorial en inglés hecho por Brad Dale: https://goo.gl/E2cNqG

Sobre Rafael Nuñez-Lagos

Me encanta enseñar. Mira mi perfil de Google +
This entry was posted in Google Sites and tagged , , . Bookmark the permalink.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *


*


 

0 Compartir
Twittear
+1
Compartir
Compartir