Articles

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

facebook対応その1

こんにちは、おーちゃんです。

今日はfc2ブログでfacebook(OpenGraphProtocol)対応をしてみたという話です。

最近読んだ本に、単純に記事をfacebookに投稿するだけでは情報不足だよって話が有りました。

やるべきことはそうです

OpenGraphProtocol対応

早速やってみましたとも!
そしたら…結構ハマりましたのでそのへんも踏まえてかければなあと思います。

次のやつがheaderタグ内に追加するべきものです。

<!-- [Open Graph Protocol] -->
<meta property="og:title" content="<!--not_index_area--><%sub_title> - <!--/not_index_area--><%blog_name>">
<meta property="og:type" content="blog">
<meta property="og:description" content="<!--not_index_area--><%sub_title> - <!--/not_index_area--><%blog_name> <%introduction>">
<meta property="og:url" content="<%url><!--not_index_area-->blog-entry-<!--topentry--><%topentry_no><!--/topentry-->.html<!--/not_index_area-->">
<meta property="og:image" content="<%image>">
<meta property="og:site_name" content="<%blog_name>">
<meta property="og:locale" content="ja_JP" />
<meta property="fb:admins" content="<%author_name>">
<!-- [/Open Graph Protocol] -->


これを追加しておくことで、facebookが引用情報を拾ってくれるようになります。

お試しあれ。

さて、どんなところにハマったかというと
og:urlの部分です。

<%url><!--not_index_area-->blog-entry-<!--topentry--><%topentry_no><!--/topentry-->.html<!--/not_index_area-->

これ、本来だったら

<%url><%topentry_rlink>
とか
<!--topentry--><%topentry_link><!--/topentry-->

でできるのではないでしょうか。

ところが

わたしのサイトに一ヶ月更新がないからということで、
機械的に広告が載せられている関係で、
広告記事の部分までは%topentry_rlink%topentry_linkが書き換えられるという現象が発生!

コレはびっくりしました。
なので、ちょっと複雑な書方になりました。

この書方を教えてくれた記事あったので参考にさせて頂きました。

「1ヶ月更新なし広告」が表示された時のバグ回避

先人がいるってありがたいね。


次回はコメント欄をfacebookのソーシャルプラグインに置き換える方法です。

Navigations, etc.

Navigations

プロフィール

Oちゃん

ブログ内検索

ブロとも申請フォーム

この人とブロともになる

管理者ページ


FC2Ad

Template by Yuma's FC2ブログテンプレート

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。