こんばんは、岡田です^^
今回は
「 アメブロにfacebookページの『いいね!』ボタンを設置する方法 」
をお伝えします。
アメブロに
自分のfacebookページの
「いいね!」ボタンをつけておくと、
アメブロ上からfacebookページの
ファンを増やすことができます。
ブログを読んで頂いている方たちを
facebookページのファンにできるチャンスですので、
ぜひ設置しておきましょう。
それでは、具体的な方法です。
1、ソーシャルプラグインに移動する
まず、【facebookページを編集】ボタンから、編集画面に移動します。
編集画面に移動したら、左側の【リソース】という項目を選びます。
すると、上から6番目に
【ソーシャルプラグインを利用する】
というリンクが出てくるので、
クリックし、ソーシャルプラグインに移動してください。
2、「いいね!」ボックスを作成する
【ソーシャルプラグイン】に移動すると、
オール英語でページが表示されます(笑)
日本語版なのになぁ~と思いますが、
大して難しくないので以下の通りに対応しましょう。
今回触るのは、上から6番目の『Like box』のみです。
つまり、「いいね!」ボタンのこと。
上から6番目の『Like box』を選んでください。
すると、編集ページに移動します。
編集ページに移動したら、
「Facebook Page URL 」という項目があるので、
そこに自分のfacebookページのURLを入力しましょう。
※あらかじめコピーしておくと早いです。
次に修正しておくべきなのが、
このボックスの幅。
ボックスの幅がデフォルト(修正前の状態)だと、
見切れてしまうため、見た目が悪いです。
岡田と同じデザインでアメブロを運営している方であれば、
「width」を「160」にしておきましょう。
ギリギリの幅でボックスを表示することができます。
3、「いいね!」ボックスのコードを取得する
自分のfacebookページのURLを入力し、
ボックスの幅を調整し終えたら、
アメブロに貼り付けるためのコードを取得します。
最下部の「Get Code」ボタンをクリックしてください。
ボタンをクリックすると、コードが出現します。
アメブロであれば「iframe」のコードをコピーしてください。
4、アメブロのフリープラグインにコードを貼る
「いいね!」ボックスのコードを取得したら、
アメブロの管理画面に移動し、
①ブログを書く
②サイドバーの設定
③フリープラグイン右側の【編集】リンク
の順に押していき、
フリープラグインの編集ページに移動します。
すると、フリープラグインを
入力できるページが表示されるので、
この空欄に先ほど取得した「いいね!」ボックスのコードをペーストし、保存します。
5、アメブロで確認する
お疲れ様でした^^
ここまで終えたら、あとは確認するだけです!
自分のブログを開き、設置されているか確認しましょう。
上記のように、きちんと貼れていたらOKです。
これでfacebook上からのみならず、
アメブロからもファンにつなげられるルートができました☆
人気ブロガーさんはぜひ設置しておきましょう!
それでは今日はこの辺で。
また次回お会いしましょう^^