フリップブックの共有＆埋め込み

直接リンクでフリップブックを共有し、iframeまたはJavaScriptウィジェットを使用してウェブサイトに埋め込む方法をご紹介します。

フリップブックが公開されたら、オーディエンスに届けましょう。ZenFlipはパブリケーションを共有・埋め込むための複数の方法を提供しています。

直接リンクでの共有

公開されたすべてのフリップブックには固有のURLがあります。URLを見つけるには：

URLの形式は：https://zenflip.io/view/your-publication-slug

カスタムドメインを設定している場合、リンクにはご自身のドメインが使用されます。このリンクはどこでも共有できます — メール、メッセージングアプリ、ソーシャルメディア、ドキュメントなど。

フリップブックのリンクをソーシャルメディアやメッセージングプラットフォームで共有すると、ZenFlipは自動的にリッチプレビューカードを生成します：

最良のソーシャルプレビューのために、パブリケーション設定でわかりやすいタイトルと説明を追加してください。

埋め込みにより、ウェブページに直接フリップブックを配置し、訪問者がサイトを離れることなく閲覧できます。ZenFlipは2つの埋め込み方法を提供しています。

iframeメソッドは最もシンプルな埋め込み方法です。ほぼすべてのウェブサイト、CMS、ランディングページビルダーで動作します。

生成されるコードは以下のようになります：

`html <iframe src="https://zenflip.io/embed/your-publication-slug" width="100%" height="600" frameborder="0" allowfullscreen> </iframe> `

iframe埋め込みのヒント：

JSウィジェット埋め込みは、ビューアの外観と動作をより細かく制御できます。非同期で読み込まれ、よりリッチな統合を提供します。

JSウィジェット埋め込みには<script>タグとコンテナ<div>が含まれます。ビューアを動的に読み込み、標準的なiframeよりも優れたパフォーマンスを提供します。特に複数の埋め込みがあるページで効果的です。

推奨： クイックで汎用的なソリューションが必要な場合はiframeを使用してください。より多くの制御が必要な場合や、1ページに複数のフリップブックを埋め込む予定がある場合はJSウィジェットを使用してください。

WordPressブロックエディター（Gutenberg）のカスタムHTMLブロックにiframeまたはJSウィジェットのコードを貼り付けます。

Squarespaceエディターでコードブロックを使用し、埋め込みコードを貼り付けます。

ページにEmbed要素を追加し、コードを貼り付けます。

Notionはiframe埋め込みをネイティブでサポートしています。フリップブックの直接リンクを貼り付けると、Notionが自動的に埋め込みの作成を提案します。

フリップブックがパスワード保護を使用している場合、埋め込みビューアはコンテンツを表示する前にパスワードの入力を求めます。パブリケーション設定で設定したパスワードは、直接リンクと埋め込みの両方に適用されます。

埋め込みが正しく表示されない場合：

パブリケーションがPublicまたはPassword Protectedに設定されていることを確認してください（プライベートパブリケーションは埋め込みできません）
ウェブサイトが外部ドメインからのiframeを許可していることを確認してください
埋め込みコードがリッチテキストエディターではなく、HTMLブロックに貼り付けられていることを確認してください
詳細については、フリップブックビューアのトラブルシューティングガイドをご覧ください