回答:
次のようなものを使用します[1行で使用]：
<a title="send to Facebook"
href="http://www.facebook.com/sharer.php?s=100&p[title]=YOUR_TITLE&p[summary]=YOUR_SUMMARY&p[url]=YOUR_URL&p[images][0]=YOUR_IMAGE_TO_SHARE_OBJECT"
target="_blank">
<span>
<img width="14" height="14" src="'icons/fb.gif" alt="Facebook" /> Facebook
</span>
</a>
<a class="facebook" target="_blank" onclick="return !window.open(this.href, 'Facebook', 'width=640,height=300')" href="http://www.facebook.com/sharer/sharer.php?u=YOUR_URL">Facebook</a>などを
facebook共有にカスタムパラメータを与えるには、リンクだけを与えるほうが良いです。facebookは、共有しているページからタイトル+説明+画像を自動的に取得します。Facebook APIを「助ける」ためにそれらを見つけるには、共有しているページのヘッダーに次のものを置くことができます。
<meta property="og:title" content="title" />
<meta property="og:description" content="description" />
<meta property="og:image" content="thumbnail_image" />
ページがあなたの管理下にない場合は、AllisonCが上記で共有したものを使用してください。
独自のボタン/リンク/テキストを使用すると、次のようにモーダルビュータイプのポップアップを使用できます。
<script type= 'text/javascript'>
$('#twitterbtn-link,#facebookbtn-link').click(function(event) {
var width = 575,
height = 400,
left = ($(window).width() - width) / 2,
top = ($(window).height() - height) / 2,
url = this.href,
opts = 'status=1' +
',width=' + width +
',height=' + height +
',top=' + top +
',left=' + left;
window.open(url, 'twitter', opts);
return false;
});
</script>
ここで、twitterbtn-linkとfacebookbtn-linkはどちらもアンカーのIDです。
if( window.open(.....) ) event.preventDefault();単に「return false;˙」ではなく、それを最新の状態にするための優れたソリューションです。-その方法では、ウィンドウが開かれたときにデフォルトの動作（リンクが開く）のみが防止されます-開かれていない場合のフォールバックが提供されます...
IJasが提供するリンクから派生したこの関数を使用する
function openFbPopUp() {
var fburl = '';
var fbimgurl = 'http://';
var fbtitle = 'Your title';
var fbsummary = "your description";
var sharerURL = "http://www.facebook.com/sharer/sharer.php?s=100&p[url]=" + encodeURI(fburl) + "&p[images][0]=" + encodeURI(fbimgurl) + "&p[title]=" + encodeURI(fbtitle) + "&p[summary]=" + encodeURI(fbsummary);
window.open(
sharerURL,
'facebook-share-dialog',
'width=626,height=436');
return false;
}
または、より制御されたコールバック関数にFB JavaScript SDKを使用している場合は、最新のFB.ui関数を使用することもできます。
参照：FB.ui
function openFbPopUp() {
FB.ui(
{
method: 'feed',
name: 'Facebook Dialogs',
link: 'https://developers.facebook.com/docs/dialogs/',
picture: 'http://fbrell.com/f8.jpg',
caption: 'Reference Documentation',
description: 'Dialogs provide a simple, consistent interface for applications to interface with users.'
},
function(response) {
if (response && response.post_id) {
alert('Post was published.');
} else {
alert('Post was not published.');
}
}
);
}
いくつかのオプションがあります。
Facebookが提供する非同期JavaScript SDKを使用し、そのパラメーター値を設定することで、Facebook共有ダイアログボックスをカスタマイズできます。
次のコードを見てください。
<script type="text/javascript">
$(document).ready(function(){
$('#share_button').click(function(e){
e.preventDefault();
FB.ui(
{
method: 'feed',
name: 'This is the content of the "name" field.',
link: 'URL which you would like to share ',
picture: ‘URL of the image which is going to appear as thumbnail image in share dialogbox’,
caption: 'Caption like which appear as title of the dialog box',
description: 'Small description of the post',
message: ''
}
);
});
});
</script>
以下のコードをコピーして貼り付ける前に、まずSDKを初期化し、jQueryライブラリを設定する必要があります。情報の設定方法を段階的に知るには、こちらをクリックしてください。
これは現在のソリューション（2014年12月）であり、非常にうまく機能します。特徴
<a onclick="return !window.open(this.href, 'Share on Facebook', 'width=640, height=536')" href="https://www.facebook.com/sharer/sharer.php?u=href=$url&display=popup&ref=plugin" target="_window"><img src='/_img/icons/facebook.png' /></a>
$ url varを共有するURLとして定義する必要があります。
AllisonCのアイデアをwindow.open機能と組み合わせることができます：http :
//www.w3schools.com/jsref/met_win_open.asp
function openWin(url) {
myWindow = window.open(url, '', 'width=800,height=400');
myWindow.focus();
}そして、各リンクで、適切なソーシャルネットURLを使用してopenWin関数を呼び出します。
このサイトhttp://www.sharelinkgenerator.com/を試してください。お役に立てれば。