<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中添加統計代碼,添加百度統計,或者google的統計

          時間:?2017-10-26閱讀:?7742標簽:?nuxt

          在 Nuxt.js應用中使用Google統計分析服務,或者百度統計分析服務,推薦在 plugins 目錄下創建 plugins/ga.js 文件。統計統計分析我們可以獲取網站pv,uv數據,來判斷網站的頁面那些更受用戶歡迎,有利于網站后期的發展,這里主要講解nuxt.js應用中的添加方式

          添加百度統計

          ga.js頁面內容如下:

          export default ({ app: { router }, store }) => {
            /* 每次路由變更時進行pv統計 */
            router.afterEach((to, from) => {
              /* 告訴增加一個PV */
              try {
                window._hmt = window._hmt || []
                window._hmt.push(['_trackPageview', to.fullPath])
              } catch (e) {}
            })
          }

          然后,我們需要告訴 Nuxt.js 將該插件導入主應用中,在nuxt.config.js配置如下:

          head: {
              script: [
               {src: 'https://#/hm.js?****'},/*引入百度統計的js*/
              ]
          },
          plugins: [
             '~plugins/ga.js',/*百度統計*/
          ],
          添加google統計

          這塊內容再nuxtjs中官網上已經有說明了,這里在復制一下

          /*
          ** 只在生成模式的客戶端中使用
          */
          if (process.BROWSER_BUILD && process.env.NODE_ENV === 'production') {
            /*
            ** Google 統計分析腳本
            */
            (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
            (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
            m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
            })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
            /*
            ** 當前頁的訪問統計
            */
            ga('create', 'UA-XXXXXXXX-X', 'auto')
          }
          
          export default ({ app: { router }, store }) => {
            /*
            ** 每次路由變更時進行pv統計
            */
            router.afterEach((to, from) => {
              /*
              ** 告訴 GA 增加一個 PV
              */
              ga('set', 'page', to.fullPath)
              ga('send', 'pageview')
            })
          }

          記得將UA-XXXXXXXX-X替換成你的 Google 統計分析服務的跟蹤編號。 

          nuxt.config.js: 

          module.exports = {
            plugins: [
              { src: '~plugins/ga.js', ssr: false }
            ]
          }


          完結~~~~~

          站長推薦

          1.阿里云: 本站目前使用的是阿里云主機,安全/可靠/穩定。點擊領取2000元代金券、了解最新阿里云產品的各種優惠活動點擊進入

          2.騰訊云: 提供云服務器、云數據庫、云存儲、視頻與CDN、域名等服務。騰訊云各類產品的最新活動,優惠券領取點擊進入

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

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

          使用Nuxt生成靜態網站

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

          精讀《Nuxtjs》

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

          Nuxt.js引用谷歌廣告代碼

          最近另一個網站的谷歌聯盟申請下來了,記錄一下Nuxt.js如何引用谷歌廣告的JS代碼,當初找了好久。只配置nuxt.config.js文件就可以,下面貼出來。

          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

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

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

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

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