谷歌广告联盟 Google Adsense 使用延迟加载 js 的形式,提升页面打开速度

编辑于:2021年12月13日
谷歌广告联盟 Google Adsense 使用延迟加载 js 的形式,提升页面打开速度

谷歌广告联盟 Google Adsense 如果按照默认的代码部署,在国内页面有时候加载是挺慢的,会引用很多额外的 js,通过底部放置和 js 延迟加载的方式,能够提升页面加载速度。

# 放到需要展现广告的地方
<div id="ad"></div>

# body底部引用js
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<script>
    //ad
    function load_google_ad(){
        $("#ad").append("<ins class='adsbygoogle' style='display:block' data-ad-client='ca-pub-{{ ad_client }}' data-ad-slot='{{ ad_slot }}' data-ad-format='auto' data-full-width-responsive='true'></ins><script>(adsbygoogle = window.adsbygoogle || []).push({});<\/script>");
    }
    $(document).ready(function(){
        setTimeout("load_google_ad()", 3000);
    });
</script>

代码中 3000 是 3 秒的意思,这样能实现在页面加载完成后再过 3 秒才请求 AdSense 加载广告,而且根据我的理解这个修改并不违反 “广告实施合作规范 “,需要注意的是,上述代码 {{ ad_client}}{{ ad_slot }} 请自行替换。

相关推荐