nuxt 接入google adsence

原文我的博客:nuxt 接入google adsence 最近在研究接入google adsence，账号审核了很久，没有通过，于是猜测是不是接入的代码有问题，于是搜索资料后总结了nuxt接入google adsence的方式。

方式一： nuxt.config.js 里面配置

这种方式是在这篇博客看到的 markdowner.net/article/821…

在script标签下配置

script: [
      {
       {
         async: true,
         src : "https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js",
       },
       { 
         innerHTML: `
           (adsbygoogle = window.adsbygoogle || []).push({
             client=ca-pub-xxxxxxxxxxxx",
             enable_page_level_ads: true
           });
         `
       },
    ],
     __dangerouslyDisableSanitizers: ['script']
  },

ca-pub-xxxxxxxxxxxx google 代码里的，__dangerouslyDisableSanitizers: ['script']的作用是嵌入的html代码不转义。

绿色注释部分是接入方式。但种接入方式会在我的页面里报一个js错误-这个符号的问题，不知道会不会有影响。

方式二：模板代码里配置

在根目录新建app.html 文件,内容如下：

<!DOCTYPE html>
<html {{ HTML_ATTRS }}>
  <head {{ HEAD_ATTRS }}>
    <script data-ad-client="ca-pub-xxxxxxxx" async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
    {{ HEAD }}
  </head>
  <body {{ BODY_ATTRS }}>
    {{ APP }}
  </body>
</html>

最终我采用的方式二，觉得这样方便一点。