Miro ボードを他のウェブサイトやアプリに埋め込み、パートナー各社や同僚、クライアントとコラボレーションできます。
🚀 あなたの作品にふさわしい観客を。Miroverset6000万人以上のユーザーに公開。
実行可能なユーザー:ボード編集者
関連プラン:すべてのプラン
対応アプリにボードを埋め込む
Miro には、Miro ボードを簡単に共有できるさまざまな対応アプリがあります。
Miro ボードを別のアプリに埋め込むと、アプリのユーザーに特化したアクセス権を設定でき、アプリ内でのボードの閲覧、コメント、編集を許可できます。Miro 側のボードへのアクセス権は影響を受けません。埋め込みボードの共有とアクセス権の機能をご覧ください。
人気の高いインテグレーションについては、以下でそれぞれの埋め込み方法をご確認いただけます。
Miroの埋め込みは、これらのパートナーともうまく機能します:
💡ボードのURLをコピーペーストするだけで、他のMiroボード内にMiroを埋め込むことができます。
✏️ より多くの対応アプリを Miroマーケットプレイス.
埋め込みコードでボードを埋め込む
iFrame に対応するその他すべてのウェブサイトやプラットフォームでは、埋め込みコードを使用して Miro ボードを埋め込むことができます。 例としては、WordPress や WebFlow などがあります。
を選択します埋め込みコードを取得する方法
Miro ボードの埋め込みコードを取得する手順は次のとおりです。
- 左上のツールバーの三点リーダー(...)アイコンをクリックし、ボードをクリックし、エクスポートをクリックし、Embedを選択します。または、 ボードの右上にある「共有」をクリック し、「埋め込み」タブに切り替えて、「 埋め込みコードを コピー」をクリックすることもできます 。
ボード上の埋め込みオプションへの移動 - 表示される埋め込みウィンドウには、他のユーザーが利用できるよう、ボード共有設定を変更できるオプションがあります。 埋め込む前に、ボードを公開アクセスに設定しなければならない場合があります。共有権限の設定について詳細をご覧ください
-
ユーザーに埋め込みボードをどのように操作させたいかによって、 フリーナビゲーションまたはプレゼンテーションを選択してください。
- [フリーナビゲーション] を選択すると、開始画面を設定できます。 開始画面は埋め込みに最初に表示されるボードの一部です。 このモードでは、ユーザーはボード内を自由に移動でき、ボード上のコンテンツを特定の順番で閲覧させることはできません。
- もうひとつの選択肢は、プレゼンテーション・モードを使ってユーザーに軽い体験を提供することです。このモードでは、ボード上にツールバーやアクションはありません。埋め込みメニューで [プレゼンテーション] のモードを選択し、埋め込みで最初に表示したいフレームを選択します。ボードにフレームがない場合は、作成するように求められます。
✏️ 同じ Miro ボードを別の場所に埋め込む場合は、別の開始画面を設定することができます。
を選択します⚠️ 現在、プレゼンテーション モードで埋め込まれたボード上では、リンクおよび動画をクリックできません。
- 埋め込みコードをコピー」をクリックします。ボードを埋め込みたいウェブサイトやプラットフォームに移動し、コピーしたコードをページコードに挿入します。
埋め込みボードの閲覧、コメント、編集をユーザーに許可する方法
埋め込みコードで埋め込まれたボードへのアクセスは、Miro でのボードの共有ステータスに左右され、Miro 側と同じになります。Miro のプロフィールを持っていないユーザーが埋め込みボードを利用できるようにするには、ボードの共有画面/span>にある、「リンクを知る全員が」の設定でボードを公開しアクセスできるようにします。
公開リンクをオフにすると、Miro ボードに直接アクセス権がないユーザーはボードを閲覧できなくなります。ボードにアクセス権があるユーザーを確認する方法をご覧ください。
✏️ ボードのリンクを知る全員がボードを編集できるようにするオプションは有料および Education プランでのみ利用できます。
✏️ Enterprise プランの管理者は、セキュリティー設定で公開共有を許可または制限することができます。
自動再生を有効にする方法
デフォルトで、Miro の埋め込みはプリローダー画面で開きます。 ボード名が表示され、ユーザーは [ボードを表示する]/span> ボタンをクリックしてボードコンテンツを読み込むか、ボードが公開されていない場合、ボードへのアクセスをリクエストするように求められます。
ユーザーが[ボードを表示する] ボタンをクリックせずにボードのコンテンツを読み込めるようにするには、ボードの自動再生を有効にします。
<iframe width="768" height="432" src="https://miro.com/app/live-embed/boardkey/?moveToViewport=-3099,-2331,6592,3135&embedId=384117199927
自動再生" frameBorder="0" scrolling="no" allowFullScreen></iframe></frame
を選択します
iframe コードのボード URL の後に &embedAutoplay=true を追加します。例えば次のようにします。
<iframe width="768" height="432" src="https://miro.com/app/live-embed/boardkey/?moveToViewport=-3099,-2331,6592,3135&embedId=384117199927&embedAutoplay=true" frameBorder="0"scrolling="no" allowFullScreen></iframe>
⚠️ 自動再生は、Miro ボードが外部のウェブページに埋め込まれている場合にのみ適用されます。Miro ボードを別の Miro ボードに埋め込む場合、再生ボタンは常に表示されます。
埋め込みボードのユーザーからの見え方
ウェブサイトに埋め込まれたボード インターフェイスは、Miro アプリやブラウザータブのボード インターフェイスとは少し異なります。
- 埋め込みボートの左上にあるボード名はクリックできません
- 埋め込みボードを開く際、ミニマップパネルやノートは自動的に開きません
- ボードの設定には、[開始画面を設定]、[アプリやツールを見つける]、[プロフィールの設定] などのオプションはありません。
- エクスポートメニューでは、これらのオプションのみが利用可能です:テンプレートとして保存,GoogleDriveに送信,JIRAに追加,インタラクティブ・ディスプレイに送信
- 埋め込みボードでは、すべてのポップアップが無効になります。
⚠️ iframe テクノロジーの制限により、埋め込まれたボードの読み込み時間が通常より長くなる場合があります。
⚠️ ご利用のブラウザーでサードパーティーのクッキーがブロックされている場合、埋め込みボードを表示する際に予期せぬ問題が発生する可能性があります。
⚠️ モバイルデバイスでは、埋め込みボードは閲覧のみ利用できます。
よくある質問
詳しくは ボードへのメディアの埋め込み.