フェイスブックページプラグインの設置方法 | ちょっとした「Webお役立ち情報」とかを主に書いてます。

ちょっとした「Webお役立ち情報」とかを主に書いてます。

ネットで調べて、「わかったこと」を備忘録の代わりのメモ帳のようにして使ってます。

ちょっと奥さん!!御存知でしたぁ~~??
フェースブックページのライクボックスが今年の6月23日から動かなくなっちゃうんだそうです。
重盛さと美


英語の苦手な自分ではありますが・・(↓)
stop working 01

ところが、さすが世界のフェースブック、その代わりになるものが既に発売!?公開されてます。(もちろん無料ですけれど・^^;)

Page Plugin (ページプラグイン)と名付けられているものです。(↓)

ページプラグイン

ページプラグインは、御自身のフェイスブックページをプロモーションするパーツを簡単に御自身のサイトに埋め込むことができるツールです。

ページプラグインを使う事で、御自身のサイト(例:アメブロ)の訪問者様は、サイト(アメブロ)を去ることなく「フェースブックページ」の「いいね!」や「共有」を行うことができるようになります。

自分的には、むしろライクボックスより「ページプラグイン」のほうが、より便利になった気がします。

ページプラグインの作り方


方法は、わりと簡単であります。

Facebook Page Pluginの貼り付けタグを取得


1.まず、サイトに表示させたい「フェースプックページ」のURL(パス)をコピーして下さい。

FBP アドレス

2.入力フォームにURLその他を貼り付け、記述。

基本的には「Facebook Page URL」欄にFacebookページのURLを入力して「Get Code」ボタンをクリックすれば、貼り付けタグを取得することができます。
※コード取得ページ⇒Page Plugin

facebook page 0.31

3.設定項目明細。
その他の設定項目は、以下のようになってます。(↓)

設定項目明細

※1.「Width」の箇所には、御自身のサイトの表示させたい箇所の幅に合わせて半角数字を記述して下さい(自分の場合は、サイドバーの幅:300を記述しました。)
※2.幅は、280~500pxの間でしか設定できません。高さは、130px未満には設定できません。

作成したタグをサイト(アメブロ)に貼り付ける


「Get Code」ボタンを押すと、以下のようなダイアログが表示されます。

貼り付けコード

アメブロ以外のサイト(Fc2ブログ等)では、①のコードをHTMLの<body>~~</body>内に貼り付けないとなりませんが、通常、アメブロの場合は②の方のタグだけあればOKです(基本設定で、共有ボタンの表示を「表示する」にしてある場合)

②の方のタグをコピーして、フリースペースやフリープラグインや記事など、アメブロでFacebook Page Pluginを表示したいところへ貼り付けて下さい。(アメブロの場合、フリープラグインは貴重ですので、フリースペースが良いのでは!?と思います。)
こんな感じになります(↓)。



**関連**
フェースブックページを作る方法

〇思うこと
新しいデザインの方が、カバー写真がある分慣れるとわかりやすい気がします。それと、「いいね!」「シェア」ボタン両方があるのも、用途に合わせて使いやすいかもです。

自分的にはページプラグインは、いろいろな機能がコンパクトにまとめられたといった印象です。


☆ブィブィ  ('-^*)/


義理タッチ!!