ハイリンクス

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

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

関連記事

131220_2102
WordPressでソースコードをファイル毎に分けて管理する方法!これは断然ラク!

WordPressをインストールしたらデフォルト設定のまま使用するってことは(た …

131206_1901
【Open Graph Pro】facebookからのアクセス数がグン↑と上がるWordPressプラグイン

Open Graph ProはOpen Graph Protocolという、fa …

131217_2202
WordPressにビデオ動画を埋め込んでもwindow幅に合わせて自動でリサイズする神ワザ!

WordPressの記事中にyoutube動画を埋め込むときってこんな感じですよ …

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

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

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

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

141118_1904
エックスサーバーからワンクリックでWordPressの表示速度が高速化!

はてブをチェックしていたらこんな記事を発見しました。 レンタルサーバーの速度向上 …

140105_1803
WordPressにテーマ(テンプレート)をインストールする方法!

WordPressの初期インストールされているテンプレートってちょっとだけ見栄え …

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

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

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

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

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

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