前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >谷歌广告联盟 Google Adsense 使用延迟加载 js 的形式,提升页面打开速度

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

作者头像
Yangsh888
发布2022-03-24 11:43:11
1.7K0
发布2022-03-24 11:43:11
举报
文章被收录于专栏:Yangsh888的专栏

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

代码语言:javascript
复制
# 放到需要展现广告的地方
<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 }} 请自行替换。

本文系转载,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文系转载前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档