Я хотел бы сделать что-то на странице, когда пользователь нажимает "Мне нравится".
Я думал, что что-то простое, как следующее:
<script type="text/javascript">
$(document).ready(function () {
$('.connect_widget_like_button clearfix like_button_no_like').live('click', function () {
alert('clicked');
});
});
</script>
Это iFrame, который поставляется FaceBook, чтобы добавить кнопку Like на страницу:
<iframe
id="FBLike"
src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.MySite.Com... blahblahblah"
scrolling="no"
frameborder="0"
style="border:none; overflow:hidden; width:450px; height:80px;"
allowTransparency="true">
</iframe>
My script пытается связать событие click с тегом привязки, который загружается в iFrame при загрузке страницы. Однако это не работает. Есть ли способ для меня, чтобы JQuery узнал, когда это нажали? Благодаря
API Facebook не позволяет вам подписаться на подобное событие click, но он позволяет вам подписаться на подобное событие (активируется, когда подобное действие завершено):
FB.Event.subscribe('edge.create', function(response) {
// like clicked
});
см. здесь.
Сделайте PHP (или любой другой язык, который вы используете) script, чтобы CURL-источник из http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.MySite.Com... blahblahblah
Поместите источник из facebook в вашу html-страницу, тогда вы сможете делать все, что захотите, в JavaScript/jQuery с кодом из Facebook.
Некоторые примеры для CURL в PHP - http://www.php.net/manual/en/curl.examples.php
Вы не можете использовать JavaScript для доступа к элементам в iframe, который не относится к текущему URL-адресу, так как я предполагаю, что домен, который вы используете, не является facebook.com, вы не сможете присоединить событие к подобной кнопке таким образом.
Можно обнаружить события типа "как" и "в отличие" от кнопки facebook, используя edge.create и edge.remove соответственно.
Я нашел работу по этой проблеме, которая хорошо работает с iframe. Он основан на комбинации решений, предложенных здесь при переполнении стека. Первый шаг - подсчитать количество понравившихся на странице. Затем сохраните это число в глобальной переменной. Вы можете сделать это во время события загрузки. Во-вторых, используйте решение, предложенное по этой ссылке Обнаружить щелчок в Iframe с помощью JavaScript. Когда мышь покидает определенную область, вы можете определить, изменилось ли количество кликов в зависимости от предыдущего количества кликов и текущего количества кликов.
Код для определения количества кликов доступен по этой ссылке http://jsfiddle.net/Takazudo/
function fetchLikeCount(url){
return $.Deferred(function(defer){
$.ajax({
dataType: 'jsonp',
url: 'https://api.facebook.com/method/fql.query?callback=callback',
data: {
query: 'SELECT like_count FROM link_stat WHERE url="' + url + '"',
format: 'JSON'
}
}).then(function(res){
try{
var count = res[0].like_count;
defer.resolve(count);
}catch(e){
reject();
}
}, reject);
function reject(){
defer.reject(';(');
};
}).promise();
}.