Pages

2012年10月30日火曜日

BloggerにFacebookコメントシステムを設置した



@suniです。いつもご覧いただきありがとうございます。

大好評発売中の英語レシピ🍱→■■■
レシピを元にメイドが作った和食の写真📷→■■■
ブログ村のランキング💕→■■■
これに続き、Facebookコメントも入れてみた。そういえばこのブログ、コメント欄なかったしw
ものすごく手こずったけどなんとかイケた。。。ふぅ。。。


(1)設置した

BloggerにFacebookコメントシステム(HTML5版)の設置


しかーし。
どうしてもうまくいかないところのが1箇所あって(Bloggerでエラーが出て通らない)、そこは自分でなんとかした。

ここの記述。

js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";

Facebookから取得したソースだとappIdの記述がこの後ろに続く。

js.src = "//connect.facebook.net/ja_JP/all.js#xfbml=1&appId=ほにゃらら";

なので、appIdを追記してBloggerにコピペしようとしたが、うまくいかない。。。ぐぬぬ。。。
appIdなくても通るんだけど、appIdがないとコメント管理云々ができない。。。



そこでふと神が降臨したのだが、関連モジュールのプラグインを追加した際の記述が
js.src = "//connect.facebook.net/ja_JP/all.js#xfbml=1&appId=ほにゃらら";

だったので、なんとなくそれに合わせて

js.src = "//connect.facebook.net/ja_JP/all.js#xfbml=1&appId=ほにゃらら";

としたら通った。マジか。


(2)Facebookコメントの管理設定を追加した

なにやらコメントを便利に管理できるらしく、これ見てやってみた。
BloggerにFacebookの新コメントシステムを実装する(その2)



(3)Facebookコメント通知設定を追加した

ノーティフィケーションも来るらしく、これ見てやってみた。
ブログに設置したFacebookコメントに書き込みがあったら、通知が来るようにする設定




(4)反映されないよ!

ひと通り終わったはずなのだが、2の設定後もなかなか反映されない。これはやり方が間違っているのか…???
と思ってまたネットの海をさまよってたら、URLリンター通せばすぐ反映されることがわかった。過去にもキャッシュが残ってて苦しんだ経験が何度もあるのに、そのたびにURLリンターの存在を忘れててこういうことになる。

Facebookのコメントプラグインに管理者用の画面を表示させる方法をまとめてみた。


という訳で、無事終わった…
これだけで3時間くらい費やした気がする…
アホだ…




ランキングに参加しているので、ポチっていただけると励みになります😊

にほんブログ村 海外生活ブログ マレーシア情報へ
にほんブログ村


ありがとうございます😊

最後に宣伝です!和食の英語レシピを販売中!




英語で書いた和食のレシピを販売中です!お陰様で好評をいただきまして、すでに40名以上の方に購入いただきました。
「誰が作っても同じ味にするための再現性」を追求し、各工程の写真も貼って、とにかく「わかりやすさ」にこだわっています😊

外国人の友人や配偶者がいる方、メイドに料理も作ってもらえると助かるな〜という方はこの機会にぜひ😊
日本の家庭料理がメインで、韓国料理も少し、日本人向けの離乳食レシピもあります。すべて、我が家のメイドが一度は調理済みで、夫(日本人)の試食も済んでいて問題ないことを確認しているものばかりです。

販売開始時点で100ちょいだったレシピが、2019年10月31日時点で160を超えました。これからもどんどん増えていきます。 一度購入いただいたらこの先増えていくレシピもご覧いただけます。

詳しくは画像をタップ(またはここをタップ)でどうぞ!


関連リンク by Google



関連リンク by Milliard