ウェブサイト埋め込み

PDF flipbookをあらゆるウェブサイトに埋め込む

ホスト型flipbookをサイト内に配置し、訪問者がPDFをダウンロードせずに書類を閲覧できるようにします。

PDFをアップロードデモを見る
embed
<iframe
  src="https://flipbook.so/embed/abc123"
  width="100%"
  height="600"
  frameborder="0"
  allowfullscreen>
</iframe>

良いflipbook埋め込みに求められること

埋め込み書類は、フルスクリーンビューアとしてだけでなく、実際のウェブレイアウトの中でも機能する必要があります。

  1. 01

    レスポンシブな閲覧

    flipbookビューアはデスクトップ、タブレット、モバイルで動作し、訪問者はPDFアプリをインストールせずに読めます。

  2. 02

    シンプルなiframeコード

    共有パネルから埋め込みコードをコピーし、HTMLブロックやページテンプレートに貼り付けます。

  3. 03

    プラグイン不要

    訪問者にソフトのインストールやファイルのダウンロードを求める代わりに、ブラウザ上のビューアを使えます。

  4. 04

    読者分析

    flipbookが埋め込まれていても、閲覧数、ページの読まれ方、インタラクティブリンクのクリックなどのエンゲージメントを追跡できます。

ライブデモ

実際のflipbookをここで試せます

ページをめくり、フルスクリーンで開き、リンクをクリックしてみてください。読者が体験する内容をそのまま確認できます。

ビューアで開く

flipbookを埋め込む方法

ページがCMS、サイトビルダー、カスタムコードベースのいずれで構築されていても、ワークフローは同じです。

  1. 1

    flipbookを作成

    PDFをFlipsoにアップロードし、ホスト型ビューアが開くのを待ちます。

  2. 2

    共有パネルを開く

    埋め込みセクションからiframeコードをコピーします。コードは軽量な埋め込みビューアを指しています。

  3. 3

    ページに貼り付け

    コードをカスタムHTMLブロック、ページテンプレート、CMSの埋め込みフィールドに追加し、レイアウトに合わせて高さを調整します。

  4. 4

    モバイルでテスト

    スマートフォンでページを開き、flipbookが読みやすく、正しくスクロールし、周囲の要素を圧迫していないか確認します。

よくある質問

flipbook埋め込みに関するよくある質問

  • WordPressにflipbookを埋め込めますか？

    はい。カスタムHTMLブロック、またはiframeコードを受け付けるページビルダーのブロックを使ってください。

  • Shopify、Wix、Squarespaceに埋め込めますか？

    通常は可能です。ページエディタがカスタムHTMLまたはiframe埋め込みを許可している場合に限ります。公開前にモバイルでテストしてください。

  • flipbookを更新するとEmbedも更新されますか？

    EmbedはホストされたflipbookのURLを指しているため、更新後も同じ埋め込み位置をそのまま使い続けられます。

  • 埋め込むべきか、リンクで共有すべきか？

    書類がページ目標を支える場合は埋め込みを使いましょう。書類をメール、チャット、SNS、QRコードで広める場合はリンクを共有します。

もっと見る

関連するflipbookガイド