欢迎光临
我们一直在努力

使用JS文件调用Google AdSense广告的方法

本文于 2021-09-02 11:05 更新,部分内容具有时效性,如有失效,请留言

在网页中插入  Adsense 广告,一般将源代码直接嵌入主题模板页面。事实上 AdSense 支持并允许使用 JS 文件调用。当然前提是不要因任何原因修改代码,或手动影响广告的定位。

对于通常的 HTML 静态网站,一般的做法是将公共头部和公共尾部都放到单独的 JavaScript 文件里,例如 header.js 和 footer.js,这样单独编辑这两个 JS 文件,即可同时修改全部网站内容,因此我们可以考虑把 AdSense 的代码放到这个头文件里。具体做法如下:

首先,登陆 AdSense 后台,获取广告代码,通常代码如下:

<script data-ad-client=”ca-pub-YOUR-ID” async src=”://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js”></script>

之后,我们把如下 JavaScript 代码放到 header.js 头文件里即可,代码如下。

var js = document.createElement(“script”);

js.setAttribute(‘data-ad-client’, ‘ca-pub-YOUR-ID’);

js.setAttribute(‘async’, true);

js.setAttribute(‘src’, ‘://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js’);

document.head.appendChild(js);

上面的代码里,需要把 ca-pub-YOUR-ID 替换为用户自己ID号码。

这段代码和原始的 AdSense 的 JavaScript 原理完全一样,实际显示效果也一样。

赞(0)
版权声明:本文采用知识共享 署名4.0国际许可协议 [BY-NC-SA] 进行授权
文章名称:《使用JS文件调用Google AdSense广告的方法》
文章链接:https://www.ruiwuer.com/5839.html
本站资源仅供个人学习交流,请于下载后24小时内删除,不允许用于商业用途,否则法律问题自行承担。