Facebook、Twitter、G+などでのソーシャルメディア投稿をサイトに埋め込む方法まとめ

#1 Facebook
■表示例



■埋め込み手順
表示したいFacebookページの投稿の右上「▼」から「埋め込み投稿」を選択
Facebook、Twitter、G+などのソーシャルメディア投稿をサイトに表示する方法まとめ1
プレビューとともになぜか狭い領域にコードが表示されるので、コピーして貼り付ける。
Facebook、Twitter、G+などのソーシャルメディア投稿をサイトに表示する方法まとめ1
■公式ページ
https://developers.facebook.com/docs/plugins/embedded-posts/

#2 Twitter
■表示例



■埋め込み手順
表示したいTweetにマウスオーバーすると表示される右下「その他」から「ツイートをサイトに埋め込む」を選択
Facebook、Twitter、G+などのソーシャルメディア投稿をサイトに表示する方法まとめ1
こちらもプレビューとともに表示される、コードをコピーして貼り付ける。
Facebook、Twitter、G+などのソーシャルメディア投稿をサイトに表示する方法まとめ1
■公式ページ
https://dev.twitter.com/docs/embedded-tweets

#3 Google+
■表示例



■埋め込み手順
表示したい自分の投稿にマウスオーバーすると表示される右下「▼」から「投稿を埋め込む」を選択
Facebook、Twitter、G+などのソーシャルメディア投稿をサイトに表示する方法まとめ1
コードをコピーしてさくっと貼り付ける。
Facebook、Twitter、G+などのソーシャルメディア投稿をサイトに表示する方法まとめ1
■公式ページ
https://developers.google.com/+/web/embedded-post/?&hl=ja

#4 instagram
■表示例


■埋め込み手順
個別投稿の右下に表示される「・・・」をクリックし、「埋め込み」を選択
Facebook、Twitter、G+などのソーシャルメディア投稿をサイトに表示する方法まとめ1
コードをコピーしてぱくっと貼り付ける。
Facebook、Twitter、G+などのソーシャルメディア投稿をサイトに表示する方法まとめ1
■公式ページ
http://blog.instagram.com/post/55095847329/introducing-instagram-web-embeds

#5 vine
■表示例


■埋め込み手順
個別投稿の下に表示される「embed」をクリック
Facebook、Twitter、G+などのソーシャルメディア投稿をサイトに表示する方法まとめ1
表示形式とサイズを選択し、したーーーの方に表示されるコードをぺたっと
Facebook、Twitter、G+などのソーシャルメディア投稿をサイトに表示する方法まとめ1
■公式ページ
http://blog.vine.co/post/55514921892/embed-vine-posts

#6 YouTube
■表示例


■埋め込み手順
個別動画の下に表示される「共有」をクリック
Facebook、Twitter、G+などのソーシャルメディア投稿をサイトに表示する方法まとめ1
埋め込みコードを選択
Facebook、Twitter、G+などのソーシャルメディア投稿をサイトに表示する方法まとめ1
サイズとか各種設定を決めて、コードをゲット!
Facebook、Twitter、G+などのソーシャルメディア投稿をサイトに表示する方法まとめ1
■公式ページ
https://support.google.com/youtube/answer/171780?hl=ja

sponsors

「Facebook、Twitter、G+などでのソーシャルメディア投稿をサイトに埋め込む方法まとめ」をシェアする

記事作成:
記事URL:

TOP > > > Facebook、Twitter、G+などでのソーシャルメディア投稿をサイトに埋め込む方法まとめ