2011年6月20日月曜日

Google Doc Viewrを使ってPDFをブログに埋め込む

したいこと
PDFをサイトに埋め込み、ダウンロードしなくても内容を確認できるようにする
ダウンロードせずにPDFを閲覧したい

以下のタグを使いPDFを埋め込める
<iframe src="ぴーでぃーえふのアドレス&amp;embedded=true" style="width:680px; height:500px;" frameborder="0"></iframe>

埋め込んだ例


参考

GoogleドキュメントのURLで埋め込み可能なPDFビューワーがなかなか使える - WEBマーケティング ブログ
http://web-marketing.zako.org/google/embeddable-google-document-viewer.html

PDFとPowerPointのウェブ埋め込みにGoogleDocsのビューワーが使える : ライフハッカー[日本版]
http://www.lifehacker.jp/2009/09/pdfpowerpointgoogledocs.html

Safari for Mac や ChromeではPDFビュアーが内蔵されているので、恩恵が少ないけど。

0 コメント: