Hexo Butterfly博客添加Google分析

最新推荐文章于 2024-08-31 09:00:00 发布
最新推荐文章于 2024-08-31 09:00:00 发布
阅读量791 收藏 8
点赞数 12
文章标签： 数据分析 学习 googlecloud
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_62201229/article/details/134981252
版权
本文介绍了如何在HexoButterfly博客中添加GoogleAnalytics，包括创建账户、设置属性、获取跟踪ID以及将其添加到博客配置中。步骤详细，确保正确部署后，博客将显示GoogleAnalytics数据。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

Hexo Butterfly博客添加Google分析

进入谷歌分析官网:https://analytics.google.com/analytics/web/
如下图所示:

avatar

点击开始评估

avatar

输入账户名,随便填就行,点击下一步

avatar

输入属性名称(随便填),填上你的博客域名,点击下一步

剩下的步骤按自己的情况填就行

最后会弹出一个弹窗,上面会有一个跟踪id,一般以UA开头,将它复制下来,在_config.butterfly.yml文件中搜索google_analytics,在这个后面把你的跟踪id填进去,如下所示:

avatar

如果你小心把谷歌分析的网址关了,应该怎么找跟踪id呢?

进入后台,点击管理:
avatar

找到资源存取管理,点击:
avatar

点开查看使用者的账户详细资料就能找到:

avatar

下图我打红色码的就是跟踪id:

avatar

更改好了以后,重新部署博客,最后看到这样的页面:

avatar

就大功告成啦!

最后欢迎大家访问我的个人博客

levitgu
关注
Hexo fluid 中关联 Google Anlytics 的具体方法
weixin_42242398的博客
12-23 482
文章目录最终效果1、注册Google analytics 账号2、根据图示一步步往下走3、更改fluid代码设置：4、验证效果 最终效果 自己的博客总是要有查看访问量和访客情况的需求，由于我的博客是基于Hexo fluid的主题，该主题有绑定Google analytics的接口，Google analytics是比较好用的网页数据可视化工具，你可以看到访客的访问地理分布、时间分布等等 同时在安卓和ios端也有客户端软件，非常的方便 1、注册Google analytics 账号 （在自己的google
Hexo-blog-yilia主题迭代 -- 增加RSS功能+百度统计/google统计
Dora之城
01-26 1217
增加RSS功能 安装RSS插件 注意一定要安装到blog的根目录 npm install --save hexo-generator-feed 在你的项目的‘_config.yml‘配置文件下找到Extensions添加如下内容： # Extensions #插件和主题 ## Plugins: https://hexo.io/plugins/ ## Themes: https://h...
Cenots7 通过 Hexo 搭建个人博客 并设置 Google Analytics 统计分析
a1099380657的博客
04-07 2304
1、安装 git # 安装 $ yum install git # 查看版本 $ git --version # 结果-> git version 1.8.3 2、安装npm 1、安装npm curl -fsSL https://rpm.nodesource.com/setup_16.x | sudo bash - sudo yum install nodejs 2、查看版本 node --version npm --version 3、安装nginx 这一步在我以前的博客有写到，...
Hexo博客添加Google Adsense
09-22 721
原文链接 https://xugaoxiang.com/2019/09/22/Hexo博客添加Google Adsense/
Hexo的Next主题中配置Google Analytics之后不生效的问题
以技术之名的博客
06-27 654
最近在优化Hexo博客，添加网站分析的功能，在配置Google Analytics之后，一直无法生效，最终发现是因为网站配置文件_config.yml中配置的url和 GitHub Pages的自定义域名不一致导致的。如果没有配置自定义域名的话应该没有问题，但是如果配置了自定义域名的话，一定要保证网站配置文件_config.yml中配置的url和 GitHub...
hexo_butterfly_blog:使用Hexo + Butterfly主题搭建的博客
03-17
除了基本功能，Butterfly还支持评论系统（如Disqus）、统计分析（如Google Analytics）、社交分享按钮等。你可以通过配置文件开启这些功能。 总的来说，“hexo_butterfly_blog”项目展示了如何利用Hexo和Butterfly...
Hexo搭建个人博客系列【七】- Butterfly主题使用及美化
viman3344的专栏
07-26 1790
是基于的的基础上进行开发的，当前版本是v4.13.0。主题官网：https://github.com/jerryc127/hexo-theme-butterfly。
【Hexo系列】【7】Butterfly主题使用及美化
middle_age666的博客
08-31 3740
是基于的的基础上进行开发的，当前版本是v4.13.0。主题官网：https://github.com/jerryc127/hexo-theme-butterfly。
Hexo自定义字体（Matery主题与Butterfly主题）
m0_46296826的博客
03-31 4975
自定义网站字体 准备 首先确保主题存在css文件：(hexo-theme-matery/source/css/.mycss) 路径很重要！文件没有用就自己创！ 本站使用的开源字体:JetBrains Mono 网站局部个性化字体 一般网站的web字体都可以直接从Google-Font获取资源，这样不用担心字体商业带来的法律问题 1）创建web字体引用 @font-face{ font-family: '引用的字体名称'; src: url('谷歌字体路径（或者其他什么字体引用）');
Hexo接入Google adsense广告
DonLex 的博客
01-02 5556
前言 新的一年开始，由于个人的博客站点：https://www.donlex.cn 已经建立几个月，一直安静地躺在那里做美男子。就想着接点小广告，赚一点睡后收入。于是搜索发现了Google AdSense ，发现它可以在hexo博客上挂上广告位进行展示，于是乎注册了一个账号，没想到今早通过了审核。 今天又弄了一下广告位的布局，总共commit了差不多10次左右，终于把广告位置排的比较合理了。 下面...
【hexo】基础教程-六-添加百度统计和Google统计
最爱吃大米的博客
07-25 1174
文章目录**简介****文件地址****配置**百度谷歌配置id 简介 百度统计和Google统计主要用于分析网站数据：流量、访客量等。 需要注册账号，将相应的提示代码加入到博客代码中去 百度统计网址：https://tongji.baidu.com Google统计网址：https://analytics.google.com/analytics/web/ 文件地址 yilia主题已集成，位置如下，我们只需要在主题的配置文件中进行配置即可。 F:\IdeaProjects\hexo\theme
mellow主题优化-接入Google Analytics
破旧的手枪の博客
02-21 541
欢迎访问我的博客 前言 mellow主题自带了百度统计，但是不得不说百度统计真的不大好用，数据同步慢，UI丑，没有移动端app…… 于是决定搞一下谷歌分析（Google Analytics）。 材料 一个谷歌账号 一个网站 一台能访问google的设备 一个会一点英语的人 在浏览器中进行 进入analytics.google.com，会显示让你登录 用你的google账号登录 因为我已经...
Butterfly主题安装文档(三)之主题配置2
热门推荐
风如也的博客
01-18 1万+
图片设置 站点图标 站点图标又称站点icon(favicon.ico) 修改主题配置文件_config.butterfly.yml： favicon: /img/favicon.png # 将图片放入 themes -> Butterfly -> source -> img 里 头像 头像即是首页个人卡片处展示的自己的头像 修改主题配置文件_config.butterfly.yml： avatar: img: /image/ava.png effect: false # 头像会
hexo+yilia添加百度统计和Google统计
荷塘月色
11-13 2449
百度统计和Google统计主要用于分析网站数据：流量、访客量等。
Google Analytics和百度统计比较
06-21 558
Google Analytics和百度统计都是网站常用的网站流量分析工具，与其他流量统计工具不同，Google Google Analytics和百度统计不只记录点击流数据，更注重点击流的分析与测量；并尽量将这些结果向Web分析和网络营销引导。这里是读者投递的一篇比较Google Analytics和百度统计的文章，供大家参考。　　百度统计与Google Analytics相同的地方：　...
hexo（butterfly）添加说说页面（Artitalk可在线发布）
cungudafa的博客
05-06 7506
文章目录一、前言二、我设置的记录参考1.申请leancloud国际版账号2.后台配置3.博客配置三、使用方法1. 输入内容2.输入密码3.发布说说、心情4.功能畅想四、更多 一、前言 之前有写一篇文章是如何在个人网站配置手写说说页面，这是我从drew叔 那搬运过来的，大家一直催问可不可以在线发布，终于drew叔动手了。 我看着他从leadcloud后台鼓捣到gtalk后台，再到leadcloud国...
基于Hexo+Github构建个人博客（二）
果汁分你一半
11-06 1242
这篇主要介绍基于Maupassant主题做一些个性化的设置，包括评论功能，流量统计，文章摘要和标签分类等。
搭建Jekyll个人博客与配置 Google Analytics 和 Disqus 教程
Hazel的博客
02-22 1741
1. 配置jekyll安装环境与部署博客网站 2. 添加Google Analytics监控你的Jekyll站点 3. 添加 Disqus 评价系统到 Jekyll
hexo butterfly 博客分类
最新发布
03-27
<think>好的，用户想了解在Hexo Butterfly主题中如何实现博客分类功能。我需要先回忆一下Hexo的基本结构和Butterfly主题的相关配置。Hexo通常通过生成器和模板来管理内容，分类功能一般涉及到文章头部的Front Matter设置，以及主题的配置文件中相关部分的启用。 首先，用户需要在每篇博客的Markdown文件头部添加分类信息，比如categories: 分类名称。然后，Hexo会自动根据这些信息生成对应的分类页面。不过，仅仅这样可能还不够，因为Butterfly主题可能需要额外的配置来显示分类页面，比如创建对应的页面模板，并在主题配置中启用分类菜单。 接下来，可能需要指导用户创建分类页。通常，这可以通过在Hexo的source目录下创建一个新的文件夹，比如categories，然后添加一个index.md文件，里面指定布局为分类。例如，在index.md中设置layout: categories，这样Hexo在生成静态页面时会使用分类布局。 然后，检查主题配置文件_config.yml中的菜单设置，确保分类菜单项被正确添加，并且链接到正确的路径。例如，在menu部分添加分类: /categories/ || fas fa-folder-open。同时，可能需要调整分类页面的显示样式，比如每页显示的文章数量、排序方式等，这些通常在主题的配置文件中进行设置。 另外，用户可能需要了解如何为不同的分类添加不同的样式或图标，这可能需要修改主题的模板文件或者使用自定义CSS。不过，根据Butterfly主题的文档，可能已经有内置的支持，比如通过Front Matter指定分类的图标，或者在主题配置中定义分类的展示方式。 还需要注意，用户可能遇到分类页面未生成、菜单项不显示或者分类文章未正确归类的问题。这时候需要检查Front Matter是否正确，分类名称是否有拼写错误，以及Hexo的生成命令是否执行正确。此外，清理缓存（hexo clean）后再重新生成和部署可能解决一些意外的问题。 最后，参考用户提供的引用内容，特别是引用[2]和引用[3]，应该引导用户查阅Butterfly的官方文档和GitHub仓库，以获取最新的配置方法和可能的更新。引用[4]提到的CDN问题可能与分类功能无关，但如果在配置过程中遇到资源加载问题，可以考虑调整CDN设置。</think>### 在Hexo Butterfly主题中实现博客分类功能的步骤 #### 1. **为文章添加分类标签** 在每篇博客的Markdown文件头部（Front Matter）中，通过`categories`字段指定分类名称。例如： ```markdown --- title: "Hexo教程" date: 2023-10-01 categories: [建站, 技术] --- ``` 多个层级分类用数组表示，如`[父分类, 子分类]`。 #### 2. **创建分类页面** 在Hexo根目录执行以下命令，生成分类页模板： ```bash hexo new page categories ``` 这会创建`source/categories/index.md`文件，编辑其内容为： ```markdown --- title: 分类 type: categories comments: false # 是否开启评论（根据需求调整） --- ``` #### 3. **配置主题菜单** 在Butterfly主题的配置文件`_config.yml`中，找到`menu`字段并添加分类菜单： ```yaml menu: 分类: path: /categories/ icon: fas fa-folder-open ``` 支持自定义图标（参考[Font Awesome](https://fontawesome.com/icons)）。 #### 4. **调整分类显示样式（可选）** 在主题配置文件中修改分类页参数： ```yaml # 分类页每页显示文章数 category_generator: per_page: 10 order_by: -date ``` #### 5. **高级优化** - **分类图标与描述**： 在`source/_data`目录下创建`categories.yml`，定义分类的图标和描述： ```yaml - name: 技术 icon: fas fa-code description: 编程与开发相关文章 ``` - **分类页面美化**： 通过自定义CSS（`source/_data/styles.css`）修改分类标题颜色、布局等。 #### 6. **验证与调试** - 运行`hexo clean && hexo g && hexo s`本地预览 - 检查分类页是否生成（访问`http://localhost:4000/categories/`） - 确认文章是否出现在正确分类下
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值