Cuando estamos viendo una página web que tiene incrustada una presentación de Google Slides o Presentaciones de Google, muchas veces nos preguntamos si será posible guardarla en nuestra computadora para tener acceso a ella después. La respuesta puede ser tan sencilla como pedir acceso al documento si es parte de un curso y hacer una copia del mismo en nuestro Google Drive. Por cuestión de permisos, descargar una presentación de Google Slides puede que no siempre sea posible de una manera tan directa.
Vamos a aprender a darle la vuelta a esto para por lo menos tener una mejor solución a la de tomarle capturas de pantalla a cada diapositiva. El método que veremos sirve para un caso muy específico, y es el de descargar una presentación de Google Slides publicada o incrustada dentro de otra página web.
Relacionado: Descargar imágenes de presentaciones de Google Slides
Te pongo un ejemplo, en este mismo post, incrustaré una presentación para que intentes este ejercicio. No tengo que dar permisos al archivo como tal, sino simplemente publicarla mediante el menú Archivo – Publicar en la Web
Copiar el código con la opción de Incorporar
Y finalmente incrustarlo o incorporarlo a mi página web. En este caso será este mismo post:
Por mucho que busques en la página, no habrá forma de tener acceso a mi archivo original y descargar la presentación de Google Slides, ni siquiera para solo lectura. Pero sí hay una forma de que puedas guardar el contenido en tu computadora con unos pequeños trucos. Vamos a ver exactamente cómo.
Inspeccionar la página para extraer la dirección del documento publicado
Lo primero que necesitamos comprender es que ese control embebido donde está la presentación, es un iframe, es decir, un elemento de HTML que permite cargar contenido de páginas externas a la que estemos viendo. Necesariamente, ese elemento tiene un atributo src que representa la fuente de datos del mismo.
Entonces, si inspeccionamos la página donde vemos la presentación haciendo click derecho en algún elemento cercano a la misma y después en Inspeccionar (o si no tienes acceso al click derecho, presiona F12 o CTRL + SHIFT + I)
En el panel de la consola de desarrollador deberemos ubicar este elemento <iframe> y copiar el contenido del atributo src, dando click derecho sobre él:
TIP: Si te cuesta trabajo encontrarlo porque es mucho código, intenta dar click derecho un poco antes del elemento ( en el espacio en blanco antes de la presentación, por ejemplo) para que la consola de desarrollador te ubique cerca del iframe y no te pierdas dentro del mismo.
Terminamos con una dirección en este formato:
Ahora tenemos la URL del documento publicado, si la probamos pegándola en otra pestaña, nos encontraremos con que podemos ver la presentación fuera de la página de donde la encontramos, y podríamos simplemente guardar esta dirección en nuestros favoritos para no tener que depender de la página donde la estábamos viendo. Aun así, esto puede que no sea suficiente, porque si por alguna razón el propietario de la presentación cambia los permisos para que ya no esté publicada en la web, perderemos el acceso.
Descargar presentación de Google en nuestra computadora sin depender de la dirección original
Lo que nos queda es ver de qué forma podemos guardar esta presentación para acceder a ella aun después de que el contenido ya no esté publicado en el documento original. Para esto tenemos que aplicar un pequeño truco.
Lo que haremos será abrir nuestro Administrador de Marcadores (en Google Chrome presiona CTRL + SHIFT + O), y en el menú de los tres puntos en la parte superior derecha, elegimos la opción de Añadir nuevo marcador
Y en el menú de Agregar marcador, nombramos nuestro nuevo marcador como Extraer presentación, y en el campo de URL pegamos este código:
javascript:
var atag = "punch-viewer-content",
btag = "-caption",
ctag = "aria-setsize",
dtag = "aria-posinset",
msvg = document.getElementsByTagName("svg"),
node = document.querySelectorAll('[class$="' + btag + '"]')[0],
view = document.getElementsByClassName(atag)[0],
size = node.getAttribute(ctag),
data = "",
func = () => {
data += msvg[0].outerHTML;
if((i = node.getAttribute(dtag))==size) document.write(data);
else view.click(), setTimeout(func,10)
};
func()
Lenguaje del código: JavaScript (javascript)Crédito del código original: Ajay Vishnu
Damos guardar, y ahora regresamos a donde está la presentación completa. Debemos asegurarnos de estar posicionados en la primera diapositiva de la presentación, para que el marcador funcione correctamente.
Lo único que hace ese pequeño código, es juntar todas las diapositivas en un solo documento HTML.
Entonces sí, activamos nuestro marcador nuevo de Extraer presentación, y nos damos cuenta de que la presentación se convirtió en un documento vertical extendido como una sola página web.
Ahora sí, podemos dar click derecho en donde sea y elegir la opción “Guardar como…“
Y guardamos la página en cualquier parte de nuestra computadora como archivo html.
Y listo, ya tenemos guardado el contenido de la presentación para poder consultarlo después. Hay que recordar que en este caso estamos asumiendo que no tenemos acceso al archivo original, por eso es que no lo podemos guardar como tal como una presentación editable, y perderemos algunas características de la misma.
Guardar como presentación en PDF
Aun cuando tenemos este archivo html de la presentación disponible, si no tenemos internet, no la podremos ver, porque las imágenes originales siguen siendo accesadas desde los servidores de Google. Entonces, un último paso que podemos dar para asegurarnos al 100% de que tenemos guardada la presentación de forma offline, es simplemente guardarla en PDF.
Para guardar esta presentación descargada en PDF, solo tenemos dar click derecho en cualquier parte de la página y elegimos Imprimir… (CTRL + P).
NOTA: Varía un poco dependiendo de cada navegador, para este caso demostraremos con Google Chrome.
Y veremos el típico menú de Imprimir, en el que deberemos cambiar la opción de Destino y elegir Guardar como PDF. En la opción de diseño (Layout) elegimos Horizontal o Paisaje (en vez de Retrato), para que se adapte a una diapositiva por hoja.
Damos click en el botón de Guardar, ¡y listo! Ya tenemos una copia de la presentación en PDF por si queremos acceder al contenido después, sin miedo a que nadie nos quite acceso a él.
Guía en video
Si tienes dudas puedes ver esta misma guía explicada en video:
¡Espero que te haya sido útil esta guía! No olvides seguirnos en YouTube para más tips, trucos y guías de productividad.
Alekz es un apasionado de la tecnología y los videojuegos. Además de ser locutor comercial, disfruta de la expresión artística más sastisfactoria y técnica que existe: programar (y pintar algo de pixel art). Fundó Tesel para ayudar a empoderar a las empresas a desarrollar su máximo potencial mediante la tecnología. Es un absoluto nerd de Star Trek.
Alekz es un apasionado de la tecnología y los videojuegos. Además de ser locutor comercial, disfruta de la expresión artística más sastisfactoria y técnica que existe: programar (y pintar algo de pixel art). Fundó Tesel para ayudar a empoderar a las empresas a desarrollar su máximo potencial mediante la tecnología. Es un absoluto nerd de Star Trek.
Gracias crack
Hola, muy buen post!
Tengo un problema con una presentación que quiero guardar. Pude hacer todos los pasos hasta guardar como página html completa. A la hora de ir a imprimir y guardar como PDF sólo sale la página 1 en blanco.
Espero que haya alguna solución para mi problema.
Saludos!
Hola Mariano. Asegúrate de estar posicionado en la primera diapositiva de la presentación a la hora de convertir y guardar la página, porque si no, puede que estés solo obteniendo la última diapositiva. Es importante esto porque el código intenta concatenar todo desde donde estés viendo hacia abajo para formar la página completa. Espero haber entendido tu pregunta. ¡Un saludo!
Hola! No me sale iframe ni src cuando inspecciono. Dónde está?
Hola Gemat, intenta inspeccionar el elemento anterior a la presentación, a veces está escondido entre más etiquetas de div.
Lo hice la primera vez y todo bien, a la segunda me tira el mensaje “Se ha informado de este error a Google y se revisará lo antes posible. Vuelve a cargar esta página para continuar.” recargo y nada
Hola Saul, debe ser un error temporal de Google, tendrías que esperar un rato para intentar de nuevo.
No me funcionó. Seguí todos los pasos tal cual, pero cuando estoy en la diapositiva 1 de la ppt y hago click en el marcador no pasa absolutamente nada.
Hola Valentina, Google hizo una actualización y por eso dejó de servir, pero ya actualicé el código en esta misma entrada, solo debes editar el marcador con el nuevo código. Un saludo.
Hola, cuál es el nuevo código. ¿el de la imagen? Se copia y pega con espacios que no funcionan.
No funciona
Hola, Google hizo una actualización y por eso dejó de servir, pero ya actualicé el código en esta misma entrada, solo debes editar el marcador con el nuevo código. Un saludo.
Hola, No me hace nada.. cula fue la actualización que se hizo??
Hola Ángel, hice la prueba de todo el proceso de nuevo y sigue funcionando con el código actualmente publicado. ¿Qué parte es la que no te funciona?
No funciona el enlace nuevo
Hola Laura, lo acabo de probar y sí me funcionó, solamente hay que actualizar el código del marcador por el nuevo que puse. ¿Qué parte no te funcionó?
Excelenteee!! Muchas gracias por el aporte!
Con mucho gusto, gracias por comentar Rodrigo. 😀
Muy buenoooooooooooooooo! Gracias crackk!
Con mucho gusto Nacho, gracias por comentar 😀
Funciona perfecto, amigo. Muchísimas gracias. Saludos desde Lima, Perú.
Con mucho gusto Juan, gracias por tu comentario, un saludo de vuelta. 😀
hola si funciona a la perfeccion pero el texto no es indexado( copiable) como podemos hacer eso con un OCR?
Hola José María, gracias por comentar. Si lo guardas como HTML sí podrías obtener el texto inspeccionando el código. Si lo guardas como PDF tendrías que usar aluna solución de OCR como dices. Espero que te ayude 😀
gracias <3 adoro
wooow un gran trucazo me salvaste el día
Con mucho gusto, qué bueno que te sirvió, gracias por comentar 😀
No funciona el enlace. No hace absolutamente nada. Gracias.
Hola Alekz, todo bien hasta cuando activo el marcador, al parecer este escanea la presentación, pero no traspone las diapositivas de manera vertical. ¿Alguna actualización del código? o ¿qué me recomendarías?
Hola Giovanni, acabo de probar y sí me funcionó bien. Un problema común es estar un poco más abajo en la página al usar el marcador. Asegúrate de estar hasta arriba en la página al usarlo para que las diapositivas queden completas. Espero que te ayude 😀
Tengo el mismo problema luego del proceso solo se descarga la primera página en PDF. Espero puedas ayudarme.
Hola Alekz, al imprimir como pdf no respeta el tamaño de las páginas, desde la primera se pasa un poco a la segunda y así va creciendo el descuadre…ayuda por favor.
¿Pudiste solucionarlo? Me pasa lo mismo
funciona excelente muchas gracias
ya no funciona, podrias actualizarlo nuevamente por favor?
Hola, funciona perfecto!!!
ahora tengo un problema con algunas slides que se quedan pegadas en la ultima slide.
Cuando abro el pdf solo sale una página en blanco (y estoy situado en la primera diapositiva)
Hola
Necesito descargar una presentación importante y no me funciona el código
¿podrías actualizarlo?
Gracias, un saludo
ya no funciona el código, al correrlo solo se va a la ultima diapositiva
Agregar después de javascript y antes de var atag lo siguiente: if (window.trustedTypes && window.trustedTypes.createPolicy) { window.trustedTypes.createPolicy(‘default’, { createHTML: string => string, createScriptURL: string => string, createScript: string => string, }); }
FUncionando en pleno 2024 Gracias Crack
Alguien puede actualizar el codigo por favor, aun aplicando la modificación realizada hace algunos meses, no funciona