公開日 更新日 blogger/vaster2

簡単にブログにFacebook、Twitter、Instagramのブログパーツを埋め込む方法

私のブログではFacebookやTwitterやInstagramのブログパーツをプロフィールページに埋め込んでいます。

プロフィールページはこんな感じ

少しでもフォロワーが増えれば一番嬉しいのですが、それ以外にもブログ自体が明るくなって見栄えがよくなるという意図もあります。
最初はサイドバーに設置していたのですが、ページが重くなるため、プロフィールのページに移動しました。
ページに貼る場合は、ページを開いて、HTML画面に貼り付けます。
サイドバーに貼る場合は、レイアウトの画面から、ガジェットの追加を行いHTML/JavaScriptを選択し、そのなかにコードを貼り付けてください。
サイドバーに貼り付ける場合のサイズは【width=370px height=450px】で私は貼り付けていましたが、これは好みだと思います。

では方法を説明していきます。簡単なので是非やってみましょう。

Facebookのブログパーツの埋め込み方

https://developers.facebook.com/docs/plugins/page-plugin/
にアクセスして各項目を入力、コードを取得を押すと

• JavaScript SDK
• IFrame
  

こんな画面が出てきますので、右のIFrameを押す。でてくるコードをコピーして埋め込みたいページのHTMLを開いたら貼りつける。

Twitterのブログパーツの埋め込み方

https://publish.twitter.com/#
にアクセスしたら、埋め込みたtwitterアカウントのURLを入力する。

こんな画面が出てくるので、自分の好みを選ぶ。
もう一度、細かいボタンのイメージ等を聞かれるの自分の好みを選んだら、コードがでてくるので、埋め込みたいページのHTMLを開いたら貼りつける。

Instagramのブログパーツの埋め込み方

https://instawidget.net/generate
にアクセスして各項目を入力、画面右下にあるコードをコピーして、埋め込みたいページのHTMLを開いたら貼りつける。