javascript - 用户使用AdBlock时如何显示我自己的图片？

Question

我发现了这段代码，它可以很好地在每个 AdSense 广告单元上显示相同的内容。然而，由于我对脚本的了解有限，我不知道如何制作它以便我可以为每个不同的广告尺寸显示我自己的图像。我需要能够为每个 728x90 和 160x600 广告单元显示我自己的图片。

<script>
window.onload = function(){
  setTimeout(showAdblockImage, 3000); 
};
function showAdblockImage(){
    //get all google ad elements
    var adsList = document.querySelectorAll("ins.adsbygoogle");
    if(!adsList){ return;}
    for(var i=0; i<adsList.length;i++){
        if(adsList[i].innerHTML.replace(/\s/g, "").length != 0){
            //AdBlock is not active, hence exit
            break;
        }
        //apply inline css to force display
        adsList[i].style.cssText = 'display:block !important';
        //modify html content of element
        adsList[i].innerHTML='AD BLOCK USED';
    } 
}
</script> 

Answer 1

您的代码选择每个元素 ins.adsbygoogle并将其替换为文本“AD BLOCK USED”。

要使用图片替换广告，请尝试使用 adsList[i].innerHTML="<a href='#'><img src='photo.png'></a>";而不是adsList[i].innerHTML="AD BLOCK USED";