We use cookies to improve your experience and analyze site traffic. By clicking "Accept", you consent to our use of cookies. See our Privacy Policy for details.

Attending Frankfurt Book Fair? We’re taking meetings 7–9 October.Book your meeting(opens in a new tab)

フリップブックをどこにでも埋め込む

1分もかからずにフリップブックをどんなウェブサイトにも設置できます。あらゆる画面サイズでレスポンシブ対応。

埋め込みの3つの方法

ワークフローに合った方法を選べます。

IF

iframe埋め込み

HTMLを1行コピーして、任意のウェブサイト、CMS、LMSに貼り付けるだけです。WordPress、Webflow、Squarespace、Wixなど、HTMLに対応したあらゆるプラットフォームで動作します。Creatorプラン以上で利用可能です。

JS

JavaScript SDK

フリップブックビューアを完全にプログラムで制御できます。カスタムサイズ、イベントフック、動的な読み込みに対応。ウェブアプリケーションや高度な連携に最適です。Businessプラン以上で利用可能です。

🔗

直接リンク

フリップブックをフルスクリーンビューアで開く独立したURLを共有できます。埋め込み不要 — リンクをコピーして共有するだけです。全プランで利用可能です。

標準でレスポンシブ対応

すべての埋め込みはコンテナ幅に自動的に適応します。フリップブックは、デスクトップ、タブレット、モバイルなど、あらゆる画面に合わせて拡大縮小し、追加のCSSや設定は不要です。デバイスに関わらず、読者は同じ体験を得られます。

プラン別の埋め込み機能

プラン別埋め込み機能
機能ExplorerCreatorBusinessEnterprise
直接リンク共有✓✓✓✓
iframe埋め込み—✓✓✓
レスポンシブサイズ調整✓✓✓✓
JavaScript SDK——✓✓
イベントフック——✓✓
保護された埋め込み——✓✓

よくある質問

ウェブサイトにフリップブックを埋め込むには?
出版物の設定でiframeコードをコピーし、ウェブサイトのHTMLに貼り付けます。WordPress(HTMLブロック)、Webflow、Squarespace、Wixなど、HTML埋め込みに対応したあらゆるプラットフォームで利用できます。
WordPressでも埋め込みは機能しますか?
はい。WordPressエディタのHTMLブロックにiframeコードを貼り付けてください。フリップブックはページ内にインラインで表示され、完全にレスポンシブ対応です。
埋め込みはモバイルでもレスポンシブ対応ですか?
はい。すべての埋め込みはコンテナ幅に自動的に適応します。追加のCSSやレスポンシブ設定は不要です。デスクトップ、タブレット、モバイルで動作します。
埋め込んだフリップブックの閲覧数を追跡できますか?
はい。埋め込みフリップブックの分析は、直接リンクの場合と同様に機能します。ページビュー、滞在時間、ヒートマップなど、すべてのトラッキング機能が埋め込まれた出版物にも適用されます。
JavaScript SDKとは何ですか?
JS SDKを使うと、フリップブックビューアをプログラムで制御できます — カスタムサイズ、イベントリスナー、動的なページナビゲーションなど。BusinessプランとEnterpriseプランで利用可能です。詳細は埋め込みドキュメントをご覧ください。

他の機能と組み合わせる

分析

埋め込んだフリップブックのエンゲージメントを追跡

ページ分析&ヒートマップ →

カスタムブランディング

埋め込み時もブランドを維持

カスタムブランディング&ホワイトラベル →

フリップブック作成ツールの活用事例

インタラクティブなフリップブックをあらゆるウェブサイトやブログに埋め込む

フリップブック作成ツール →

最初のフリップブックを埋め込む

PDFをアップロードし、埋め込みコードをコピーしてサイトに貼り付けましょう。

フリップブックをウェブサイトに埋め込む:iframeとJS SDK | ZenFlip