SNSをサイトに埋め込む方法

f:id:xxxxkun:20180121222026p:plain

どうもスナ(@morisuna808)です。

SNSを自分のサイトに埋め込んでみましょう。

 

僕は自分のブログで、このようにSNSの投稿を埋め込んで表示させていることがあります。

 

Instagram

 

 

Twitter

 

 

YouTube

 

 

 

このSNSの投稿を埋め込む方法を紹介します。

 

SNSをサイトに埋め込んでみよう。

Instagramの場合

 

①PCからInstagramにログインする。

 

②投稿の中から埋め込みたいものを選択する。

 

③「右下」の「・・・」をクリックする。

 

f:id:xxxxkun:20180121222703p:plain

 

 ④「埋め込み」をクリックする。

f:id:xxxxkun:20180121222751p:plain

 

⑤表示された「コード」をコピーしてサイトにペーストする。

f:id:xxxxkun:20180121222928p:plain

 

貼り付ける場所は、サイト(記事)のHTML編集ができるところです。

はてなブログの場合は、「編集見たまま」にペーストではなくて、「HTML編集」のところにコードをコピペします。

 

Twitterの場合

 

①PCからTwitterにログインする。

 

②投稿の中から埋め込みたいものを選択する。

 

③「右上」の三角マークをクリックする。

f:id:xxxxkun:20180121223801p:plain

 

「このツイートをサイトに埋め込む」を選択する。

f:id:xxxxkun:20180121223830p:plain

 

⑤表示された「コード」をサイト(記事)にコピー&ペーストする。

 

 

YouTubeの場合

 

YouTubeにログインする。

 

②埋め込みたい動画を選択する。

 

③「右下」の共有をクリックする。

f:id:xxxxkun:20180121224407p:plain

 

「埋め込む」をクリックする。

f:id:xxxxkun:20180121224508p:plain

 

⑤表示されたコードをサイト(記事)にコピペする。

f:id:xxxxkun:20180121224849p:plain

 

InstagramTwitterYouTubeの全てのコードは、HTML編集ができる場所へコピペします。

URLの場合は、そのまま記事内にコピペしても正常に表示されます。