我只是想知道如何将共享/邀请功能集成到自定义 Facebook 选项卡中。
我的目的是开发一个按钮“邀请朋友到 XXX 粉丝专页”。
我已经创建了一个 HTML 页面,用作 facebook 的自定义选项卡。
任何帮助将非常感激。
干杯,
J。
我只是想知道如何将共享/邀请功能集成到自定义 Facebook 选项卡中。
我的目的是开发一个按钮“邀请朋友到 XXX 粉丝专页”。
我已经创建了一个 HTML 页面,用作 facebook 的自定义选项卡。
任何帮助将非常感激。
干杯,
J。
您的APP ID:275339329168531 您的页面网址: http: //www.facebook.com/pages/Salon-Babyboom/237448289650901
每:https ://developers.facebook.com/docs/reference/dialogs/requests/
您只能邀请他人使用应用程序。所以这将是进行应用邀请的代码。
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:fb="https://www.facebook.com/2008/fbml">
<head>
<title>Request Tester C</title>
</head>
<body>
<div id="fb-root"></div>
<script src="http://connect.facebook.net/en_US/all.js"></script>
<p>
<input type="button"
onclick="sendRequestToRecipients(); return false;"
value="Send Request to Users Directly"
/>
<input type="text" value="User ID" name="user_ids" />
</p>
<p>
<input type="button"
onclick="sendRequestViaMultiFriendSelector(); return false;"
value="Send Request to Many Users with MFS"
/>
</p>
<script>
FB.init({
appId : '275339329168531',
status : true,
cookie : true,
oauth: true
});
function sendRequestToRecipients() {
var user_ids = document.getElementsByName("user_ids")[0].value;
FB.ui({method: 'apprequests',
message: 'My Great Request',
to: user_ids,
}, requestCallback);
}
function sendRequestViaMultiFriendSelector() {
FB.ui({method: 'apprequests',
message: 'My Great Request'
}, requestCallback);
}
function requestCallback(response) {
// Handle callback here
}
</script>
</body>
</html>
要“分享”粉丝专页,您将使用 Like Box 插件来做到这一点。
请参阅:http: //developers.facebook.com/docs/reference/plugins/like-box/
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=275339329168531";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-like-box" data-href="http://www.facebook.com/pages/Salon-Babyboom/237448289650901" data-width="292" data-show-faces="true" data-stream="true" data-header="true"></div>