• SNS

Facebook Page Pluginの設置方法 2015年版

eye5

FacebookページPage Plugin(ページプラグイン)の設置方法

FacebookのLikeBoxが2015年6月23日から廃止され新しく追加されたのがPage Pluginです。

ページプラグインを使うとFacebookページのコンポーネントをウェブサイトに埋め込むことができます。
Page Pluginはこちら

(1)Page Pluginのコードを生成します。
page plugin
各項目については赤文字で記載してある通りです。

『Use Small Header』にチェックを入れるとFacebookページのコールトゥアクションボタンが消えます。
『Adapt to plugin container width』はチェック必須
『Hide Cover Photo』はチェック無しでFacebookページのTOP画像が表示されます。
『Show Friend’s Faces』チェックするといいね!をしている方の顔一覧が表示されます。
『Show Page Posts』チェックすると投稿記事が表示されます。

表示サイズの指定
横幅:180~500px(デフォルト340px)
縦幅:130px70px~(デフォルト500px)

get codeボタンを押すとコードが生成されます。
page plugin2
赤枠で囲っているのが生成されたコードです。こちらをホームページに埋め込みます。
1のタグをタグ内にコピペします。2のタグは表示させたい位置にコピペします。

Page Pluginをwordpressに設置する方法

ウィジェットに設置するには上記1と2のコードを合わせたものをコピペして使います。
page plugin3

ホームページのサイドバーにFacebookページPage Pluginが表示されました。
page plugin4
かっこいいですね。指定したサイズは横280px縦500pxです。

 
 


格安 ホームページ制作 電話

関連記事

  1. eye6

    簡単!facebookのユーザーIDの調べ方