Miro ボードを埋め込む方法 – Miro Help Center

Miro ボードを他のウェブサイトやアプリに埋め込み、パートナー各社や同僚、クライアントとコラボレーションできます。

🚀 作成内容に適したオーディエンスを検討しましょう。Miroverse で 6,000 万人以上のユーザーに公開できます。

設定者：ボード編集者
該当プラン：すべてのプラン

対応アプリにボードを埋め込む

Miro には、Miro ボードを簡単に共有できるさまざまな対応アプリがあります。

Miro ボードを別のアプリに埋め込むと、アプリのユーザーに特化したアクセス権を設定でき、アプリ内でのボードの閲覧、コメント、編集を許可できます。Miro 側のボードへのアクセス権は影響を受けません。埋め込みボードの共有とアクセス権の機能をご覧ください。

人気の高いインテグレーションについては、それぞれの埋め込み方法をご確認いただけます。

Miro の埋め込みは、以下のパートナーの製品でも問題なく動作します：

💡 ボードの URL をコピーして貼り付けるだけで、他の Miro ボードに Miro を埋め込みすることができます。

✏️ 他にもサポートされているアプリは数多くあります。Miro マーケットプレイスをご覧ください。

埋め込みコードでボードを埋め込む

iFrame をサポートするその他すべてのウェブサイトやプラットフォームでは、埋め込みコードを使用して Miro ボードを埋め込むことができます。例としては、WordPress や WebFlow などです。

以下は埋め込みコードを使用して、このページに埋め込まれた Miro ボードの例です。

閲覧のみのアクセスでこの記事に埋め込まれる [カスタマージャーニーマップボード]

プレゼンモードでこの記事に埋め込まれる [カスタマージャーニーマップボード]

埋め込みコードを取得する方法

Miro ボードの埋め込みコードを取得する

ボード左上の [エクスポート] アイコンをクリックし、[埋め込み] を選択します。またはボード右上の [共有] をクリックし、[埋め込み] タブに切り替えて、[コピー埋め込みコード] をクリックします。
表示された埋め込みウィンドウでは、他のユーザーが利用できるようにオプションからボード共有設定を変更できます。埋め込む前に、ボードを公開アクセスに設定しなければならない場合があります。共有権限の設定について詳細は、こちらをご覧ください
埋め込みボードをユーザーにどのように利用してもらいたいかに応じて、[フリーナビゲーション] または [プレゼンテーション] を選択します。
- [フリーナビゲーション] を選択すると、開始画面を設定できます。開始画面は埋め込みに最初に表示されるボードの一部です。このモードでは、ユーザーはボード内を自由に移動できますが、ボード上のコンテンツを特定の順番で閲覧することができません。
- もう一つのオプションでは、プレゼンモードでボードのビジターにフレーム間の行き来を許可します。埋め込みメニューにあるプレゼンモードを選択し、埋め込みで最初に表示されるフレームを選択します。ボードにフレームがない場合は作成が促されます。
  ✏️ 同じ Miro ボードを別の場所に埋め込む場合は、別の開始画面を設定することができます。
  
  ⚠️ 現在、プレゼンテーションモードで埋め込まれたボード上では、リンクおよび動画をクリックできません。
[埋め込みコードをコピーする] をクリックします。Miro ボードの埋め込みコードを取得
ボードを埋め込みたいウェブサイトやプラットフォームに移動し、コピーしたコードをページコードに挿入します。

埋め込みボードの閲覧、コメント、編集をユーザーに許可する方法

埋め込みコードが埋め込まれたボードへのアクセスは、Miro ボードの共有ステータスにより異なり、Miro 側と同じです。Miro のプロフィールを持っていないユーザーが埋め込みボードを利用できるようにするには、ボードの共有画面にある、[リンクを知る全員が] の設定でボードを公開しアクセスできるようにします。

共有設定からボードを公開する

公開リンクをオフにすると、Miro ボードに直接アクセス権がないユーザーはボードを閲覧できなくなります。ボードにアクセスできるユーザーを確認する方法についてはこちらをご覧ください。

✏️ ボードのリンク保有者にボードの編集を許可するオプションは、有料および Education プランでのみ利用できます。

✏️ Enterprise プランの管理者は、セキュリティー設定で公開共有を許可または制限することができます。

自動再生を有効にする方法

デフォルトで、Miro の埋め込みはプリローダー画面で開きます。ボード名が表示され、ユーザーは [ボードを見る] ボタンをクリックしてボードコンテンツを読み込むか、ボードが公開されていない場合、ボードへのアクセスをリクエストするように求められます。

ユーザーが [ボードを見る] ボタンをクリックせずにボードのコンテンツを読み込めるようにするには、ボードの自動再生を有効にします。

プレゼンモードで埋め込まれたボードについて

iframe コード内のボード URL の後に &embedId=384117199927&autoplay=yep を追加します。例）

<iframe width="768" height="432" src="https://miro.com/app/live-embed/boardkey/?moveToViewport=-3099,-2331,6592,3135&embedId=384117199927
&autoplay=yep" frameBorder="0" scrolling="no" allowFullScreen</iframe

フリーナビゲーションモードで埋め込まれたボードについて

ボード URL の後に、iframe コードに &embedAutoplay=true を追加します。例：

⚠️ 自動再生は、Miro ボードが外部のウェブページに埋め込まれている場合にのみ適用されます。Miro ボードを別の Miro ボードに埋め込む場合、再生ボタンは常に表示されます。

埋め込みボードのユーザーからの見え方

ウェブサイトに埋め込まれたボードインターフェイスは、Miro アプリやブラウザータブのボードインターフェイスとは少し異なります。

埋め込みボートの左上にあるボード名はクリックできません
ミニマップパネルおよびノートは、埋め込みボードを開いたときに自動的に開きません
ボードの設定には、[開始画面を設定]、[アプリやツールを見つける]、[プロフィールの設定] などのオプションはありません。
エクスポートメニューでは、次のオプションのみ利用できます：テンプレートとして保存、GoogleDrive に送信、JIRA に追加、インタラクティブディスプレイに送信
すべてのポップアップは埋め込みボードで無効になっています。

⚠️ iframe テクノロジーの制限により、埋め込まれたボードの読み込み時間が通常より長くなる場合があります。

⚠️ ご利用のブラウザーでサードパーティーのクッキーがブロックされている場合、埋め込みボードを表示する際に予期せぬ問題が発生する可能性があります。

⚠️ モバイルデバイスでは、埋め込みボードは閲覧のみ利用できます。

よくある質問

Miro をアプリに完全に統合するにはどうすればよいですか？

開発者向け Miro 埋め込みガイドをご覧ください。

Free プランで編集可能なボードを埋め込みできますか？

はい。Miro 側で編集者としてボードに招待されているユーザーは、埋め込みボードを編集できます。すべてのユーザー（未登録ユーザー含む）に編集権限を与えるオプションは、有料プランでのみ利用可能となりますのでご了承ください。

埋め込みにある Miro ロゴを削除することはできますか？

いいえ、現在はできません。

Miro ボードを別の Miro ボードに埋め込むことはできますか？

はい。ボードの埋め込みコードをコピーし、別のボードを開き、ボードのツールバーにある [iFrame コードの貼り付け] を選択して、埋め込みコードを貼り付けます。ただし、他の Miro ボードに埋め込まれたボードでは自動再生が利用できません。ボードにメディアを埋め込む方法について、詳しくはこちら
をご覧ください。

このセクションの記事