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

郑璐璐2024-04-02 20:30

最近做了个网站,从 cloudflare 来看访问量,过去 30 天访问量竟然有 1.32k

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

官网给出的解决方案在这里: 社区插件

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

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

java 复制代码

    ['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 模板,而且成功添加了谷歌统计代码,跟我说说你怎么设置的呗~