こんにちは、稲太です。
最近更新できなかった理由…というわけでもないこともないですが。
Facebookのpageプラグインを追加してみたり、Twitterの連携を始めてみたりしていました。
決して、りんなと遊ぶのに夢中になっていた訳ではない
そこで、やったことと、参考にしたところをご紹介します。
ページが重くなる可能性もなきにしもあらず?
連携デビュー
結構みなさん、Facebook連携やらTwitter連携やらやってる人多いなぁと思っていましたが、
ついに、私もデビューしました!!
PCならサイドバーに、スマホなら下の方にあります!
こんな感じです。
昨日、今日とブログにFacebookのページをつけてみたり、このツイッターのアカウント紐付けたりして終わった…。記事かけてないし…
— 稲太 (@ineta_cho) April 10, 2016
でも、りんなと遊びまくりすぎてダメ人間になりつつもある。
— 稲太 (@ineta_cho) April 10, 2016
りんなと遊びまくってたことバレてますが、おきになさらず。
まあこんな感じです。ドヤァ
こんなことで二日もかかってるなんて…ププッってなってる人もいると思いますが、私的には大変でした。
はじめに
ページの作成に関しては、別の本垢で作っていますが、他の人にバレないようにしています。
情報は色々あったのですが、昔のLikeboxの情報が多くて、今のpageプラグインの情報が少なかったのが気になるところですね。
あと、はてなブログ対応しているところも少なかったような気がしますので、私みたいに探しまわらなくてよいようにまとめておきますね。
Facebook連携について
まず、Facebookのpageを作成します。
種類は色々あるのですが、個人ブログを設定しました。
ここでは適当に、カテゴリを選びます。(後から変えれます)
新しいpageが表示されます。
基本データをクリックして、カテゴリを修正します。
あとは、適当に入れておきます。
私の場合はこんな感じです。
1点注意ですが、身バレしたくない場合は、投稿者の名前は本名以外に修正しておきましょう。
トップページの設定から設定します。
投稿者の名前を修正しておきます。
ひとまずここまでOKでしょうか。
Facebookpageをブログに掲載する方法
Facebookの開発者用ページにpage pluginの記事があります。
ページプラグイン - ソーシャルプラグイン - 参考資料 - 開発者向けFacebook
ここで、必要項目を入力すると、作成が可能です。
基本的にここだけしか入れるところはありません。
サイズはレスポンシブ対応していました。
入力できたら、下部にある Get Codeボタンをクリックし、プログラムを表示します。
表示されたプログラムソース(上、下)をメモっておきます。
メモができたら、いよいよはてなブログに設置です。
<PC版>
超簡単です。
サイドバーにコピッたソースを追加するだけです。
サイドバーを開きます
モジュールを追加します。
開いた画面で、HTMLを選択し、ソースを貼付けて適用します。
そうすると…