Incrustar PDF en nuestra página web

Categories: html, Otros - Tags: ,

Para incrustar un PDF en nuestra página web bastaría con agregar un link a nuestro archivo, algo como:

1
<a href="http://www.education.gov.yk.ca/pdf/pdf-test.pdf">Ver mi PDF</a>

Pero que ocurre si nuestro visitante no tuviera instalado Acrobat Reader o este tiene tendencia a colgarse como ocurre con cierta frecuencia en IE6, entonces ya no resulta tan buena idea pero Google Docs nos da una mano y podriamos usar un link como este:

1
<a href="http://docs.google.com/viewer?url=http%3A%2F%2Fwww.education.gov.yk.ca%2Fpdf%2Fpdf-test.pdf">Visualizar</a>

Y que ocurre si no queremos que se abra en una ventana nueva sino que nos gustaría que se incruste en nuestro sitio o tal vez dentro de nuestro blog para que la gente pueda comentarlo y votar por él, pues eso también tiene solución con un código como este:

1
<iframe src="http://docs.google.com/viewer?url=http%3A%2F%2Fwww.education.gov.yk.ca%2Fpdf%2Fpdf-test.pdf&embedded=true" width="600" height="780" style="border: none;"></iframe>

Podemos cambiar el ancho y alto modificando el width y height de ese iframe y la dirección de nuestro PDF en donde dice url, si te parece muy dificil hacer eso, no te preocupes google tiene una utilidad que genera ese código por ti

Google Viewer

2 Responses to Incrustar PDF en nuestra página web

  1. Luis says:

    muy bueno el post, una pregunta, puedo incrustar un formulario que los clientes puedan rellenar con sus datos.
    El formulario ya lo tengo creado con Acrobat Pro, y tiene dos botones, una para imprimir y otro para enviarmelo con sus datos por mail.
    Gracias!!!

  2. admin says:

    Mejor seria hacer eso programando en PHP (este tutorial) y no usando un PDF, puedes darle una ojeada aqui

Leave a Reply

Your email address will not be published. Required fields are marked *

*


* 6 = thirty

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>