大家好,我是LV。最近,有朋友问我国内的ChatGPT网站(chat.xmn-lv.cn/)到底有多火,还说最近AI运行速度变慢是不是因为网站刷爆了,应该没那么夸张,但是AI反应的速度确实是变慢了,还容易出错。
为了更好的了解自己站点的访问情况,于是,我决定为自己的网站添加流量分析。下面咱就来聊一聊流量分析的玩法,如何快速搭建。
注意: 本流量分析是基于Vercel平台,如果你还不了解Vercel的基本玩法,请移步历史文章《打造自己的专属博客,如此简单!》
效果展示
- 展示了总的使用量数据,根据IP和页面的访问次数来进行统计,如下,最近两天的网站次500+
- 展示来源于哪些外部网站没,可以看到来源于掘金的数量最多,后续可以多发掘金文章哈哈
- 展示来自的国家,竟然还有国外的使用者,应该是用魔法访问的
- 展示用户使用的系统,看来Android和Windows市场份额还是大啊,竟然还有Linux系统~
- 展示用户使用的浏览器,WeChat占第一,看来大多是我的公众号粉丝使用者
下面来正式教你如何接入流量分析!
三步搭建法
本文假设大家已经使用Vercel部署了一个项目,Vercel项目的构建等步骤本文不重复赘述,有需求请看历史文章,接下来开始接入流量分析,只需要简单的三步:
步骤一:在项目里,左侧菜单栏选择一下“Analytics”选项,在Analytics页面里,咱们需要点一下“Enable”按钮
步骤二:按照系统的提示增加代码
yarn add @vercel/analytics
import type { AppProps } from 'next/app';
import { Analytics } from '@vercel/analytics/react';
function MyApp({ Component, pageProps }: AppProps) {
return (
<>
<Component {...pageProps} />
<Analytics />
</>
);
}
export default MyApp;
步骤三:重新构建我们的项目
咱们通过流量分析的添加,可以更好地了解自己网站的情况。
比如说,咱们可以注意到用户在网站上花费时间的变化、流量的来源,还有哪个页面最受欢迎等等,从而调整网站的运营方向。
福利来袭
最近总是听到朋友吐槽ChatGPT账号注册被风控了,账号被标记滥用?不能接收短信验证?同一IP使用太多?
我狠狠研究了一波,最后 20分钟注册了10个账号 ,现在分享出来给大家抽奖!
在同名公众号《LV技术派》回复 抽奖 即可!