Javascript 在Electron Vue应用程序中可以使用Google Analytics的哪些功能
我已经用electron vue js创建了一个教育应用程序,现在我决定在这个桌面应用程序中实现Google Analytics。我在谷歌上搜索了一些,但没有找到我能从谷歌分析中得到的确切信息,即我应该使用谷歌分析的哪些功能来改进我基于学习的桌面应用程序(electron vue js平台)。 这里有一点关于它的描述: a) 应用程序完全脱机。 b) 它包括音频、视频等学习资料。,。 c) 它还提供打印学习资料等功能。 哪怕是一个简单的想法都可以帮助我弄清楚如何使用谷歌分析,这是一个很好的开端。Javascript 在Electron Vue应用程序中可以使用Google Analytics的哪些功能,javascript,vue.js,google-analytics,electron,desktop-application,Javascript,Vue.js,Google Analytics,Electron,Desktop Application,我已经用electron vue js创建了一个教育应用程序,现在我决定在这个桌面应用程序中实现Google Analytics。我在谷歌上搜索了一些,但没有找到我能从谷歌分析中得到的确切信息,即我应该使用谷歌分析的哪些功能来改进我基于学习的桌面应用程序(electron vue js平台)。 这里有一点关于它的描述: a) 应用程序完全脱机。 b) 它包括音频、视频等学习资料。,。 c) 它还提供打印学习资料等功能。 哪怕是一个简单的想法都可以帮助我弄清楚如何使用谷歌分析,这是一个很好的开端。
提前谢谢你谷歌分析将考虑电子A网站。 我使用这个插件 并在渲染器中的Vue主条目中进行如下设置
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' // no domain
},
autoTracking: {
pageviewTemplate (route) {
// allow custom page titles in the router meta
let title = route.meta.title
if (!title) {
title = route.name
}
return {
page: route.name,
title: title,
location: route.path
}
}
}
})
set('allowAdFeatures', false) // no ads
set('checkProtocolTask', null) // ignore electron protocols
set('checkStorageTask', null) // ignore electrons cache solution, assume it works
那么我有这样的指令
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>
用于类似这样的按钮和链接
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>
状态页
这将为您提供谷歌分析几乎所有的功能。除非他们决定再次改变并打破它。就像他们推动firebase analytics for“apps”一样如果完全离线,您打算如何将数据发送到Google analytics?编辑:这里有一个非常可靠的指南:解释如何在Electron应用程序中实现GA,但它必须在线才能实现这一点。还要注意的是,如果GDPR在欧洲,您需要实施它。另外,为什么您需要它?你的目标是什么?你想达到什么目标?如果不知道你需要谷歌分析的具体原因,那么就很难给你提供一个正确的答案。有必要吗?是否有其他用于跟踪功能的解决方案?您正在尝试跟踪用户操作吗?按钮点击?材料下载?只有你知道你想要实现什么,直到你知道,我们不知道你想要使用谷歌分析具体用于什么。除此之外,确切地说,所有功能都与Eletron应用程序配合使用。:-)我在项目中使用vue分析。这个很好用。