Réseau d'audience Facebook - Chargement des annonces dans un parchemin infini

Question

Je viens de tomber sur le réseau d'audience de facebook pour les sites mobiles. Tout a l'air assez bien (leur tutoriel est bien)

Mais je suis tombé sur une "limitation" que j'aimerais contrer. Actuellement, lorsque je charge la page Web pour la première fois, Mes annonces s'affichent normalement, mais j'ai un défilement infini qui injecte une div après un certain nombre de défilement. Le problème est que la nouvelle injection div qui est censée contenir l'annonce ne charge aucune annonce.

<script> 
    window.fbAsyncInit = function() { 
    FB.Event.subscribe(
     'ad.loaded', 
     function(placementId) { 
     console.log('Audience Network ad loaded'); 
     document.getElementById('ad_root').style.display = 'block'; 
     } 
    ); 
    FB.Event.subscribe(
     'ad.error', 
     function(errorCode, errorMessage, placementId) { 
     console.log('Audience Network error (' + errorCode + ') ' + errorMessage); 
     } 
    ); 
    }; 

    window.load = 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/sdk/xfbml.ad.js#xfbml=1&version=v2.5&appId=xxxxxxxx"; 
     console.log(js); 
    fjs.parentNode.insertBefore(js, fjs); 
    } 

    window.load(document, 'script', 'facebook-jssdk'); 
</script> 

<div class="fb-ad" data-placementid="xxxxx_xxxxx" data-format="native" data-nativeadid="ad_root{{$index}}" data-testmode="false"></div> 

Answer 1

Si vous ajoutez HTML après la page chargée, vous devez utiliser XFBML.parse pour dire le SDK Facebook que le nouveau contenu est là