[まとめ] BloggerのOGP対応とFacebookコメント欄の追加

やろうやろうと思っていてずっと放置していたBloggerのOGP(Open Graph Protocol)対応。

うっすい知識でどうやって対応させればいいのか試行錯誤しました。
とりあえずの「いいね」ボタンとコメント欄の設置ができたので、今までFacebook側でいいねされていた方、今後は各記事最下段から「いいね」していただけると嬉しいです!

今後のために参考にしたサイトを備忘録的にスクラップ。
ただ、Blogger対応の情報があまり無く、さらにHTML5についての記載も無く、いろんなところでつまづいてしまいました…

しっかり設定できているのか結局分からぬまま終わりましたが、とりあえずFacebookのコメント欄はちゃっかりつけることができてよかった。
なぜか「og:description」の設定がうまくできず、エラーの原因が対処しきれなかったので諦めました。ここら辺が知識の薄い人の壁ってやつです。笑
まぁFacebookのOGPの仕様もコロコロ変わるみたいなので、ダメならダメでという緩い気持ちで。そんな備忘録。

知っておきたいFacebookのOGPをBloggerに対応させる活用法 | Will feel Tips知っておきたいFacebookのOGPをBloggerに対応させる活用法 | Will feel Tips

前回の記事『自分の指定した任意の場所でJavascriptを実行させる Tipsまとめ』の中で、Javascriptを活用したSNSシェアボタンの設置を紹介しました。

フェイスブック、ミクシィ、グリーで使われている OGP (Open Graph Protocol) とは何か - IT戦記フェイスブック、ミクシィ、グリーで使われている OGP (Open Graph Protocol) とは何か – IT戦記

そんな中で、今後重要になってくるんじゃないかと思われる OGP (Open Graph Protocol)と言われる仕様があります。今日はそのことについて書いてみたいと思います。

月間10万PVに貢献!Facebookからのアクセスを5倍に増やす方法 | gadget or gimmick月間10万PVに貢献!Facebookからのアクセスを5倍に増やす方法 | gadget or gimmick

Open Graph Protocol。 プロトコルなんていうと難しそうですけどね。 簡単に言うと、サイトマップみたいなものです。

BloggerをOGPに対応させるときのog:imageをなんとかする : たき備忘録BloggerをOGPに対応させるときのog:imageをなんとかする : たき備忘録

BloggerをOGP(Open Graph Protocol)に対応させるときに問題になるのが「og:image」です。この「og:image」には、記事内で使われている画像や、記事のサムネイルを指定するのが一般的です。

デバッガー - Facebook開発者デバッガー – Facebook開発者

Enter a URL to see some helpful feedback about your page markup. Enter an access token to see its expiry and user.

ふじけんでおk: OGPを設定しました(settings)ふじけんでおk: OGPを設定しました(settings)

Blogger を Facebook に対応させる方法 Bloggerのデザイン、HTMLの編集で、「ウィジェットのテンプレートを展開」をチェックした後、下記の2つの変更を加えました。

Jappsブログ: BloggerにFacebookの新コメント機能を導入しましたJappsブログ: BloggerにFacebookの新コメント機能を導入しました

Facebookで発行されるたった数行のコードを貼りつけるだけで、誰もが簡単にFacebookのコメント機能を導入することができるようになりました。

BloggerにFacebookの新コメントシステムを実装する :: SUPER BLOG.JPBloggerにFacebookの新コメントシステムを実装する :: SUPER BLOG.JP

Facebookの新しいコメントシステムが面白い。 こっち(Blogger)でコメント書いても。 あっち(Facebook)でお返事をもらっても。 双方向で書き込みが表示され読むことが出来ますな。

Facebookコメントの設定ではモデレーターを指定するのをお忘れなく | HappyQualityFacebookコメントの設定ではモデレーターを指定するのをお忘れなく | HappyQuality

このブログにもFacebookのコメントプラグインを設置しているのですが、せっかくコメントを頂いても気づかないことがあって困っていました。


シェアする

フォローする