Facebook Recommendations Barをカスタマイズする方法

FacebookRecommendationsBarが先日Facebookから正式にリリースされました。 導入の仕方は以下の記事を参考にしてください。

CTRは3倍!WordPressにFacebook Recommendation Barを導入する方法

よくよく公式ドキュメントを読むとこのRecommendationsBarはカスタマイズ出来ることに気づきました。

カスタマイズすると、普通のやり方では、おすすめされる記事が2つなのに対し、1〜5つの間から選ぶことが出来るようになります。
また、何日前の記事の中からおすすめ記事を選択するか、ということも出来るようになります。

やり方はコピーしてきたコードに以下の項目を追加するだけです。

◯ num_recommendations – 記事を何個表示するかを決定します。 1〜5の間で数字を決めることが出来ます。デフォルトでは2個

◯ max_age – 何日前の記事からおすすめを選んでくるかを決定します。1〜180日の間で決めることが出来、デフォルトでは0日(つまり日にちは気にしない)

コピーしてきたコードは以下のようになっています。

<div class="fb-recommendations-bar" data-href="tagamidaiki.com" data-trigger="70%" data-read-time="10" data-action="like" data-site="tagamidaiki.com"></div>

このコードに上記の項目を追加しましょう。

<div class="fb-recommendations-bar" data-href="tagamidaiki.com" data-trigger="70%" data-read-time="10" data-action="like" data-site="tagamidaiki.com" num_recommendations='5' max_age='150'></div>

上のコードで設定したのは次の2つです。

  • おすすめ記事は5つ表示する
  • 150日前までの記事からおすすめ記事を選択する

便利なカスタマイズ方法なのでFacebookRecommendationsBarを導入している人はやってみてください。

参考記事

Recommendations Bar – Facebook公式ドキュメント

CTRは3倍!WordPressにFacebook Recommendation Barを導入する方法

この記事を良い!と思った人は「いいね!」または「ツイート」をして友達に教えてあげてください。
また何かわからないこと、質問等ございましたら、下のコメント欄、またはリプライ(@DAI199)までお願いします。