テキストノートの本文にTwitterのツイートやYouTubeの動画を埋め込む
テキストノートでは本文中にTwitterのツイートやYouTubeの動画を簡単に埋め込むことができます。また同じ仕組みを利用して通常のブログやWebサイトの簡単な概要付きでリンクを埋め込むこともできます。ここではテキストノートの本文にTwitterのツイートやYouTubeの動画を埋め込む方法について解説します。
(Last modified: )
Twitterのツイートを埋め込む
それでは実際に試してみます。テキストノートの作成画面を表示してください。
本文でEnterキーなどを押すと新しい段落が表示されますが、その時表示される「+」をクリックしてください。
次の4つのアイコンが表示されます。ツイートなどを埋め込む場合は「embed social」アイコンをクリックしてください。
埋め込むツイートや動画のURLを入力するテキストボックスが表示されます。
Twitterの場合、埋め込みたいツイートの右側に表示されている矢印をクリックし、表示されたメニューの中から「ツイートへのリンクをコピー」をクリックしてください。
コピーしたURLを先ほどのテキストボックスに入力しEnterキーを押してください。
ツイートがノートの本文の中に埋め込まれました。
では本文にツイートが埋め込まれたノートを投稿してみます。投稿されたノートはタイムラインに表示されますが、埋め込まれたツイートは表示されません。
ノートのタイトルをクリックしてノートの全文を表示すると埋め込まれたツイートも含めて表示されます。
YouTubeの動画を埋め込む
YouTubeの動画を埋め込む場合も同じ手順で行います。YouTubeの動画を埋め込むためのURLを取得するには、対象の動画のページを開き、表示されているURLをコピーします(短縮化されたURLだと埋め込めませんでした)。
ノートの「embed social」アイコンをクリックして表示されたテキストボックスに動画のURLを入力しEnterキーを押してください。
YouTubeの動画がノートの本文の中に埋め込まれました。
ブログやWebサイトへのリンクを埋め込む
ツイートや動画だけではなく、通常のブログやWebサイトへのリンクを埋め込むこともできます。ノートの「embed social」アイコンをクリックして表示されたテキストボックスにブログやWebサイトへのURLを入力しEnterキーを押してください。
Webサイトへのリンクが本文の中に埋め込まれました。
リンク先ページのコンテンツの一部やOGPに設定している画像などが一緒に表示されます。
-- --
本文中にTwitterのツイートやYouTubeの動画を埋め込む手順について解説しました。
( Written by Tatsuo Ikura )
著者 / TATSUO IKURA
これから IT 関連の知識を学ばれる方を対象に、色々な言語でのプログラミング方法や関連する技術、開発環境構築などに関する解説サイトを運営しています。