外部サービスの埋め込みが便利
YoutubeやVimeoなどの動画配信サービスや、Facebook・Instagram・TwitterといったSNSを記事中に埋め込むことができます。
この記事では埋め込みに対応している外部サービスと、その埋め込み方を紹介します。
目次
動画サービス
Youtube
埋め込み方法
- YouTubeで埋め込みたい動画を開きます。
- 共有を選択します。
- 表示されたURLをコピーします。
- 『みちメモ』の投稿画面で【＋】→リンクを選択します。
- 表示された入力欄にURLを貼り付け、Enterを押して入力を確定します。
- 埋め込み動画が表示されます。
Vimeo
埋め込み方法
- Vimeoで埋め込みたい動画を開きます。
- Shareを選択します。
- 表示されたLinkをコピーします。
- 『みちメモ』の投稿画面で【＋】→リンクを選択します。
- 表示された入力欄にURLを貼り付け、Enterを押して入力を確定します。
- 埋め込み動画が表示されます。
SNS
埋め込み方法
- Facebookで埋め込みたい投稿を表示します。
- 投稿の【･･･】を選択し、【埋め込み】を選択します。
- 【詳細設定】のリンクを開きます。
- コードジェネレーターのページが開いたら【投稿のURL】をコピーします。
- 『みちメモ』の投稿画面で【＋】→リンクを選択します。
- 表示された入力欄にURLを貼り付け、Enterを押して入力を確定します。
- 埋め込みの投稿が表示されます。
埋め込み方法
- Twitterで埋め込みたい投稿を表示します。
- 投稿の【･･･】を選択し、【ツイートを埋め込む】を選択します。
- Twitter Publishのページが開くので、ページ上部に表示されているURLをコピーします。
- 『みちメモ』の投稿画面で【＋】→リンクを選択します。
- 表示された入力欄にURLを貼り付け、Enterを押して入力を確定します。
- 埋め込みの投稿が表示されます。
埋め込み方法
- Instagramで埋め込みたい投稿を表示します。
- 投稿の【･･･】を選択し、【リンクをコピー】を選択します。
- 『みちメモ』の投稿画面で【＋】→リンクを選択します。
- 表示された入力欄にURLを貼り付け、Enterを押して入力を確定します。
- 埋め込みの投稿が表示されます。
TikTok
埋め込み方法
- TikTokで埋め込みたい投稿を表示します。
- 【リンクをコピー】を選択します。
- 『みちメモ』の投稿画面で【＋】→リンクを選択します。
- 表示された入力欄にURLを貼り付け、Enterを押して入力を確定します。
- 埋め込みの投稿が表示されます。
音声サービス
Spotify
埋め込み方法
- Spotifyで埋め込みたいアーティスト、曲、ポッドキャスト、エピソードなどを開きます。
- 【･･･】から【シェアする】、【〇〇のリンクをコピー】を選択します。
- 『みちメモ』の投稿画面で【＋】→リンクを選択します。
- 表示された入力欄にURLを貼り付け、Enterを押して入力を確定します。
- 埋め込みの投稿が表示されます。
Voicy
埋め込み方法
- Voicyで埋め込みたい放送を開きます。
- ブラウザーに表示されているURLをコピーします。
- 『みちメモ』の投稿画面で【＋】→リンクを選択します。
- 表示された入力欄にURLを貼り付け、Enterを押して入力を確定します。
- 埋め込みの放送が表示されます。
スライド
Slide Share
埋め込み方法
- Slide Shareで埋め込みたいスライドを開きます。
- ブラウザーに表示されているURLをコピーします。
- 『みちメモ』の投稿画面で【＋】→リンクを選択します。
- 表示された入力欄にURLを貼り付け、Enterを押して入力を確定します。
- 埋め込みのスライドが表示されます。
Googleスライド
埋め込み方法
- Googleスライドで埋め込みたいスライドを開きます。
- メニューのファイル→ウェブに公開 を選択し、公開ボタンを選択して公開します。
- リンクURLが表示されるのでコピーします。
- 『みちメモ』の投稿画面で【＋】→リンクを選択します。
- 表示された入力欄にURLを貼り付け、Enterを押して入力を確定します。
- 埋め込みのスライドが表示されます。
フォーム
Googleフォーム
埋め込み方法
- Googleフォームで埋め込みたいフォームを開きます。
- 【送信】を選択し、フォームを送信の送信方法のリンクを選択します。
- リンクURLが表示されるのでコピーします。
- 『みちメモ』の投稿画面で【＋】→リンクを選択します。
- 表示された入力欄にURLを貼り付け、Enterを押して入力を確定します。
- 埋め込みのフォームが表示されます。
※Googleドライブにファイルをアップロードする機能など、一部機能は埋め込み対応していない場合があります。
コード埋め込み
GitHub - gists
- GitHub gistsで埋め込みたいコードを開きます。
- 開いたページのURLをコピーします。
- 『みちメモ』の投稿画面で【＋】→リンクを選択します。
- 表示された入力欄にURLを貼り付け、Enterを押して入力を確定します。
- 埋め込みコードが表示されます。
CodePen
- CodePenで埋め込みたいコードを開きます。
- 開いたページのURLをコピーします。
- 『みちメモ』の投稿画面で【＋】→リンクを選択します。
- 表示された入力欄にURLを貼り付け、Enterを押して入力を確定します。
- 埋め込みコードが表示されます。
みなさん、ぜひ自分の記事に埋め込みを活用してくださいね。