アメブロにfacebookページの「いいね!」ボタンを設置する方法 | もしも女性起業家がコピーライターに文章を習うなら?

もしも女性起業家がコピーライターに文章を習うなら?

WEBに強いコピーライターが、煽らずにブログ・ステップメール・メルマガ・イベント告知文でしっかりと成果の出る書き方を完全レクチャー。

こんばんは、岡田です^^

今回は

「 アメブロにfacebookページの『いいね!』ボタンを設置する方法 」


をお伝えします。

アメブロに
自分のfacebookページの
「いいね!」ボタンをつけておくと、
アメブロ上からfacebookページの
ファンを増やすことができます。

ブログを読んで頂いている方たちを
facebookページのファンにできるチャンスですので、
ぜひ設置しておきましょう。


それでは、具体的な方法です。

1、ソーシャルプラグインに移動する

まず、【facebookページを編集】ボタンから、編集画面に移動します。

facebook集客の知恵袋-アメブロ→FB1



編集画面に移動したら、左側の【リソース】という項目を選びます。

facebook集客の知恵袋-アメブロ→FB2


すると、上から6番目に

【ソーシャルプラグインを利用する】

というリンクが出てくるので、
クリックし、ソーシャルプラグインに移動してください。


facebook集客の知恵袋-アメブロ→FB3



2、「いいね!」ボックスを作成する

【ソーシャルプラグイン】に移動すると、
オール英語でページが表示されます(笑)

日本語版なのになぁ~と思いますが、
大して難しくないので以下の通りに対応しましょう。


今回触るのは、上から6番目の『Like box』のみです。

つまり、「いいね!」ボタンのこと。

上から6番目の『Like box』を選んでください。

facebook集客の知恵袋-アメブロ→FB4


すると、編集ページに移動します。

編集ページに移動したら、
「Facebook Page URL 」という項目があるので、
そこに自分のfacebookページのURLを入力しましょう。

※あらかじめコピーしておくと早いです。

facebook集客の知恵袋-アメブロ→FB5


次に修正しておくべきなのが、
このボックスの幅。

ボックスの幅がデフォルト(修正前の状態)だと、
見切れてしまうため、見た目が悪いです。

岡田と同じデザインでアメブロを運営している方であれば、
「width」を「160」にしておきましょう。

facebook集客の知恵袋-アメブロ→FB6

ギリギリの幅でボックスを表示することができます。



3、「いいね!」ボックスのコードを取得する


自分のfacebookページのURLを入力し、
ボックスの幅を調整し終えたら、
アメブロに貼り付けるためのコードを取得します。

最下部の「Get Code」ボタンをクリックしてください。

facebook集客の知恵袋-アメブロ→FB7


ボタンをクリックすると、コードが出現します。

アメブロであれば「iframe」のコードをコピーしてください。

facebook集客の知恵袋-アメブロ→FB8



4、アメブロのフリープラグインにコードを貼る

「いいね!」ボックスのコードを取得したら、
アメブロの管理画面に移動し、


①ブログを書く

②サイドバーの設定

③フリープラグイン右側の【編集】リンク


の順に押していき、
フリープラグインの編集ページに移動します。

facebook集客の知恵袋-アメブロ→FB12


すると、フリープラグインを
入力できるページが表示されるので、
この空欄に先ほど取得した「いいね!」ボックスのコードをペーストし、保存します。

facebook集客の知恵袋-アメブロ→FB13



5、アメブロで確認する


お疲れ様でした^^

ここまで終えたら、あとは確認するだけです!

自分のブログを開き、設置されているか確認しましょう。


facebook集客の知恵袋-アメブロ→FB14



上記のように、きちんと貼れていたらOKです。


これでfacebook上からのみならず、
アメブロからもファンにつなげられるルートができました☆

人気ブロガーさんはぜひ設置しておきましょう!


それでは今日はこの辺で。

また次回お会いしましょう^^