Facebookページのリンクをアメブロのサイドバーに表示させ、ページの【いいね!】をもっと増やしたい!そんな方のために、コピペで簡単にできる方法を画面付きでご紹介します。Plugin(ページプラグイン)】に変更になりました。どんなものかというと・・Facebookページへの【いいね!】を増やす効果もありますので、是非設置してみてくださいね。方法は意外と簡単!3分ほどでできますよ。目次FacebookページのURLを調べるページプラグインアメブロでの設定FacebookページのURLを調べるまず、自分のFacebookページのURLを調べます。自分のFacebookページを表示したら、URLコピーしておきます。ページプラグインそのまま、こちらのページにアクセスします。https://developers.facebook.com/docs/plugins/page-plugin少し下にスクロールすると、詳細を設定する画面がでてきます。ページプラグインの詳細設定1『FacebookのURL』に先程コピーしたURLを貼り付けます。2タブのところに、【timeline】と入力します。3幅と高さを入力します。【幅について】アメブロのカラム数によりけり。2カラム→3003カラムで幅の広いほうに置きたい→3003カラムで幅の狭いほうに置きたい→200【高さについて】サイドバーに何を置いているか、どのくらい場所をとってもOKかによります。700ぐらいにしておくと投稿の写真まで表示されます。300〜400ぐらいだと、投稿の文章だけが表示されます。ここは実際設置して、確認しながら調整します。4その他のオプションそれぞれお好みでチェックします。→ヘッダーがちょっとだけ小さくなります。入れなくてもいいかな・・。containerに幅を合わせる→幅がデバイスによって変わる場合はチェックを入れます。カバー写真を非表示にする→写真が消えて白くなります。友達の顔を表示する→チェックが入れていると、(ログインしている場合)自分の友達が表示されます。入れておいてもいいかな。コードを取得1すべて設定できたら、左下にある【コードを取得】をクリックします。2こんな空恐ろしい画面が表示されます。左上のタブを【IFrame】に切り替えます。3コードの上をクリックすると、選択されます。そのままコピーします。以上で、ページプラグインの設定は終了です。この後、アメブロにいきます。先程コピーしたコードを、アメブロの【フリースペース】又は【プラグイン】にコピーします。(どっちでもいけます)ここでは、【フリースペース】に置く方法をご案内しますね。1アメブロの【マイページ】から【設定】ー【フリースペース編集】をクリック2先程コピーしたコードを貼り付けます。(既にフリースペースにバナーなど貼っている場合は、順番を考えながら貼り付けます。わからなかったら、とりあえず最後。)3【プレビュー】をして確認します。確認して大丈夫だったら【保存】します。表示されない場合は、【サイドバーの設定】で、【フリースペース】が使用する機能に入っているか確認してください。※プラグインに追加した方はフリープラグイン以上です!【補足】プラグインに追加する場合フリースペースかフリープラグインどちらに入れればいいかは、現在どのような設定になっているかによります。フリースペースで使っているバナーなどとは距離をおいて、「プロフィール」や「テーマ一覧」などの下の方にFacebookページを表示したい場合などは、フリープラグインに記述するのがいいと思います。ちなみに、プラグインに追加する場合は、【プラグインの追加】で【フリープラグイン】に貼り付けてください。ビジネス&デザインサービスF-Labo代表。・女性向けマーケティングアドバイザーわかりやすく説明するのが得意。シンプルなものが好き。f-labo.ホーム学ぶHP制作タイトルとURLをコピーしました。