当前位置:   article > 正文

vuepress-theme-hope 添加谷歌统计代码

vuepress-theme-hope 添加谷歌统计代码

最近做了个网站,从 cloudflare 来看访问量,过去 30 天访问量竟然有 1.32k
在这里插入图片描述

给我整懵逼了,我寻思不应该呀,毕竟这个网站内容还在慢慢补充中,也没告诉别人,怎么就这么多访问?搜索了下, cloudflare 还会把爬虫的请求也就算进来,所以数据相对来说就不是很准确
想到了把 Google Analysis 统计代码放到上来

官网给出的解决方案在这里: 社区插件
在这里插入图片描述

看起来很简单,直接在项目中 import 一下,然后配置一下就行了
但是!!!我不知道为什么,它就是不行…
我也不知道是不是我太菜了,折腾了好久,它就是不行

hai ,聪明的方法咱不会,笨方法咱还不会吗
我的解决方案就是在 head 中,添加下面代码:

    ['script', { src: "https://www.googletagmanager.com/gtag/js?id=G- XXXXXXXXXX",async: true}],
    ['script', {},
                " window.dataLayer = window.dataLayer || [];\
                function gtag(){dataLayer.push(arguments);}\
                gtag('js', new Date());\
                gtag('config', 'G-XXXXXXXXXX');"],
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6

接下来验证是否设置成功,来到网站, F12 打开,看看有没有发送 collect 请求,有发送则说明设置成功

路过的哪位大神,如果你也是 vuepress-theme-hope 模板,而且成功添加了谷歌统计代码,跟我说说你怎么设置的呗~

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/花生_TL007/article/detail/352927
推荐阅读
相关标签
  

闽ICP备14008679号