カテゴリー
wordpress カスタマイズ

Facebook Recommendation BarをWordPressに導入する方法

Facebook Recommendation Bar

画面をスクロールしていくと出てくるFacebook Recommendation Barをwordpressに導入する方法。
CTRの向上に役立つと言われていますし、別に視界の邪魔にならないように表示されるので是非一度設置してみてください

Facebook Recommendation BarをWordPressに導入する方法

1.コードを取得

https://developers.facebook.com/docs/plugins/recommendations-barでコードを取得

Recommendations Bar

Domain:サイトのドメインを記入
Expand Delay:何秒後に表示させるかを記入(10秒程度がおすすめ)
Side of Window:右か左のページ下部に表示させる設定
Verb to Display:いいねボタンかおすすめボタンの表示設定(おすすめはrecommend)

2.wordpress用に設定変更

コードをwordpressように変更します。

<div class="fb-recommendations-bar" data-site="web-dezain.info" data-read-time="10" data-side="right" data-action="recommend" data-href="<?php the_permalink();?>" data-trigger="50%"></div>

追加した項目が2点

data-href="<?php the_permalink();?>"
data-trigger="50%"

data-hrefは記事のurlを設定
data-triggerは記事の何%を読んだ段階で表示するかの設定

好みに合わせて設定してみてください。

3.wordpressのテンプレートにコードをコピー

これでFacebook Recommendation Barの設定完了です。


コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です