developer.facebook.comバックエンドでアプリを作成し、必要に応じて以下にAPPIDを入力します。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Facebook Sharer</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<script>
$(function()
{
$('#share_button').live('click', function(e)
{
e.preventDefault();
var share_name = $('input[name="share_name"]').val();
var share_link = $('input[name="share_link"]').val();
var share_image = $('input[name="share_image"]').val();
var share_caption = $('input[name="share_caption"]').val();
var share_description = $('input[name="share_description"]').val();
var share_redirect = $('input[name="share_redirect"]').val();
FB.ui(
{
method: 'feed',
name: share_name,
link: share_link,
picture: share_image,
caption: share_caption,
description: share_description
//message: ''
},
function(response)
{
if (response && response.post_id)
{
//alert('thanks for sharing!');
window.top.location.href = share_redirect;
}
else
{
//alert('Post was not published.');
}
});
// return false;
});
});
</script>
</head>
<body>
<div id="share_button">share me!</div>
<input type="text" name="share_name" value="Boffins" />
<input type="text" name="share_link" value="http://google.com"/>
<input type="text" name="share_image" value="http://sstatic.net/stackoverflow/img/tag-logo-facebook.png"/>
<input type="text" name="share_caption" value="Yes"/>
<input type="text" name="share_description" value="sadfdsdsfasdaffdasfds"/>
<input type="text" name="share_redirect" value=""/>
<div id="fb-root"></div>
<script type="text/javascript">
window.fbAsyncInit = function()
{
FB.init({
appId : [APP ID],
status : true, // check login status
cookie : true, // enable cookies to allow the server to access the session
xfbml : true // parse XFBML
});
};
(function()
{
var e = document.createElement('script');
e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js';
e.async = true;
document.getElementById('fb-root').appendChild(e);
}());
</script>
</body>
</html>