Articles

スポンサーサイト

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

facebook対応その2

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

facebook対応第2弾

コメント欄をfacebookにしよう

次のコードを追加することで出来ました。

<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/ja_JP/all.js#xfbml=1&appId=アプリケーションID";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-comments" data-href="<%url><%topentry_rlink" data-width="470" data-num-posts="2"></div>


アプリケーションIDを自分で登録したアプリケーションIDに変更することで全てOK。

やるにあたって参考にさせて頂いたのがここ
FC2ブログでFacebookコメントを追加する方法(メモ書き) 日建学院名古屋校 システム課 - Blog

...続きを読む

スポンサーサイト

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が引用情報を拾ってくれるようになります。

お試しあれ。

...続きを読む

Navigations, etc.

Navigations

プロフィール

Oちゃん

ブログ内検索

ブロとも申請フォーム

この人とブロともになる

管理者ページ


FC2Ad

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

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