Facebookコメント for WordPress – アプリ作成、コード統合、モデレーション

カテゴリ: , , /作成者:

Facebookのコメントは、ホームページやブログ、オンラインショップをより活気あるものにします。ユーザーがデータを入力したり、登録したりする必要はありません。WordPressのコメントをFacebookのコードに置き換えたり、交換したりすることで、ウェブサイトやブログ、ショップのインタラクションやユーザーのロイヤリティ、そして訪問回数が増加します。もちろん、埋め込み用のWordPressプラグインもあります。しかし、ちょっとしたコピー＆ペーストで、すべてを自分で行うこともできます。今日は、ビデオチュートリアルではなく、スクリーンショットを使った古典的な方法で、広告代理店がなくても、本当にすぐにできますからね。

Key Facts -
Facebookアプリを作成して使用
コメントコードの生成と埋め込み
開発者向けチュートリアルのスクリーンショット
WordPressとFacebookのコメント機能の交換
コード交換のスクリーンショット
ブログでのFacebookコメント機能

Facebookアプリを作成して使用

Tip!ここでは、Facebook広告に関するXXLガイドをご覧いただけます。この記事では、以下のことを学びます。

  1. Facebookアプリを作成して使用
  2. コメントコードの生成と埋め込み

まだfacebook for developersで自分のアプリを作っていない人は、これが最初のステップとなります。ここで登録して、アプリを作成するだけです。

コメントコードの生成と埋め込み

次のステップでは、自分のコードを生成します。これをheader.phpに入れることが重要です。WordPressでは、通常2つの方法があります。

  1. 一番良い方法は、テーマのバックエンドにコードを埋め込むことです。ほとんどのテーマは、バックエンドからの直接埋め込みに対応しています。そうすれば、テーマに変更を加える必要はありません。そのコードを、例えばGoogle Analyticsのコードがある場所に置きます。
  2. WordPressのバックエンドから「デザイン」→「エディタ」でテーマに直接入力します。その後、header.phpを開き、コードをきれいに、できれば<body>タグの直後に挿入します。
  3. お勧めです。子テーマでheader.phpのコピーを変更しておけば、テーマの更新時に問題が発生することはありません。

ここでコードを生成することができます。

生成されたコードはこのようになっています。そして、appIDはあなたの個別IDとなります。

<div id="fb-root"></div>。
<script>(function(d, s, id) {...
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/de_DE/sdk.js#xfbml=1&version=v2.8&appId=1453051238274088";
fjs.parentNode.insertBefore(js, fjs)となります。
}(document, 'script', 'facebook-jssdk'));</script>。

開発者向けチュートリアルのスクリーンショット

ここでは、すべての手順を個別のスクリーンショットで再度紹介します。

WordPressとFacebookのコメント機能の交換

スクリプトに加えて、ページのフロントエンドに埋め込むための小さなdivボックスも提供されます。ここでの手順は、スクリプトと同様です。single.phpを編集することだけです。テーマを使用している場合は、comments.phpなどにコードを記述する必要があります。私の例で言えばこのコードは、ページ内のあらゆる場所に配置することも、単一のページのみに配置することも可能です。コメント機能をそのまま置き換えます。単一のページにコメントを表示したい場合は、ブログ記事などに直接コードを挿入すればよい。これは、コメント機能をグローバルに変更する方法です。

重要なのは、グローバルバリアントのURL（私の場合は http://lukinski.com ）を次のように置き換えることです。

<?php echo get_permalink(); ?>。

  1. WordPressのバックエンドから「デザイン」→「エディタ」でテーマに直接入力します。ここで、single.phpファイルを開き、WordPressのコードを置き換えるか、削除します。
  2. お勧めです。ここでは、子テーマで同じように進め、single.phpのコピーを変更します。
<div class="fb-comments" data-href="<?php echo get_permalink(); ?>" data-numposts="5"></div>。

ほらね。

コード交換のスクリーンショット

私の例では、コメントコードはsingle.phpではなく、1つのcomments.phpに入っていました。これを私の子テーマにコピーして、コメントコード全体を新しいFacebookコメントに置き換えました。single.phpで作業する場合は、コメントコードのみを削除するようにしてください。例では、先ほど言ったように、comments.php全体を置き換えました。

ブログでのFacebookコメント機能

完成すると、全体がこんな感じになります。

Marketing Blog 🔥