Si publicamos un archivo PDF en nuestra web es necesario que los visitantes tengan instalado el plugin de Adobe Reader para poder visualizar el documento. Para resolver este problema les presento una forma de embeber documentos PDF y que puedan ser visualizados sin necesidad que el usuario tenga Adobe Reader.

Publicando Archivos PDF
Para publicar hacemos uso del visor de archivos PDF de Google Docs, este visualizador tiene herramientas como zoom, navegación entre páginas y la posibilidad de abrir el documento en una ventana nueva. Entonces para mostrar el PDF primero subimos el archivo a nuestro servidor y luego colocamos el siguiente código:

1
2

<iframe src="http://docs.google.com/gview?url=url-del-pdf&embedded=true" 
style="width:600px; height:500px;" frameborder="0"></iframe>

En donde hemos definido el ancho y alto del visualizador. Entonces si tenemos un archivo PDF en la siguiente dirección: http://2webfacil.com/wp-content/uploads/2009/10/Flash-Player-10.pdf entonces tendríamos nuestro código para publicar el PDF.

1
2

<iframe src="http://docs.google.com/gview?url=http://2webfacil.com/wp-content/uploads/2009/10/Flash-Player-10.pdf&embedded=true" 
style="width:608px; height:500px;"  frameborder="0"></iframe>

Con lo cual obtenemos el resultado mostrado a continuación y como pueden ver se adapta muy bien a nuestra web, todo ello con un par de líneas de código muy sencillas.

Tweet