vue——nuxt.js 添加google广告

最新推荐文章于 2023-08-08 21:03:15 发布

Eden_li

最新推荐文章于 2023-08-08 21:03:15 发布

阅读量628

点赞数 1

文章标签： javascript vue.js 前端

本文链接：https://blog.csdn.net/m0_49011098/article/details/128665144

版权

1、跟目录下创建 app.html

<!DOCTYPE html>
<html {{ HTML_ATTRS }}>

<head {{ HEAD_ATTRS }}>
    {{ HEAD }}
           // 引入请求连接（   运营人员会提供）
    <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
</head>


<body {{ BODY_ATTRS }}>
    {{ APP }}
  
   
</body>

</html>

2、引入广告代码 —给默认需要提供默认宽高不然报错

        <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub" data-ad-slot="85" data-ad-format="auto" data-full-width-responsive="true"></ins>

3、发送请求 —在 mounted 中执行 – 有几条广告请求几次

mounted() {
  setTimeout(() => {

      let childList = document.getElementsByClassName('adsbygoogleBox')


    for (let i = 0; i < childList.length; i++) {

         setTimeout(() => {
               (adsbygoogle = window.adsbygoogle || []).push({});
              }, 1800);
      }
    })

 }