WordPressカスタマイズ

[WordPress]Facebookコメントをブログに設置してみました!はまったことなど覚え書き

更新日:

facebook-logo
facebook-logo / Anoka County Library

@Mori2ndです。

Facebookページを作成したのを機にブログへFacebookコメントを設定してみました。

いろいろと試行錯誤した事もありますので、覚え書きとしてシェアさせていただきます。

スポンサードリンク

Facebookコメントを設置するための手順

1、Facebook開発者ページでアプリの登録をします。

Create New App | Facebook DEVELOPERS

 

2、コメント欄のソースを取得して、ブログに貼り付けます。

Comments | Facebook DEVELOPERS

上側の「appId」は取得したApp IDになります。コードを表示した時点で、すでにセットされていました。

下側はWordPressの個別リンクを取得するコードを指定して「data-href=”<?php the_permalink(); ?>”」と後から修正したらOKです。

 

3、コメントモデレーションツールを利用したらコメントを一括管理できて便利。

Comment Moderation Tool | Facebook DEVELOPERS

というわけで、手順を追って登録していきました。

 

詳しくは@isloopさんの『和洋風◎』に書いてあります。とても参考にさせていただきました。続いて、私のはまったところをご紹介します(^^ゞ

MovableTypeとWordpressにFacebookコメントを設置する方法。 | 和洋風◎
かねてより評判のいいFacebookコメントを使ってみることにしました。 ...

はまったところ

・個人アカウントじゃないとアプリの登録ができない

最初にFacebookページを作成しましたが、このアカウントではアプリの登録ができませんてした。

それならと思いここから個人アカウントを作成しようとしたところ、それもダメ。

結局、別のメールアドレスを利用して個人アカウントを作成。自分のFacebookページに「いいね!」をすると管理人として選ぶことができるようになりました。

管理人として登録した後は、個人アカウントからの「いいね!」を取り消しても大丈夫なようです。

 

・コメントに警告が出てる

アプリの登録をして、Facebookコメントを設置するところまでは上手くいきました。

ところがコメント欄を見てみると警告メッセージが出ていたのです。

警告メッセージがでないようにするには、アプリの登録画面でドメイン名を入力しないといけないという情報までは入手できました。

アプリの登録画面に移動して、ドメイン名を入力するとこちらでも警告メッセージ。

いろいろ調べましたが、Facebookの仕様って結構変わるようなので、該当しそうな情報が見つかりませんでした。

試行錯誤した結果、「ウェブサイト」のところに自分のブログのURLを登録してから、ドメイン名を入力するとそのまま登録できました。

登録が終わると警告メッセージは消えていたのでOKですね!

 

・コメントの公開と返信ができない

ブログにコメントをしてくれた方がいらしゃったので、嬉しい限りです。そこで、さっそく返信してみようとしたら、返信ボタンが見当たりません。

、ブログ内にコメントが表示さていなかったので公開したらいいかなということで、コメントモデレーションツールからやっていみることにしました。

▽「モデレーションを行う」>「コメントを承認」

ここからですが、コメントを承認すると「このコメントは公開されています。」と表示されるので、すでに表示されているのかと思って、そのまま「元に戻す」をクリックしていたのです。。。

当然、「元に戻す」なので、コメントは公開されません。

気づいたら何のことは無いのですが、私と同じことを繰り返す人がいないように記しておきたいと思います。おそらく、いないと思いますが^^;

再び、「公開コメント」を選ぶとこのように表示されます。ちゃんと「返信」も表示されてますね!

おわりに

無事にFacebookコメントが設置できて、コメントの管理もできるようになりました。

Facebookは仕様が少しずつ変わっているようなので、これからコメント欄を設置しようとされている方の参考になればうれしいですね!

関連:Facebookページ作成しました!参考にしたサイトまとめ | Mori2nd. com

スポンサードリンク

ピックアップ記事

1

機種変更時に最適なiPhoneのバックアップ方法をご紹介しています。iCloudバックアップではなく、iTunesの暗号化バックアップから復元することでスムーズにデータ移行できます。各アプリのIDやパスワードも引き継ぐにはこの方法がおすすめですよ。詳しい手順も解説していますので、ぜひ参考にしてみてくださいね。

iPhone・iPadのAirDropの使い方を解説 2

iPhone・iPadなどApple製品同士で使えるAirDropはデータの受け渡しにとても便利な機能です。写真・動画・PDFなどのコンテンツを送受信する方法と利用する際の注意点も合わせてご紹介します。

3

AUKEYのUSB充電器「72W ACアダプター PA-Y12」を購入してみました。最大60WのUSB Type-C PD(Power Delivery)対応でワット数の異なるパソコンにもパワフル充電。追加のUSB-Aポート2つでスマホやタブレットの充電にも大活躍。使ってみた感想をご紹介します。

4

パソコン内のデータ整理とバックアップ目的でポータブルハードディスクを購入してみました。それがウエスタンデジタルの「WD Elements Portable」です。大容量なのに小さくて収納や持ち運びが楽です。商品の特徴や使ってみた口コミもご紹介します。

5

快適なパソコン作業環境を求めて21:9ウルトラワイドモニターを購入してみました。それがLGエレクトロ二クスの「29UM69G-B」29インチです。1枚のディスプレイでスクエアタイプのモニター2枚分の広さを実現。ウィンドウを並べての作業が捗りますね!商品の特徴や使ってみた感想をご紹介します。

-WordPressカスタマイズ
-, , ,

Copyright© ディライトモード , 2019 All Rights Reserved.