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

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

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

这篇关于vuepress-theme-hope 添加谷歌统计代码的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---