他のアプリの埋め込みと接続

チームのために埋め込む
この記事の内容

動画、オーディオプレーヤー、ツイート、Loomの動画、Invisionのモックアップ、Miroのボード全体など、ほぼすべてのオンラインコンテンツをNotionページ内に埋め込むことができます。Notionページを他のアプリやPDF、フォーム、インタラクティブな地図などで充実させましょう 🦾


  • 新しい行にカーソルを当てると左に表示される + をクリックし、 埋め込み または一般的な埋め込みの種類の1つを上記から選択して Enter キーを押します。

  • 表示されるメニューで、コンテンツのURLまたは埋め込み用リンクを貼りつけます。

  • また、 /埋め込み を使用して、ご自分の画像やオーディオ、動画、ファイルをアップロードして表示できます。 アップロード を選択して、お使いのコンピューターからファイルを選択してください。

備考: Webサイトの中には、他の場所にコンテンツを埋め込むことを禁止しているものがあります。 読み込みに失敗しました というエラーが表示された場合は、これが理由です。

Notionでは、Iframelyサービスを通じて1,900以上のドメインから外部コンテンツを埋め込むことができます。これにより、動画やスクリーンキャスト、スライドデッキ、画像、オーディオ、コードリポジトリなどをNotionページに取り込むことができ、すべての関連情報を一か所にまとめることが可能になります。埋め込みコンテンツの表示に必要な場合、当該コンテンツの閲覧者のIPアドレスがIframelyと埋め込まれたアプリに送信される場合があります。

Notionページに埋め込むことができる、一般的に使用されているアプリの一例をご紹介します。

  • Abstract

  • Canva

  • Codepen

  • Excalidraw

  • Facebook

  • Flocus

  • Framer

  • Indify

  • Instagram

  • Invision

  • GitHub Gist

  • GIPHY

  • Googleマップ

  • LinkedIn

  • Loom

  • Miro

  • Mixpanel

  • Pinterest

  • Reddit

  • Replit

  • Sketch

  • Streamlit

  • Slideshare

  • Spotify

  • Tableau

  • Tally

  • TikTok

  • Twitter

  • Typeform

  • Vimeo

  • Widgetbox

  • YouTube

ほとんどのオンラインコンテンツをページに埋め込むことができますが、よく使用される種類のメディア(ファイル、画像、PDF、動画など)やアプリ(CodePen、Loom、Miro、Twitter)に対しては、それぞれ個別に埋め込みブロックも用意されています。

これらは / メニューか、新しい行にカーソルを当てると左に表示される をクリックすることで追加できます。ツイートを埋め込むには /tweet、インタラクティブなGoogleマップを埋め込むには /maps と入力して試してみてください。

注: 外部サイトへのログインが必要な埋め込みは、Notionのデスクトップアプリやモバイルアプリでは機能しません。

サポートされているファイルタイプ

Notionでは、以下を埋め込むことができます。

  • HTMLファイル

  • PDFファイル

  • オーディオ

  • 動画

  • 画像

URLの埋め込みへの変換

多くの場合、埋め込み可能なURLをページに貼り付けると、Notionで自動的に認識されます。また、コピーした画像を貼りつけることもできます。

  • コンテンツのソースが提供する埋め込み用URLを貼りつけます。

  • 表示されるポップアップメニューで 埋め込み オプションを選択します。

埋め込みのサイズ変更と整列

ほとんどの埋め込みは、コンテンツやページの形式に合わせてサイズを変更できます。

  • 埋め込みにカーソルを当てると横に表示される黒いバーをドラッグします。

  • ドラッグ&ドロップを使用して、ページ内で埋め込みを移動させます。該当する埋め込みの上にカーソルを当てると ⋮⋮ アイコンが表示されるので、ハンドルとして使用してドラッグします。

  • また、埋め込みをドラッグ&ドロップで複数列の構成に整理することも可能です。

埋め込みのソースへのアクセス

埋め込み元には簡単にアクセスすることができます。

  • 埋め込みにカーソルを当てて オリジナル をクリックすると、ブラウザでそのソースが表示されます。

  • または、埋め込みの上にカーソルを当ると左に表示される ⋮⋮ アイコンか、右上の ••• をクリックすることもできます。

  • オリジナルを表示する を選択すると、ブラウザでソースのページが開きます。

