いま話題の、ブログを今までより多く読んでもらえるようになるかもしれないFacebook純正のソーシャルプラグイン
『Recommendations Bar』ですが、
『Recommendations Bar』ってなんぞ?
という方もいるかも知れません。
『Recommendations Bar』とは【Facebook、Webサイト内コンテンツ推奨プラグイン「Recommendation Bar」を発表】より引用
Recommendation Barは、読者が表示したコンテンツページの右下に表示され、クリックするとポップアップして表示しているコンテンツと関連性の高いWebサイト内の他のコンテンツをレコメンド(お勧め)する。このお勧めには、Facebookの他のソーシャルツールと同様に、ユーザーの友達の誰がお勧めしているかも表示される。
という、ブロガーには嬉しいツールです。
こちらが正式にリリースされたということなので、早速設定をしてみました!
と、その前に重要な準備が必要です、
Facebook(フェイスブック)アプリIDをお持ちでないかたは、必要になりますので取得しましょう!
Facebook(フェイスブック)アプリIDがあれば、ブログに”いいね!”Boxを設置できたり、その他色々とfacebookと連携がしやすくなりますので
是非オススメです!
Facebook(フェイスブック)アプリIDの取得方法について – コムログクラウド マニュアル – 安くて簡単 中小企業様向けホームページ作成サービス 格安で効果的なホームページ制作 コムログクラウド
準備が完了しましたね、では、早速行きましょう。
ブログに『Recommendations Bar』を設置方法する方法
まず、『Recommendations Bar』提供サイトへ行きます。
Recommendations Bar – Facebook開発者
こちらで、以下の項目を丁寧に設定します。 ↓
1. URL of the article設置するページのURLを入力。
記事のURLを入力するのですが、エラーが出るので後で設定します。
とりあえず自分のサイトURLでも入れておきましょう。私の場合は『https://tetumemo.com』です。
2. Triggerプラグインが現れるタイミングの指定。
表示タイミングはどうするかです。「Onvisible」はコードの掲載位置までスクロールした時点、「X%」は画面のスクロール度合いで指定、「manual」はよくわかりません。私は「X%」を60%くらいにしてます。
3. Read Time指定した秒数後プラグインが展開されます。
50秒くらいに設定中
4. Verb to display「いいね!」か「おすすめ」の2つから選ぶ。
likeに設定
5. Side表示位置を右か左か選ぶ。
rightに設定
6. Domain設置するサイトのドメインを入力
tetumemo.comと設定
7. 「Get Code」でコードを取得
あとは取得したコードをWordPressであれば、取得コードにちょっと手を加えてからheader.phpとfooter.phpに貼り付けましょう。
取得コードにちょっと手を加える。
先ほど”URL of the article”の設定のところで自分のURLを入れていたと思うのですが、ここを改変します。 ↓
自分のURLを消して<?php the_permalink(); ?>を入力しましょう ↓
これで後はWordPressのテーマ編集でheaderとfooterに貼り付けるだけです。
WordPressテーマ編集
まずは、一番上の長いコードをheader.phpに貼り付け
次に下の短いコードをfooter.phpに貼り付け ↓
以上で設置完了です。
こんな感じで表示されます。
右下に、にょきっ!とね♪ ↓
最後に
昨日の夜に設置したばかりなのでまだまだ効果はわかりませんが、
とりあえず、ブログに来てくれた人が少しでも多く滞在してくれることを願っております。
設置は簡単ですので、話題のソーシャルプラグイン『『Recommendations Bar』オススメです。
(ちょっと右下に表示され続けるのは人によっては気になるかもです・・・)
では、また!
参考サイトはこちらです。
ブロガーは要チェック!サイト滞在時間と直帰率が約10%改善するって噂の「Recommendation Bar」を導入しました。 * 男子ハック
CTRは3倍!Facebookの新ソーシャルプラグイン「Recommendation Bar」が正式リリース | ihayato.news
【クリックスルー率が約3倍ということなので】WordPressにFacebookの「Recommendations Bar」を設置しました | 今村だけがよくわかるブログ
[豪]:ブログの直帰率と滞在時間を改善する「Recommendations Bar」をlivedoor Blogに設置する方法
[み]滞在時間がのびるというFacebookの「Recommendation Bar」を入れてみる | みはら.com