skuare.net

JavaScriptライブラリjQueryのサンプルを中心にWebサイト構築に役立つ情報を紹介

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

sponsors

#1 Facebook
■表示例



■埋め込み手順
表示したいFacebookページの投稿の右上「▼」から「埋め込み投稿」を選択

プレビューとともになぜか狭い領域にコードが表示されるので、コピーして貼り付ける。

■公式ページ
https://developers.facebook.com/docs/plugins/embedded-posts/

#2 Twitter
■表示例



■埋め込み手順
表示したいTweetにマウスオーバーすると表示される右下「その他」から「ツイートをサイトに埋め込む」を選択

こちらもプレビューとともに表示される、コードをコピーして貼り付ける。

■公式ページ
https://dev.twitter.com/docs/embedded-tweets

#3 Google+
■表示例



■埋め込み手順
表示したい自分の投稿にマウスオーバーすると表示される右下「▼」から「投稿を埋め込む」を選択

コードをコピーしてさくっと貼り付ける。

■公式ページ
https://developers.google.com/+/web/embedded-post/?&hl=ja

#4 instagram
■表示例


■埋め込み手順
個別投稿の右下に表示される「・・・」をクリックし、「埋め込み」を選択

コードをコピーしてぱくっと貼り付ける。

■公式ページ
http://blog.instagram.com/post/55095847329/introducing-instagram-web-embeds

#5 vine
■表示例


■埋め込み手順
個別投稿の下に表示される「embed」をクリック

表示形式とサイズを選択し、したーーーの方に表示されるコードをぺたっと

■公式ページ
http://blog.vine.co/post/55514921892/embed-vine-posts

#6 YouTube
■表示例


■埋め込み手順
個別動画の下に表示される「共有」をクリック

埋め込みコードを選択

サイズとか各種設定を決めて、コードをゲット!

■公式ページ
https://support.google.com/youtube/answer/171780?hl=ja

sponsors

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

記事作成:
記事URL:

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

前の記事:
次の記事:jQueryプラグインで文字をシンプルにローテーションさせる「simple-text-rotator」

JavaScript

read more

Column

read more