답변:
우리는 다음과 같은 것을 사용합니다 [한 줄로 사용] :
<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 은 공유중인 페이지에서 제목 + 설명 + 그림을 자동으로 가져옵니다. 페이스 북 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/을 사용해보십시오 . 도움이 되었기를 바랍니다.