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