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

7 thoughts on “Insertar documentos (PDF) dentro de una web o blog”

  1. Johnnu dice:

    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.

    1. franzpc dice:

      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.

    1. franzpc dice:

      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. juan dice:

    Gracias amigo fue de gran ayuda.

  4. Misael Regino Arroyo dice:

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

    1. franzpc dice:

      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

Comments are closed.

Carrito

Últimas publicaciones

  • Crear automáticamente un mapa de uso del suelo en QGIS
  • Dibujando en QGIS con mayor precisión que AutoCAD
  • Identificando y cuantificando cambios del uso de la tierra en línea
  • Monitoreo ambiental online utilizando un Geoportal
  • Manual PDF Prácticas de QGIS
  • Descargar ArcGIS Pro
  • Libro PDF: Teledetección Espacial
  • Diferencias entre un DSM, DEM & DTM
  • ¿Qué son las distancias geodésicas?
  • El GeoAmor mueve millones
  • Limitaciones o desafíos de los SIG
  • ¿Cómo calcular 18 índices radiométricos en un solo paso?

Suscríbete al blog

Introduce tu correo electrónico para recibir notificaciones de nuevas entradas.

Únete a otros 413 suscriptores