使用 Vue.js 添加自动广告答案

【问题标题】：Adding auto-ads with Vue.js使用 Vue.js 添加自动广告
【发布时间】：2019-08-23 19:41:41
【问题描述】：

我尝试向使用 Vue.js 的网站添加自动广告，但没有通过脚本发出请求。

我试过vue-adsense插件，可以在npm https://www.npmjs.com/package/vue-google-adsense找到

但他们不支持自动广告，普通广告可以在这个插件上正常工作。

这是需要添加的代码：

<script data-ad-client="ca-pub-0990618353003742" async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

是否有在 vue.js 网站上添加自动广告的解决方案？

【问题讨论】：

标签： vue.js adsense

【解决方案1】：

脚本标签不能放置在由Vue() 实例控制的DOM 部分中。您需要做的就是将脚本放在文档的<head> 中。如果您使用 Vue CLI 创建项目，那么您在其中执行此操作的文件是 /public/index.html。

【讨论】：

【解决方案2】：

您可以在更改数据后初始化您的广告添加了多少。例如。

mounted: function () {
  this.data = [1,2,3,4];
    var adCount=3;
    for (var i = 0; i < parseInt(adCount); i++) {
        window.setTimeout(function () {
            console.log('vue ad ' + i + ' inited');
            (adsybygoogle = window.adsybygoogle || []).push({});
        }, 300);
    }
},

【讨论】：