Facebook

[facebook]シェアボタンの対象URLを動的に変える

facebookのシェアボタンの対象URLを
jquery.socialbuttonを使って変えようとしたらうまく行かなかったので、対応方法をメモ。
socialbuttonメソッドを呼び出す前に下記を実行すればよい。

window.FB=undefined;

うまく行かないサンプル

うまく行くサンプル

参考サイト
jQuery.socialbutton プラグインを作ったよ | アイトランス株式会社
http://itra.jp/jquery_socialbutton_plugin/

[Facebook]いいね!、シェアのサムネイルを動的に変える

タイトル通り
phpでmetaタグを書き変えてるだけ

サンプルfacebook TEST

こんな感じ

<meta property="og:type" content="article" />
<?php
$a="/facebook/03/";
$b=$_GET['num'];
echo '<meta property="og:title" content="FacebookTEST 0'.$b.'" />';
echo '<meta property="og:url" content="'.$a.'index.php?num='.$b.'" />';
echo '<meta property="og:image" content="'.$a.'image/a_0'. $b .'.png" />';
echo '<meta property="og:description" content="説明文 0'.$b.'" />';
?>

サムネイルが出ないとき、投稿時は出てるけどウォールで出ないときがある。
・この現象は原因がわからない。
・上記サンプルでは10回に1回くらいの確率で発生している。
・og:imageで指定する画像をpngからjpgにしたら直る? サンプルfacebook TEST S jpg
・もし固定URLならfacebookのサーバにサムネイルがキャッシュされているので
 下記参考サイトでURLを入れてデバッグをクリックすればキャッシュをクリア出来る。
・metaタグをphpで書き出しても、htmlファイルに書いてあってもこの現象には関係無さそう。
・画像のサイズを大きくしてもあまり関係無さそう。
 むしろ画像が大きいほうが失敗する確率が高いような気がする。 サンプルfacebook TEST L
・ただ単にfacebookのサーバの調子が悪いだけ?

参考にしたサイト
Debugger – Facebook開発者
http://developers.facebook.com/tools/debug

[Facebook]shareボタン

新年明けましておめでとうございます。
2011年一発目は小ネタです。
Facebookのshareボタンを押したときに表示される
サイトの情報を指定する方法とサンプル。
参考にしたサイトに全部書いてあります。

1)htmlタグの属性を追加する

<html xmlns="http://www.w3.org/1999/xhtml" xmlns:og="http://ogp.me/ns#" xmlns:fb="http://www.facebook.com/2008/fbml">

2)metaタグを追加する

<meta property="og:title" content="FacebookShareテスト frasio report タイトルタグ" />
<meta property="og:type" content="article" />
<meta property="og:url" content="/facebook/02/" />
<meta property="og:image" content="/facebook/02/image/facebookshare.jpg" />
<meta property="og:description" content="白い結晶が浮遊・沈殿することがありますが、
これは天然のミネラル成分が結晶したものですので、品質に問題はありません。" />

3)サムネイル画像を用意する

サンプル

参考にしたサイト

Open Graph protocol – Facebook開発者
http://developers.facebook.com/docs/opengraph

[facebook]newsfeed reader

とりあえず小手調べです。
認証通してnewsfeedを表示するまでです。
Facebookは機能が多くてアプリを作るのに
かなり時間がかかりそうです。

newsfeed reader

参考にしたサイト

Facebook開発者 参考資料
http://developers.facebook.com/docs/

コーヒーサーバは香炉である – [Facebook]Facebook アプリ作ろうぜ (その1 準備編)
http://www.madin.jp/diary/?date=20101016

「そん」の気ままなLOG – facebookで携帯認証確認する方法-2
http://sonkunt.blog26.fc2.com/blog-entry-473.html