ページや記事にいいねボタンを表示するFacebook Like

概要

自動的にFacebookのLikeボタンを記事に表示させます。

手順

[1]Facebook ApplcationIDを取得していない場合、プラグイン利用の際、先に取得する必要があります。

アプリケーションを作成 – Facebook開発者
よりサイト名:サイトURLを入れて取得する

[2]表示されている文字を入力して、送信。

security_pic7

[3]取得が完了すると

facebookidget

が表示されます。
設定のID欄がFacebook Likeの設定で必要なIDです。

[4]管理画面よりインストール

FacebokLike_install

[5]プラグインを有効化したら

管理画面 > 設定 >FacebooklLike

[6]Facebook Application ID を設定する

事前にFacebook Application ID を取得していない場合はinfoをクリック

[7]完了すると

こうなります。
facebooklikefinisthpic9

Display Display the button on pages :ボタンをページに表示
Display the button on the front page (home) :ボタンをホームに表示
Display the button on the Single post page : ボタンを投稿記事のページに表示

Place in content Bottom : 設置場所を一番下にする
Top : 設置場所を一番上にする
Facebook Application ID FacebookのアプリケーションIDを入れる
Facebook Application ID For meta 自動生成される<meta name=”fb:app_id” content=”” />のcontentを指定
Size width,Height :iframeの幅と高さを指定

Design Layout standard,button count, box countからデザインを指定
Show Faces :プロフ写真を表示するか
Verb to display :likeボタンに表示させる文字を選択
Font :likeボタンに表示させるフォントを指定
Color: likeボタンの色合いを指定

Preview 設定状態をプレビュー

「ページや記事にいいねボタンを表示するFacebook Like」への1件のフィードバック

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>