Facebook受众群体网络 - 以无限滚动

时间:2016-07-27 03:29:42

标签: javascript facebook mobile facebook-audience-network

我刚刚访问了Facebook的移动网站受众群体网络。一切看起来都很棒(他们的教程很好)

但我遇到了一个“限制”,我很乐意反击。目前,当我第一次加载网页时,我的广告正常显示,但是,我有一个无限滚动,在一定量的滚动后注入一个div。问题是应该包含广告的新注入div不会加载任何广告。

 <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>

1 个答案:

答案 0 :(得分:2)

如果您在加载页面后添加HTML,则需要使用XFBML.parse告诉Facebook SDK新内容是否存在