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.
En 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ä.
