Facebook のモバイル サイト向けのオーディエンス ネットワークに出会いました。すべてがかなり見栄えがします(チュートリアルは問題ありません)
しかし、私は対抗したい「限界」に出くわしました。現在、最初に Web ページをロードすると、広告は正常に表示されますが、一定量のスクロール後に 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>