vue项目引入谷歌广告报Adsense错误：TagError: adsbygoogle.push() error: All ins elements...解决方法

错误介绍：Vue项目开发中在指定的地方接入谷歌联盟广告(Google Adsense)，报Uncaught TagError: adsbygoogle.push() error: All 'ins' elements in the DOM with class=adsbygoogle already have ads in them.​错误，下面编程教程网小编给大家简单介绍一下解决方法！

具体解决方法如下：

//在AdComponent.vue组件里添加以下代码
let adsenseUnitLength = document.getElementsByClassName('adsbygoogle');
window.onload = function () {
  for (let i = 0; i < adsenseUnitLength.length; i++) {
    (adsbygoogle = window.adsbygoogle || []).push({});
  }
};

完整代码如下：

//AdComponent组件
<template>  
  <div>  
    <ins class="adsbygoogle"
        style="display:block; text-align:center;"
        data-ad-layout="in-article"
        data-ad-format="fluid"
        data-ad-client="YOUR_AD_CLIENT_ID"
        data-ad-slot="YOUR_AD_CLIENT_ID"></ins>
  </div>  
</template>  
  
<script>  
export default {  
  name: 'AdComponent',
  data() {
    return {
      
    }
  },
   mounted() {
    //启动
    let adsenseUnitLength = document.getElementsByClassName('adsbygoogle');
    window.onload = function () {
      for (let i = 0; i < adsenseUnitLength.length; i++) {
        (adsbygoogle = window.adsbygoogle || []).push({});
      }
    };
  }
}  
</script>  
  
<style scoped>  
</style>

//在index.html引入通用script

以上是编程学习网小编为您介绍的“vue项目引入谷歌广告报Adsense错误：TagError: adsbygoogle.push() error: All ins elements...解决方法”的全面内容，想了解更多关于 vuejs 内容，请继续关注编程基础学习网。