如何解决Nuxt.js 中的 Gtag
在我的 nuxt js 应用程序中配置 gtag 时确实遇到了问题。
我遵循本指南:
https://www.carlcassar.com/articles/add-google-analytics-to-a-nuxt-js-app/
这是我的插件:
import Vue from 'vue';
import VueGtag from 'vue-gtag';
Vue.use(VueGtag,{
config: { id: 'G-*********' },appName: 'app-name',});
这就是我在 nuxt.confing.js 中加载它的方式
plugins: [
"@/plugins/aos.client","@/plugins/progress-path","@/plugins/vue-input-ui",'@plugins/vue-js-modal.js',"@/plugins/paypal","@/plugins/autocomplete","@/plugins/lazy-load",{
src: './plugins/gtag.js',mode: 'client'
},],
这是来自谷歌的 gtag
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-*********"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js',new Date());
gtag('config','G-*********');
</script>
我哪里错了?
谢谢大家
解决方法
来自您正在学习的教程:Track page views。
您需要在插件的 Vue.use
中包装 export default
函数并传递路由器:
import Vue from 'vue';
import VueGtag from 'vue-gtag';
export default ({ app }) => {
Vue.use(VueGtag,{
config: { id: 'G-*********' },appName: 'app-name',},app.router);
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。