PDFを本文に表示

ひな型

ご覧の環境で下のオブジェクト要素がサポートされていないときこちらをクリックしてください。
 年間行事予定PDF
 


<i class="fa fa-file-pdf-o fa-2X"><a href="http://web-kawasaki.heteml.jp/umiguchi/webktake7/wp-content/uploads/2015/08/nenkanyoteih27an.pdf"> 年間行事予定PDF</a></i>

<p>
    <object data="http://hei60.sakura.ne.jp/hm/wp-content/uploads/2015/07/1de84a11310a25c9d300615c7c4d9a82.pdf" height="900" width="100%"></object>
</p>



HTML記述で

ファイルの容量が重いと、表示されるまでにかなりの時間がかかりますが、画面からの離脱率は抑えられます。

<object data="ここにURLを入力" type="application/pdf" width="数値" height="数値"></object>


Google Docs Viewer 

どうもドキュメントとかちあって?

  • PDFをサーバーにアップロード、URLをコピー、Google Docs Viewerに貼り付け、リンクを生成するボタンをクリック
  • 生成されたリンクをWebページのHTMLコードに貼り付ける

 


Embed PDF プラグインを利用・・・2015年時点では駄目みたいですね。

http://hei60.sakura.ne.jp/hm/wp-content/uploads/2015/02/ba201405soukaigijiroku.pdf