ハイリンクス

WordPressのプラグインやオススメツール・ソフト、その他実際に使ってみて「コレだ!」というものをご紹介

【Recommendation Bar】いいね!の多い記事が表示されるfacebook公式プラグイン

      2014/01/12

131206_2304

Recommendation Barは表示されている記事の下に、いいね!が押された記事を表示させるためのfacebook公式プラグインです。

スポンサーリンク

これを導入していると、今見ている記事以外の「いいね!」が多い記事(人気がある記事)を見ることが出来きます。

そうすることによりサイトのPVが増えて、滞在時間や直帰率も改善されます。

WP Facebook Recommendation BarというWordPressプラグインもあります。両者とも設定が簡単ですが(App IDを持ていないとちょっと大変)、プラグインをインストールする必要がないのがメリットです。

 

facebook公式プラグインを使用するためにはapp IDの取得が必要となります。

こちらの記事を参考にして取得して下さい。
Open Graph Proの設定方法

app IDを取得したらこちらのページに移動して下さい。
https://developers.facebook.com/docs/plugins/recommendations-bar/

 

必要事項を入力して下さい。

131206_2302

Domain・・・サイトURL

Expand Delay・・・ページが表示されてから何秒後にRecommendation Barを表示させるか

Side of Window・・・Windowを左下か右下か

Verb to Display・・・Like(いいね)かrecomend(おすすめ)

 

「Get Code」をクリックすると下記のような画面が表示されます。

131206_2303

 

2つのコードを挿入する場所ですが、WordPressならsingle.phpのどこにでも挿入すれば問題無いと思います。

 

下のコードには追加で情報を入れることができます。
必要に応じてdata-xxx=”xxx”をコードに挿入しておきましょう。

 

data-action・・・likeかrecommendの表示

data-href・・・WordPressなら<?php the_permalink(); ?>を入力

data-max-age・・・どれくらいの期間の記事を表示させるか。1-180日間か制限なし。

data-num-recommendations・・・Barに載せる記事の数。最大5記事。

data-read-time・・・ページが開かれてからBarを展開するまでの時間。

data-ref・・・よくわからないけど使用しない。

data-side・・・Barを左下か右下のどちらに設置するか。

data-trigger・・・ページをどれくらいスクロールしたらBarを展開させるか。パーセントで表示させる。

 

まとめ

心理学的に誰かが「いいね!」を押した記事、そして「いいね!」が多い記事は良く見られるので、こういったプラグインはどんどん導入したほうが個人的にはいいと思います。

Recommendation BarはWordPressプラグインではないので、プラグインが多くなって困るという人にもRecommend出来ると思います。

 - Facebook, WordPress


  • このエントリーをはてなブックマークに追加

Message

メールアドレスが公開されることはありません。

関連記事

131221_1302
Vertacalタイプ(箱型)のソーシャルメディアボタンをプラグインなしで実装する方法!

サイトにソーシャルメディアの共有ボタンがあるとないとでは記事の拡散にかなりの違い …

medium_8663075893
WordPressの記事公開前に「いいの?」と警告メッセージを表示する方法

WordPressでサイト・ブログを作成しているなら一度は経験したことがあるあれ …

medium_9044771759
WordPressのビジュアルリッチエディタとテキストエディタが表示・使用できないときの対処方法

この記事を書く一つ前の記事にてビジュアルリッチエディタとテキストエディタがまった …

131110_2301
プラグインなしでmoreタグ部分にアドセンス広告を挿入する方法

Google AdSenseの配置でクリックされやすい効果的な配置場所として「記 …

140319_2202
これだけ?.htaccessに3行コードを追加するだけでWordPressが高速化!

ボクのサイトは記事数がまだまだ100ページと少なく、画像もTinyPiNGやJP …

131126_2105
【Wordbooker】更新記事を自動でfacebookページに投稿するWordPressプラグイン

WordbookerはWordPressで更新した記事をfacebookページに …

medium_4167966264
初心者さん必読!サーバー契約から記事投稿(WordPress)までの流れ

ウェブサイトを全く作ったことがない人にとっては何から始めていいのか?わからないこ …

131220_2101
Sharebar不要!スクロール追従するソーシャルメディアボタンを実装する方法

サイトを拡散させるためにソーシャルメディアボタンを使用するのはもはや当たり前の時 …

medium_5598172
WordPressでの記事の投稿方法を簡単にまとめました!

WordPressでの記事投稿方法をご説明していきます。 今まで無料ブログで記事 …

141122_2101
Font AwesomeアイコンをCSSを使ってWordPressサイトに表示させる

Stinger5では記事公開日やカテゴリーなどのアイコンがデフォルトでFont …