埋め込みコンテンツの置き換え

プロジェクトが発展するにつれて、埋め込みコンテンツを更新する必要が出てくるかもしれません。オンライン上の他の場所から埋め込んだコンテンツも、ページに埋め込んで表示するためにNotionにアップロードしたコンテンツも、置き換えることが可能です。

  • 埋め込みの上にカーソルを当てると左に表示される ⋮⋮ アイコンか、右上の ••• をクリックし、 置換 を選択します。

  • メッセージが表示されたら、 リンクを埋め込む または アップロード を選択します。

  • オンラインサービスから新しいURLを貼りつけるか、新しいファイルを選択します。

備考: 埋め込みのソースに変更があった場合、その変更はNotionにも表示されます。

Zoomとの連携

NotionがZoomミーティングのリンクプレビューに対応しました。またカレンダービューでZoomミーティングを週ごとに管理できます。定期的にZoomの招待が発生するプロジェクトに対して、ミーティングのURL情報をプレビューして、Notionからミーティングに直接参加できます。

  • ZoomミーティングのリンクURLをNotionのページに貼り付けます。

  • リンクプレビューと同じように、対応するリンクをNotionに初めて貼り付ける時にはアプリを認証する必要があります。Zoomに接続して更新 ボタンをクリックすると認証画面が表示されるので、必要な権限を付与します。

  • メンションとして貼り付け または プレビューとして貼り付け のオプションから選択できます。

  • 設定 から 自分のコネクト に移動し、 削除 ボタンを押すことで、いつでもZoomアプリをアンインストールできます。

Googleドライブからの埋め込み

アプリから移動することなく、Notion内でGoogleドライブを検索し、コンテンツを埋め込むことができます。方法は次のとおりです。

  • 新しい行にカーソルを当てると左に表示される + をクリックし、スクロールしてメニューから Googleドライブ を選択します。

  • または /drive と入力して、 Enter キーを押します。

  • ポップアップメニューと一緒にブロックが表示されるので、埋め込みたいGoogleドキュメントやシートのURLを貼りつけるか、 Googleドライブを閲覧する をクリックして、Googleドライブからファイルを検索できます。

  • 複数のGoogleアカウントに接続して、複数のGoogleドライブからファイルを埋め込むことができます。

Googleカレンダーの埋め込み

GoogleカレンダーのGmailアドレスがNotionアカウントに使用しているものと同じ場合は、閲覧専用のGoogleカレンダーをNotionに埋め込むことができます。

  • Googleカレンダーの マイカレンダー で、埋め込みたいカレンダーの隣の をクリックし、 設定と共有 を選択します。

  • 予定のアクセス権限一般公開して誰でも利用できるようにする にチェックを入れ、 予定の表示(すべての予定の詳細) を選択します。

  • 勤務先のメールアドレスを使用している場合は、 チームが利用できるようにする オプションが表示される場合があり、これをオンにすることもできます。

  • カレンダーの統合 の下で、 このカレンダーの公開URL と書かれたボックス内のURLをコピーします。

  • そのURLをNotionに貼り付け、表示されるメニューから 埋め込みを作成する を選択します。

Slackとのインテグレーション

ユーザー個人の接続アプリの管理

ユーザー個人として、接続アプリのアカウント認証をいつでも管理できます。

  • サイドバーにある 設定 メニューを開き、 自分のコネクト をクリックします。リンクプレビューや埋め込みを認証したすべてのアプリのほか、まだ接続されていない他のアプリが表示されます。

  • 右上の すべて表示 をクリックすると、さらにアプリのオプションが表示されます。

  • 各アプリに対して複数のオプションが表示されます。その中の1つを選択して、初めてアプリを 接続 します。そうすると、アプリにリダイレクトされるので、Notionへの接続を認証できます。

  • アカウントに接続されると、そのアカウントの情報がアプリのアイコンとアプリ名の下に表示されるようになります。これで、 別のアカウントを接続 や既存アカウントの 接続解除 ができるようになりました。

ワークスペース全体での接続アプリの管理

ワークスペースレベルでアプリの接続設定を管理するには、ワークスペースオーナーは直接、各プラットフォームの設定で権限を制限する必要があります。参考として、現在の各接続アプリの解説ドキュメントへのリンクを掲載します。


フィードバックを送信

このコンテンツは役に立ちましたか?