<font id="zqva1"></font>
<rt id="zqva1"></rt>
  • <tt id="zqva1"></tt>
    <cite id="zqva1"></cite>

    <cite id="zqva1"><noscript id="zqva1"></noscript></cite>
      <rp id="zqva1"><meter id="zqva1"></meter></rp>

        <cite id="zqva1"></cite>
          <b id="zqva1"></b>
          <rp id="zqva1"></rp>
          <cite id="zqva1"></cite>

          <rt id="zqva1"></rt>

        1. <rp id="zqva1"></rp>

          Nuxt.js引用谷歌廣告代碼

          時間:?2019-09-24閱讀:?720標簽:?nuxt

          最近另一個網站的谷歌聯盟申請下來了,記錄一下Nuxt.js如何引用谷歌廣告的JS代碼,當初找了好久。

          只配置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) {
              }
            }
          }
          

          其實加三段代碼就可以了,我都用中文注釋標出來了,就這樣。

          吐血推薦

          1.站長廣告聯盟: 整理了目前主流的廣告聯盟平臺,如果你有流量,可以作為參考選擇適合你的平臺點擊進入...

          2.休閑娛樂: 直播/交友    優惠券領取   網頁游戲   H5游戲

          鏈接: http://www.modern-decoration.com.cn/article/detial/5514

          使用Nuxt生成靜態網站

          靜態網站如今再次流行起來了。信息站和品牌宣傳站不再需要使用WordPress之類的內容管理系統來動態更新。使用靜態網站生成器,您可以從無源CMS,API

          精讀《Nuxtjs》

          Nuxt 是基于 Vue 的前端開發框架,這次我們通過 Introduction toNuxtJS 視頻了解框架特色以及前端開發框架的基本要素。nuxt 與 next 結構很像,可以結合在一起看

          Webstorm環境使用nuxt.js做開發,@ 和 ~ 別名配置

          webstorm 設置@和~別名,有助于代碼查看和跳轉.在項目下創建一個webpack.config.js,內容如下;設置 IDE:webstorm -> file -> settings -> language & frameworks -> javascript -> webpack

          nuxt.js的使用和開發,一款vue基于服務器SSR渲染工具

          一款基于Vue.js的SSR框架——Nuxt.js。是vue進行SSR的一個優選開源項目,可免去繁瑣的Webpack、nodejs后臺服務配置等操作,方便的搭建一個支持SSR的vue項目。

          nuxt框架中對vuex進行模塊化設置

          Nuxt.js 內置引用了 vuex 模塊,所以不需要額外安裝。Nuxt.js 會嘗試找到應用根目錄下的 store 目錄,如果該目錄存在,它將做以下的事情:Nuxt.js 支持兩種使用 store 的方式:普通方式: store/index.js 返回一個 Vuex.Store 實例

          服務端預渲染之Nuxt

          現在前端開發一般都是前后端分離,mvvm和mvc的開發框架,如Angular、React和Vue等,雖然寫框架能夠使我們快速的完成開發,但是由于前后臺分離,給項目SEO帶來很大的不便,搜索引擎在檢索的時候是在網頁中爬取數據

          Travis CI 部署遇到的問題? 部署怎么啟動 nuxt服務

          uxt打包的靜態文件可以直接放在GitHub上面,然后 TravisCI跟GitHub又很親切,就選擇了TravisCI部署。Travis CI 部署到GitHub項目gh-pages分支上,打開頁面發現引用資源404?

          Nuxt.js部署應用的方式

          Nuxt.js 提供了兩種發布部署應用的方式:服務端渲染應用部署 和 靜態應用部署。靜態應用部署就不說了,主要說說服務端渲染應用部署。每次在服務器上執行nuxt build,總是有如下報錯,并且jenkins會隨之掛掉。

          使用nuxt.js官方腳手架構建koa2的es6編譯問題

          最近在學用nuxt集成koa2做vue后臺,發現官方自帶腳手架搭建的koa2使用的仍是es5語法,如果想用es6怎么辦呢?這是由于自帶腳手架在構建koa2時默認的nodemon是沒有使用babel編譯的,所以我們首先需要在啟動命令后加上 --exec babel-node

          使用Nuxt.js創建服務器端渲染的Vue.js應用程序

          Nuxt.js基于名為Next的熱門React庫的SSR實現。 為Vue設計了一個名為Nuxt的類似實現。 熟悉React + Next組合的人會在應用程序的設計和布局中發現一些相似之處。 但是,Nuxt提供Vue特有的功能來為Vue創建強大且靈活的SSR解決方案。

          fly63.com版權所有,內容以共享、參考、研究為目的,不存在任何商業目的。其版權屬原作者所有,如有侵權,請與小編聯系!情況屬實本人將予以刪除!

          文章投稿關于web前端網站點搜索站長推薦網站地圖站長QQ:522607023

          小程序專欄: 土味情話心理測試腦筋急轉彎幽默笑話段子句子語錄成語大全

          国产精品高清视频免费 - 视频 - 在线观看 - 影视资讯 - 唯爱网