ハイリンクス

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

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

関連記事

140110_1801
【Mobilizer】スマホ表示をPCで確認できるフリーエミュレーターソフト

Mobilizerはスマートフォンで表示されるサイトをパソコン上で簡単に確認でき …

140416_2101
WordPressでカテゴリーごとに広告表示を切り替える条件分岐タグのやり方

WordPressで広告を掲載しているんだけど、カテゴリーによってはマッチしない …

131223_2301
WordPressのRSS feedがエラー表示されているときの対処法!

当サイトではRSSフィードとIFTTT(イフト)を連携させてTwitterとfa …

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

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

131129_2201
【zenback】サイトへのアクセス数がアップ↑する魔法のブログパーツ

zenbackはサイト・ブログの記事下・サイドバーに設置することで、関連記事やソ …

140105_1903
Google Analytics(アクセス解析)をWordPressに導入する方法!

サイトを運営するにあたってアクセス解析は必ず導入しておきましょう。いつ誰がどんな …

131204_2301
facebookのLike Boxを作成・設置する方法

新規サイトはなかなか検索エンジン上位には食い込まないんですよね・・・でも、新規サ …

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

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

medium_192635773
Stinger3で記事中に広告やTwitterを入れスマホで見ると半分に切れているのを直す方法!

WordPressのテーマでStinger3を使用しているユーザーさんは今ではか …

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

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