FacebookページのLikeBoxが廃止になり、新しくPagePluginに

こちらでアメブロへのFacebookのバナーや、LikeBox設置の仕方のまとめていました。

しかし、LikeBoxが廃止され、新しくPagePluginになりましたので、改めて設置法を紹介します

FacebookページのPagePluginを設置

まずこちらのサイトで設置用のコードを取得します。

⇒ Page Plugin

・Facebook Page URLにFacebookページのURLを入力します。

・width(幅)、Height(高さ)、Show Friend’s Faces(ファンのプロフィール写真)、Hide Cover Photo(カバー写真)、Show Page Posts(投稿の表示)を設定し、「Get Code」をクリックします。

2つのコードが表示されます。

1つめはアメブロに既に入っていますので、2つめのコードをアメブロのフリープラグインにいれてください

これでサイドバーに表示されました。

※サイドバーの幅に合うようにPagePluginの幅を設定してください

記事下にPagePluginを設置

記事下にPagePluginがあるとクリックしてもらいやすくなります。

下記の「コード」の部分に代入して、これごとフリープラグインにいれます。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
$("div.articleText").append('コード');
}
); </script>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
の部分は既に挿入してれば不要

これで記事下にも表示させることができます。

携帯やスマホでは表示されません。

ブログ上でもFacebookページの存在を知ってもらうことは大切ですので、カスタマイズして表示させてみてください

フォローしてね

TwitterやFacebookでも発信しています

LINE@で友達になる