Insertar documentos (PDF) dentro de una web o blog

Google Docs Lector permite visualizar documentos en línea sin necesidad de salir del navegador, por medio de un visor (iframe), tan solo insertando el siguiente código html en nuestra web o blog.

En la configuración del código se debe realizar algunas modificaciones para su personalización, tales como la dirección del URL del PDF y tamaño (También se debe considerar si el gestor de contenidos como Blogger, Joomla o WordPress permiten insertar código html).

<iframe src="https://docs.google.com/viewer?url=AQUÍ URL PDF O DOCUMENTO&embedded=true" width="600" height="780" style="border: none;"></iframe>

  • AQUÍ URL PDF O DOCUMENTO, reemplazar por la dirección del documento (pdf, doc, xls, ppt) donde se haya alojado.
  • Width, ancho del documento en píxeles.
  • Height, altura del documento en píxeles

Ejemplo: Tutorial de ArcScan en español para ArcGIS 10

9 comentarios en “Insertar documentos (PDF) dentro de una web o blog”

  1. Buenas tardes Franz,
    Te quiero preguntar cómo puedo insertar una URL en el código que anexas en este post, cuando el PDF está almacenado en SkyDrive, pues el código que genera lo incorporo al código que pones aquí, pero no me funciona.
    Gracias.

    • Windows Live usa la tecnología ASP, por ello no te da una dirección fija (excepto que te de un enlace), prueba con otro servicio de alojamiento (WordPress.com funciona bien).

  2. Parece útil pero no lo es del todo. La razón es porque depende del formato original del documento PDF y del espacio útil del propietario del sitio donde se aloja el documento. Tengo un monitor de 26” y aun así tengo que usar la lupa varias veces para agrandar el que tú tienes aquí a modo de ejemplo. Al hacerlo, se sale del marco y hay que seguir el texto con las barras laterales. Es muy incómodo leer así. Es preferible tener el PDF.
    Saludos.

    • Tienes razón, pero puedes configurar la visualización (imagínate si configurara el blog para 26″ la gran mayoría que no tenemos ese monitor se nos dificultaría la visualización y navegación), lo importante es que permite compartir fácilmente.

  3. Buenos dias :
    Al incrustar ese codigo me aparece lo siguiente: No hay ninguna vista previa disponible.
    Que debo hacer colaborame

    • Tu página web es html estático o usa un gestor de contenido (blogger, wordpress, joomla), para el segundo caso deber chequear que permita insertar código html/java script

  4. Buen día, el usar las lineas de código de google para visualizar pdfs, implica que el pc debe estar siempre conectado a internet?, disculpas si soy ignorante.

Los comentarios están cerrados.