在网页中插入 google adsense 广告,一般将源代码直接嵌入主题模板页面。事实上 google adsense 支持并允许使用 js 文件调用。当然前提是不要因任何原因修改代码,或手动影响广告的定位。
对于通常的 html 静态网站,一般的做法是将公共头部和公共尾部都放到单独的 javascript 文件里,例如 header.js 和 footer.js,这样单独编辑这两个 js 文件,即可同时修改全部网站内容,因此我们可以考虑把 google adsense 的代码放到这个头文件里。具体做法如下:
首先,登陆 google adsense 后台,获取广告代码,通常代码如下:
之后,我们把如下 javascript 代码放到 header.js 头文件里即可,代码如下。
var js = document.createelement("script");
js.setattribute('data-ad-client', 'ca-pub-your-id');
js.setattribute('async', true);
js.setattribute('src', 'https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js');
document.head.appendchild(js);
上面的代码里,需要把 ca-pub-your-id 替换为用户自己id号码。
这段代码和原始的 google adsense 的 javascript 原理完全一样,实际显示效果也一样。