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

franzpc

Suscribirse

Reciba el nuevo contenido directamente en su correo.

Historia anteriorError 403 Forbidden problema de acceso en WordPressSiguiente historiaUnir dos o varios ráster en ArcGIS
Comentarios: 7
  1. Johnnu
    Enero 15, 2012 en 1:23 pm

    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.

    ResponderCancelar
    • Enero 15, 2012 en 1:51 pm

      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).

      ResponderCancelar
  2. Marzo 9, 2012 en 9:17 am

    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.

    ResponderCancelar
    • Marzo 9, 2012 en 2:28 pm

      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.

      ResponderCancelar
  3. juan
    Enero 20, 2016 en 11:07 am

    Gracias amigo fue de gran ayuda.

    ResponderCancelar
  4. Misael Regino Arroyo
    Mayo 11, 2017 en 10:16 am

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

    ResponderCancelar
    • franzpc
      Junio 23, 2017 en 11:33 am

      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

      ResponderCancelar

Deja un comentario