frasio report Facebookシェアのテスト

htmlタグの属性を追加する

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

metaタグを追加する

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

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

 http://zapruder.main.jp/facebook/02/image/facebookshare.jpg

shareボタンを押したときに実行するjavascript

var str="";
str+='http://www.facebook.com/sharer.php';
str+='?u='+encodeURIComponent('http://zapruder.main.jp/facebook/02/');
str+='&t='+encodeURIComponent('frasio report Facebookシェアのテスト');
window.open(str, 'share_frasio', 'width=600,height=300');

シェアボタンを用意する