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');"],

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

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

  • 7
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值