Обнаружение щелкните по встроенному сообщению FB iframe

Question

Попытка обнаружить щелчок по встроенному сообщению FB с библиотекой iframeTracker-jquery. У FB есть JS SDK, который помогает вставлять сообщения на сторонние сайты.

этот код для вставки:

<div class="fb-post" 
 
\t \t \t \t \t \t data-href="https://www.facebook.com/permalink.php?story_fbid=811932475541152&id=361136907287380" 
 
\t \t \t \t \t \t data-width="350"></div>

FB SDK преобразует его в IFrame:

<div fb-post> 
 
<span> 
 
<iframe> 
 
.... 
 
</iframe> 
 
</span> 
 
</div>

Это IFrame трекер вызов Безразлично «Т работы:

$(document).ready(function($){ 
 
\t \t \t \t \t $('.fb-post > span > iframe').iframeTracker({ 
 
\t \t \t \t \t \t blurCallback: function(){ 
 
\t \t \t \t \t \t \t console.log('Horray') 
 
\t \t \t \t \t \t } 
 
\t \t \t \t \t }); 
 
\t \t \t \t });

Не могли бы вы помочь мне understan, почему это происходит? Как я могу обнаружить щелчок в FB post iframe?

Answer 1

[из комментариев] проблема с встроенной записью FB заключается в том, что jquery iframe selector не находит их на готовом документе. Как так?

Потому что только <div class="fb-post" …></div>это присутствует на странице во время загрузки. SDK загружается асинхронно и только вставляет iframes после его инициализации.

Если вы хотите что-то вызвать, когда SDK будет выполнен, чтобы эти элементы были включены в социальные плагины, вы можете подписаться на событие xfbml.render; это

«[f] уходит, когда завершается FB.XFBML.parse(). Это указывает на то, что загружены все социальные плагины на странице ».

Подробнее см. https://developers.facebook.com/docs/reference/javascript/FB.Event.subscribe/v2.4.