Nuxt.js引用谷歌广告代码(谷歌javascript:void)

作者:李芯w
围观群众:9
更新于
Nuxt.js引用谷歌广告代码(谷歌javascript:void)

Nuxt.js引用谷歌广告代码(谷歌javascript:void)

只设置nuxt.config.js文件就可以,下面贴出来。

// 这段是谷歌广告要引入的JS代码,这里装在一个字符串变量里xxxxx就是你的ID
const absbygoogle = '(adsbygoogle=window.adsbygoogle||[]).push({google_ad_client:"ca-pub-xxxxx",enable_page_level_ads:true});';

export default {
  mode: 'universal',

  /*
  ** Headers of the page
  */
  head: {
    meta: [
      {charset: 'UTF-8'},
      {name: 'viewport', content: 'width=device-width, initial-scale=1, shrink-to-fit=no'},
      {httpEquiv: 'Content-Type', content: 'text/html; charset=UTF-8'},
      {httpEquiv: 'content-language', content: 'zh-CN'}
    ],
    script: [
      // 这里引入谷歌广告的JS文件,async要为true
      {src: 'https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js', async: 'true'},
      // 把上面的JS代码变量引用到这里
      {innerHTML: absbygoogle, type: 'text/javascript', charset: 'utf-8'}
    ],
    // 克制对JS转义,这一句一定要加上
    __dangerouslyDisableSanitizers: ['script']
  },

  /*
  ** Customize the progress-bar color
  */
  loading: '@/components/loading.vue',

  /*
  ** Global CSS
  */
  css: [
    '@/assets/common.css',
    '@/assets/icon/iconfont.css'
  ],

  /*
  ** Plugins to load before mounting the App
  */
  plugins: [
    '@/plugins/axios'
  ],

  /*
  ** Nuxt.js modules
  */
  modules: [
    // Doc: https://bootstrap-vue.js.org/docs/
    'bootstrap-vue/nuxt',
    '@nuxtjs/axios'
  ],

  /*
  ** Build configuration
  */
  build: {
    extractCSS: {allChunks: true},
    /*
    ** You can extend webpack config here
    */
    extend(config, ctx) {
    }
  }
}

实在加三段代码就可以了,我都用中文注释标出来了,就这样。

Nuxt.js引用谷歌广告代码(谷歌javascript:void)

思源资源网:分类流动

1.阿里云: 本站现在使用的是阿里云主机,平安/可靠/稳固。点击领取2000米代金券、领会最新阿里云产物的种种优惠流动点击进入

2.腾讯云: 提供云服务器、云数据库、云存储、视频与CDN、域名等服务。腾讯云各种产物的最新流动,优惠券领取点击进入

Nuxt.js引用谷歌广告代码(谷歌javascript:void)

3.广告同盟: 整理了现在主流的广告同盟平台,若是你有流量,可以作为参考选择适合你的平台点击进入

Nuxt.js引用谷歌广告代码(谷歌javascript:void)

链接: http://www.fly63.com/article/detial/5514

Nuxt.js引用谷歌广告代码(谷歌javascript:void)

非特殊说明,本文版权归 金科常识网 所有,转载请注明出处.

本文分类: 历史

本文标题: Nuxt.js引用谷歌广告代码(谷歌javascript:void)

本文网址: http://sddljzx.com/lishi/5775.html

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。