В моем коде у нас есть 3 шага:
- HTML:
<div data-fb-appid="the_app_ID">
<button data-title="Some custom title" data-description="Some custom description" data-url="some_url">Facebook Share</button>
</div>
JS FB init:
var fb_appid = $('.qz-social-share').attr('data-fb-appid');
$.ajaxSetup({cache: true});
$.getScript('https://connect.facebook.net/en_US/sdk.js', function () {
FB.init({
appId: fb_appid,
version: 'v2.1' // or v2.1, v2.2, v2.3, ...
});
$('#loginbutton,#feedbutton').removeAttr('disabled');
FB.getLoginStatus(updateStatusCallback);
});
Триггер клика FB
$('button').click(function (e) {
e.preventDefault();
// Define og:vars
var url = $(this).attr('data-url');
var title = $(this).attr('data-title');
var description = $(this).attr('data-description');
FB.ui({
method: 'share',
display: 'popup',
quote: title + ' ' + description,
href: url
},
function (response) {
// your code to manage the response
});
});
Он вызывает всплывающее окно и позволяет пользователю поделиться URL-адресом, но не принимает пользовательские значения, а принимает параметры открытого графика из URL-адреса. .
Что может быть не так?