// integra documentos a tu pagina web con Google Doc viewer

2

Si como yo has estado buscando una solución para integrar documentos a tu pagina web que le permita a tu visitantes ver el documento al instante sin tener que bajarlo, les tengo una opción bastante fácil de usar y practica.

Nuestros amigos de Google a quienes tienen su servicio de google docs cuentan con una herramienta a la que como de costumbre no le dan mucha promoción y es que al parecer les encanta que pasemos un poco de trabajo y usemos su google search para descubrirlas. Podríamos decir que son como “easter eggs” para no pensar que lo hacen por jo… la vida, jajaja.

Pero sin mas rodeos vamos a la explicación. La solución que les voy a mostrar funciona a base iframe, los que trabajan en mantenimiento o creacion de paginas web saben de que les hablo, los que no, imaginen que es como meter un pedazo de una pagina dentro de otra o mas bien como un Picture in Picture(PIP) asi como el de los televisores donde ven dos canales a la vez pero ven dos paginas a la vez para que tengan una idea.

Para poder usar esta solución el documento deber estar disponible en el internet ya sea en su servidor o en algún servicio donde se puedan subir archivos para que estén disponibles “online”. Luego van a visitar el siguiente enlace https://docs.google.com/viewer .

En el primer campo que verán en la pagina insertaran el “URL” del documento que desean insertar en su pagina y luego presionaran el botón de Generate link y veran que la pagina les ofrecerá distintas opciones de poder ver el documento.

google doc viewerEn esta pantalla copiaremos el código del tercer campo, el que muestra el código de iframe y este código es el que insertaran en su pagina HTML o en el TAB de HTML del editor de su WordPress si ese fuese el caso. Si esta usando wordpress y no puede colocar iframes puede ver este otro tutorial donde le mostramos como resolver el problema: // como habilitar el uso de iframes en el editor de WordPress

Aquí un ejemplo del resultado final:

Esta solucion nos permite insertar o hacer “embedd” de distintos tipos de archivos como:

  • Microsoft Word (.DOC and .DOCX)
  • Microsoft Excel (.XLS and .XLSX)
  • Microsoft PowerPoint (.PPT and .PPTX)
  • Adobe Portable Document Format (.PDF)
  • Apple Pages (.PAGES)
  • Adobe Illustrator (.AI)
  • Adobe Photoshop (.PSD)
  • Tagged Image File Format (.TIFF)
  • Autodesk AutoCad (.DXF)
  • Scalable Vector Graphics (.SVG)
  • PostScript (.EPS, .PS)
  • TrueType (.TTF)
  • XML Paper Specification (.XPS)

Como ven es bastante variado, espero que les sea tan util como a mi esta solucion y que le puedan sacar provecho.

Déjennos saber como les dejando sus comentarios y gracias por visitar dgtalllikä.

2 Responses

  1. Gerar

    Genial!! Pero importante. y si quisiesemos mostrar únicamente una slide¿? o como podría hacerme con los png que genera? Gracias de antemano.