Electron-Vue应用程序可以使用Google Analytics(分析)的哪些功能

问题描述 投票:0回答:1

我已经用electronic-vue js创建了一个教育应用程序,现在我决定在此桌面应用程序中实现Google Analytics。我已经用Google搜索了packages,但是找不到我可以从Google Analytics(分析)中得到的确切信息,即我应该使用Google Analytics(分析)的哪些功能来改进基于学习的桌面应用程序(electron-vue js平台)。这里有一些描述:a)该应用程序完全脱机。b)它包括学习资料,例如音频,视频等。c)它还提供诸如打印学习材料的功能。即使是一个主意也可以帮助我弄清楚如何使用Google Analytics(分析),并且可以成为一个很好的起点。预先感谢您!

javascript vue.js google-analytics electron desktop-application
1个回答
0
投票

Google Analytics(分析)将把Electron视为网站。

我使用此插件https://github.com/MatteoGabriele/vue-analytics

import VueAnalytics, { set } from 'vue-analytics'
Vue.use(VueAnalytics, {
    id: 'UA-idnumber',
    router,
    // debug: {
    //   enabled: true,
    //   trace: true // help you find problems
    // },
    fields: {
      cookieDomain: 'none'
    },
    autoTracking: {
      pageviewTemplate (route) {
        let title = route.meta.title
        if (!title) {
          title = route.name
        }
        return {
          page: route.name,
          title: title,
          location: route.path
        }
      }
    }
  })
  set('allowAdFeatures', false)
  set('checkProtocolTask', null)
  set('checkStorageTask', null)

然后我有这样的指令

import { event } from 'vue-analytics'
Vue.directive('gaClick',
      {
        inserted: (el, binding, vnode) => {
          let routeName = vnode.context.$route.meta.title
          if (!routeName) {
            routeName = vnode.context.$route.name
          }
          el.addEventListener('click', async e => {
            const category = binding.value && binding.value.category ? binding.value.category : 'button Click'
            const action = binding.value && binding.value.action ? binding.value.action : 'Click'
            const label = binding.value && binding.value.label ? binding.value.label : `${e.target.innerText} (${routeName})`
            const value = binding.value && binding.value.value ? binding.value.value : 0
            event(category, action, label, value)
          })
        }
      })

将在这样的按钮和链接上使用

<router-link
        :to="{name:'status-page'}}"
        v-ga-click="{label:'Status Page'}"
      >
      Status Page
</router-link>

这将为您提供Google Analytics(分析)几乎所有的功能。除非他们决定再次改变并打破它。就像他们推动“应用”的Firebase分析一样]

© www.soinside.com 2019 - 2024. All rights reserved.