12 次查询 耗时 0.048 秒
共写了798个字,约2分钟读完,共有0条留言
登录/注册
  • 首页
  • »
  • 时光机
  • »
  • 使用JS文件调用Google AdSense广告的方法
  • 使用JS文件调用Google AdSense广告的方法

    作者:比比东

    日期:2020年11月14日

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

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

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

    <script data-ad-client="ca-pub-YOUR-ID" async src="https://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', 'https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js');

    document.head.appendChild(js);

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

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

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

    Back Top
    — 于 共写了798个字
    — 文内使用到的标签:
    — 本作品采用 知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议 进行许可

    “使用JS文件调用Google AdSense广告的方法”共有0条评论

    发表评论