WordPressの既存のコメント欄をfacebookコメントに実装する方法

顧客のコミュニティ化を構築していく最も優れたツールはfacebookです。

よってメインの情報ポータルサイトとなるWordPressサイトにはfacebookと連動させる仕組みを何重にも作ります。

その一つがコメント機能です。

WordPressにはデフォルトでコメント機能が実装されていますが、それをfacebook専用のコメント欄に入れ替えます。

入れ替える目的はやはりfacebookユーザーの獲得と共に情報のfacebook内での拡散です。WordPressに最初から実装されているコメント欄は誰でもコメントが出来ますが、ただコメントされただけで終わります。それに比べてfacebookのコメントシステムを使うことにより、その記事がコメントしてくれた人のニュースフィードに表示されますので情報の拡散が起こる可能性が生まれます。

情報の拡散、これが最も大きなメリットです。

WordPressに備わっているデフォルトのコメント欄から、facebook専用のコメント欄にする方法は簡単です。以下の解説通りに作業すれば、慣れている人では5分程度で入れ替えることが出来ます。

facebookコメントのコードを取得する

facebookが用意してくれているfacebookコメントプラグイン取得ページから、コメント欄を表示するコードを取得します。

設定を3か所します。

fc_1

1.自社サイトのULRを記入
2.コメント欄の幅サイズの設定(ブログメインカラムのサイズ)
3.コメントを表示させる件数

ページの【Get Code】を押してコードを生成させます。2つのコードが表示します。

fc_2

WordPressへの実装

まず①のコードを、header.phpの中にある※<body>の直下にコピー&ペーストします。※デフォルトのテンプレートだと<body <?php body_class(); ?>>です。

②のコードですが一部書き換えを行います。

「http://happy-samsara.com/(自社URL)」を「<?php the_permalink(); ?>」に書き換えます。これを書き換えておかないと各ページでのコメントが同一のものとなってしまいます。

<div class=”fb-comments” data-href=”http://happy-samsara.com/” data-width=”640″ data-numposts=”10″></div>

<div class=”fb-comments” data-href=”<?php the_permalink(); ?>” data-width=”640″ data-numposts=”10″></div>

次に、デフォルトのコメント欄を表示する<?php comments_template( ”, true ); ?>というコードを、先ほどのコードに置き換えます。

編集するのは「外観」→「テーマ編集」→「単一記事の投稿(single.php)」です。

1

これで出来ました(^^ok

fc_3

このコメント欄はfacebook利用者でログインしている状態時のみ書き込みが出来ます。コメント欄に書き込めば、このように表示されます。

fc_4

そしてブログに書き込んだ書き込みは、その書き込んでくれた人のfacebookのニュースフィードに出現することになります。これが従来のコメントには無い、情報の拡散を生むコメントになるということです。

fc_5

これがWordPressの凄いところね(^。^)y-.。o○

The following two tabs change content below.
牛(うし)
牛(うし)
最後までお読み頂きありがとうございました。内容は参考になりましたでしょうか?ご感想ご意見などありましたら【こちら】からお気軽にアクセス下さい。またこのサイトの更新情報をスマホで受けて頂ける場合は【こちら】をクリックして登録して下さい。
 

関連記事

  1. ブログ記事に張り付けたYouTube動画がはみ出す解決方法

  2. facebookの投稿タイプによるリーチ数の違いの検証

  3. WordPressとGoogleアナリティクスとを紐付けする方法

  4. サロン向けWordPressサイト構築デモ(1)

  5. WordPress標準記事タイトルとAll in one SEO pa…

  6. サロン向けWordPressサイト構築デモ(2)

  7. フェイスブックをビジネスで使い倒す12の方法

  8. facebookページの解析方法

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

アーカイブ

ご訪問ありがとうございました!

  • 67現在の記事:
  • 48今日の訪問者数:
  • 72今日の閲覧数:
  • 52昨日の訪問者数:
  • 83昨日の閲覧数:
  • 42666総訪問者数:
  • 54637総閲覧数:
  • 53一日あたりの訪問者数:
  • 1現在オンライン中の人数:
  • 2016年5月25日カウント開始日: