NotionNext帮助手册
Language
English
中文
更多
作者博客
项目主页
Ctrl+K
Language
English
中文
更多
作者博客
项目主页
Notion开源、免费、快速建站
✨ 更新日志
NotionNext-升级教程
V4.9.5.2 - Latest
V4.0 → V4.9.0
V3.0 → V3.16.3
V2.0 → V2.9.1
V1.0 → V1.5.0
🚀 安装部署
Vercel部署NotionNext
Vercel绑定自定义域名
Vercel域名加速
NotionNext项目运行原理
Vercel部署多个Github网站
Vercel静态部署NotionNext
Vercel快速重新部署项目
CloudFlarePage静态部署
Netlify云函数部署
EdgeOne部署NotionNext
VPS本地服务器
4EverLand部署NotionNext-Web3.0方案
Zeabur云部署
✒ Notion教程
Notion文章示例
Notion数据备份
Notion数据库的使用
Notion模板的使用
Notion嵌入B站视频
Notion快捷键大全
Notion-faster加速Notion
Notion文字添加超链接
NotionNext将单页隐藏
NotionNext定时发布文章
📓
Notion进阶教程
🛠 站点配置
关于站点缓存
如何配置站点
批量配置 INLINE_CONFIG
基础信息
图片/封面管理
站点图标favicon与Github图床
URL风格自定义
网站公告
菜单管理-二级菜单
字体字号
图标库-FontAwesome
图标库-IconFont
代码块风格
自定义数据库表头
多数据库:多语言/多板块
站点组合
API_BASE_URL
⭐ 主题参数
主题功能说明
Typography主题
Magzine主题
Proxio主题
Simple主题
Hexo/Matery主题
Gitbook主题
HEO主题
Starter主题
Movie主题
Game主题
Commerce主题
📊 网站统计
站点统计相关
UMAMI统计
搜索引擎收录
Clarity站点统计
51LA站点统计
Ackee站点统计
📩 评论插件
评论插件说明
Cusdis
Utterance
Giscus
Twikoo
Artalk
Gitalk
Valine
Waline
🧷 外部扩展
外部插件说明
音乐播放器
Live2D宠物插件
Algolia搜索引擎
AI聊天机器人-Coze
AI聊天机器人-ChatBase
Facebook聊天插件[已失效]
SaleSmartly聊天插件
TIDIO聊天插件
Google广告营收插件
⌨ 开发教程
小白学习-前端开发入门到精通
NotionNext开发先导
NotionNext用配置调整样式
NotionNext自建主题
实操案例-自定义鼠标特效
借助AI开发NotionNext
基础教程-简单理解React和JSX
基础教程-NextJs是什么
基础教程-Tailwind CSS
基础教程-如何用Git提交代码
🔊 运营教程
🏫
网站SEO推广
💬
验证码解锁文章OpenWrite/TechGrow
✉️
Mailchimp邮件订阅
👨👦👦 获取帮助
1.社群守则
2.留言反馈
3.社群讨论
4.付费求助
💪 支持我们
👋
支持NotionNext
💴
Waiting List
Clarity站点统计
category
📊 网站统计
tags
type
Post
status
Published
slug
notion-next-clarity
summary
date
Last edited time
Jan 31, 2024 09:39 AM
icon
password
什么是Clarity
微软推出的完全免费的站点统计数据,它是一个用户行为分析工具,可帮助你了解用户如何通过会话重播和热度地图等功能与网站交互。
优点
Microsoft Clarity有以下这些优点:
墙内使用无忧,微软出品。
无抽样,100%还原数据。
100%免费,
对站点大小量级无限制。
接近实时的数据更新。
不影响网站性能。
可与其他分析工具集成。
数据安全,不收集敏感信息。
效果
在后台查看实时访客,总访客、文章访问、等信息。
支持实时查看用户访问的动作,您可以身临其境地了解到每一个用户在您的站点中,依次浏览了什么内容,点击了什么按钮,在哪篇文章停留得最久。
同时clarity支持直接连接您的GoogleAnalytics数据,在clarity后台就可以查看GA的统计数据
接下来介绍如何部署
创建您的Clarity账户
登录clarity
Microsoft Clarity - Free Heatmaps & Session Recordings
Clarity is a free user behavior analytics tool that helps you understand how users are interacting with your website through session replays and heatmaps.
https://clarity.microsoft.com/
设置您的站点信息
获取Clarity的ID
创建好项目后选择手动安装
页面中的这串10个字符就是您的ID
配置NotionNext
对应的配置文件在
blog.config.js:356行
,在NotionNext项目后台添加如下环境变量即可
字段名
说明
示例值
NEXT_PUBLIC_CLARITY_ID
clarity的id
a1b2c3d4e5
您可以在blog.config.js 或者在 vercel环境变量,或者直接在notion-config中配置
Prev
搜索引擎收录
Next
51LA站点统计
Loading...
Catalog
什么是Clarity
优点
效果
创建您的Clarity账户
获取Clarity的ID
配置NotionNext
Last update: 2024-1-31
什么是Clarity
优点
效果
创建您的Clarity账户
获取Clarity的ID
配置NotionNext
旧站升级提醒
由于NotionAPI官方偶尔出现接口升级,导致
NotionNext无法获取站点数据
,以及
接口530等异常
。因此旧版本的站点如果遇到数据异常,请务必升级至最新的NotionNext版本。并按需
添加
API_BASE_URL
环境变量
。
站长提醒:
不少站长成功运营了自己的品牌站,却由于
访客暴增
,导致Vercel
费用超标
,
站点被暂停
。
此时
对于预算有限
或
运营模式未成熟
的站点、充会员等付费方案并不是必须的,可以考虑重新注册账号,或选择静态部署的方案,此方案可以让站点任然零费用运行。参考:
NotionNext帮助手册
Vercel静态部署NotionNext | NotionNext帮助手册
Vercel静态部署NotionNext | NotionNext帮助手册
纯静态部署将牺牲动态获取数据的便利性
Article List
Notion开源、免费、快速建站
✨ 更新日志
NotionNext-升级教程
V4.9.5.2 - Latest
V4.0 → V4.9.0
V3.0 → V3.16.3
V2.0 → V2.9.1
V1.0 → V1.5.0
🚀 安装部署
Vercel部署NotionNext
Vercel绑定自定义域名
Vercel域名加速
NotionNext项目运行原理
Vercel部署多个Github网站
Vercel静态部署NotionNext
Vercel快速重新部署项目
CloudFlarePage静态部署
Netlify云函数部署
EdgeOne部署NotionNext
VPS本地服务器
4EverLand部署NotionNext-Web3.0方案
Zeabur云部署
✒ Notion教程
Notion文章示例
Notion数据备份
Notion数据库的使用
Notion模板的使用
Notion嵌入B站视频
Notion快捷键大全
Notion-faster加速Notion
Notion文字添加超链接
NotionNext将单页隐藏
NotionNext定时发布文章
📓
Notion进阶教程
🛠 站点配置
关于站点缓存
如何配置站点
批量配置 INLINE_CONFIG
基础信息
图片/封面管理
站点图标favicon与Github图床
URL风格自定义
网站公告
菜单管理-二级菜单
字体字号
图标库-FontAwesome
图标库-IconFont
代码块风格
自定义数据库表头
多数据库:多语言/多板块
站点组合
API_BASE_URL
⭐ 主题参数
主题功能说明
Typography主题
Magzine主题
Proxio主题
Simple主题
Hexo/Matery主题
Gitbook主题
HEO主题
Starter主题
Movie主题
Game主题
Commerce主题
📊 网站统计
站点统计相关
UMAMI统计
搜索引擎收录
Clarity站点统计
51LA站点统计
Ackee站点统计
📩 评论插件
评论插件说明
Cusdis
Utterance
Giscus
Twikoo
Artalk
Gitalk
Valine
Waline
🧷 外部扩展
外部插件说明
音乐播放器
Live2D宠物插件
Algolia搜索引擎
AI聊天机器人-Coze
AI聊天机器人-ChatBase
Facebook聊天插件[已失效]
SaleSmartly聊天插件
TIDIO聊天插件
Google广告营收插件
⌨ 开发教程
小白学习-前端开发入门到精通
NotionNext开发先导
NotionNext用配置调整样式
NotionNext自建主题
实操案例-自定义鼠标特效
借助AI开发NotionNext
基础教程-简单理解React和JSX
基础教程-NextJs是什么
基础教程-Tailwind CSS
基础教程-如何用Git提交代码
🔊 运营教程
🏫
网站SEO推广
💬
验证码解锁文章OpenWrite/TechGrow
✉️
Mailchimp邮件订阅
👨👦👦 获取帮助
1.社群守则
2.留言反馈
3.社群讨论
4.付费求助
💪 支持我们
👋
支持NotionNext
💴
Waiting List
Article List
Catalog