Facebook「フィード購読」ボタンの設置方法

      2014/11/04



2011/12/09、Facebookの「フィード購読」ボタンが外部サイトに設置できるようになりました。

「フィード購読」ボタンをクリックすると、ボタンを設置したFacebookユーザーの一般公開の投稿が、購読者のニュースフィードに表示されるようになります。

たとえば有名人や、ブロガーなど広く情報を共有したい人に対して使えます。このフィード購読ボタンの設置方法を紹介いたします。


フィード購読を許可の設定


1.Facebookのプロフィールから「フィード購読」を選択「フィード購読を許可」します


もしくは、「フィード購読
こちらのページから「フィード購読を許可」をクリックします。


2.フィード購読の設定を編集


公開した投稿に対してのコメントやお知らせ表示を設定します。

後で設定を変更したい場合
  1. プロフィールから左側のメニューにある[フィード購読者]リンクをクリック
  2. 右側にある[設定を編集]ボタンをクリック
  3. [フィード購読の設定を編集]で変更や購読をオフに設定できます。

「フィード購読」ボタンの作成


Subscribe Button - Facebook開発者
↑こちらのページで作成を行います。


Profile URL:自分のFacebookプロフィールページのURLを入れます。
Layout Style:「standard」「button_count」「box_count」で好みのスタイルに設定します。
Show Faces:チェックを入れると、購読者のアバターが表示されます。
Color Scheme:「light」「dark」から自分のサイトのテーマカラーに合わせます。
Font:日本語の場合、特に触らなくてもOK
Width:横幅をpx単位で変えることができます。

設定が終わったら、「GetCode」をクリック


HTML5、XFBML、IFRAMEの中から自分のサイトにあったものを選択してください。

BloggerでのFacebook「フィード購読」ボタンの設置


HTML5、XFBMLのScriptタグの設置方法とOGPの設定は下記を参照下さい。

FacebookのOGPをBloggerに対応させる方法


HTML5を使ってボタンを設置します。

ページ下部のシェアボタン下へ設置するSample

ダッシュボードからデザイン>HTML の編集「ウィジェットのテンプレートを展開」にチェック
</span> <div class='post-share-buttons goog-inline-block'>
        <b:if cond='data:post.sharePostUrl'>
          <b:include data='post' name='shareButtons'/>
        </b:if>

<br>
<div class="fb-subscribe" data-href="https://www.facebook.com/ichitaso" data-show-faces="false" data-width="450"></div>

      </div> </div>
この部分の「<b:include data='post' name='shareButtons'/>」がデフォルトのShareボタンになります。</div> </div>で囲んである部分の前にCodeを入れてあげるとボタンが表示されます。

Facebook「フィード購読」の使い方



発信したい情報を公開にして投稿すると、購読している人のニュースフィードに情報が流れます。

相手が友達ではなくても、興味がある人からの情報を入手できるため、今まで閉鎖的であったFacebookのニュースフィードの幅が広がります。

配信者はプライベートな情報を一般公開にしなければ購読者へ伝わることはないので、公開したい内容のものだけ一般公開にすればFacebookユーザーへの情報提供が容易に行うことができます。



常に配信者として情報共有したい場合

画面右上の▼からプライバシー設定でデフォルトの共有範囲を公開でOK

このように簡単に設置できるので、Facebookページよりも気軽に情報共有することができます。

ぜひ、ぼくの個人アカウントも購読してみてください!

 

この記事が気に入ったら
いいね!しよう

最新情報をお届けします

Twitter でWillFeelTipsをフォローしよう!


  関連記事

Blogger カスタマイズ Tipsまとめ

Google Bloggerを始めてからカスタマイズした内容を、備忘録と情報共有 ...

Bloggerを便利に利用する方法 Tipsまとめ

実際にBlogを書くときの作業効率UPと記事の見栄えを良くする方法など、Goog ...

あなたのBlogもアクセスアップ!ソーシャルメディアとSEO効果の関連性とBloggerでの対策

Blogは第三者への自己表現手段であり、記事にした後にレスポンスがあれば良くも悪 ...

FacebookのOGPをBloggerに対応させる方法

前回の記事『自分の指定した任意の場所でJavascriptを実行させる Tips ...

【32円でOK】独自ドメインを使ってbitlyの短縮URLを自分のものにしよう!

Twitterの誕生から大きくサービスが拡大した短縮URL。 みなさんもbit. ...

 - Blogger, Facebook, WordPress