关于“你是第 个访问该网站”的实现

Question

目前指只会搞localStorage，但是只能统计本地。我想统计网站全部的访问人数。
经费为0，不打算搞服务器，所以似乎只能第三方库？搜到的不太好用，求推荐适合的库或其它解决方法

补充说明：想看看有没有轻量级的方法，避免杀鸡用牛刀。第三方工具可以有一定额度限制，小项目没啥人看问题不大。

Answer 1

引自免费微信小程序：皆我百晓生

针对你希望在经费为0且不使用服务器的情况下统计网站全部访问人数的需求，这里有一个基于第三方服务的解决方案。由于localStorage只能本地存储，无法跨用户共享数据，因此我们确实需要依赖一个能够提供简单计数功能的第三方服务。

推荐方案：使用免费的第三方统计服务Firebase Analytics（尽管它主要用于更复杂的分析，但也可以用于简单的访问量统计）。

步骤如下：

1. 注册并创建Firebase项目

   • 访问Firebase官网firebase.google.com，并按照指示创建新项目。
   • 在Firebase控制台中启用Analytics模块。

2. 集成Firebase到前端项目

   • 首先，在项目中通过npm或CDN引入Firebase SDK：

     <!-- 引入 Firebase SDK -->
     <script src="https://www.gstatic.com/firebasejs/9.6.7/firebase-app.js"></script>
     <script src="https://www.gstatic.com/firebasejs/9.6.7/firebase-analytics.js"></script>
     
     <script>
       // 初始化Firebase应用
       const firebaseConfig = {
         apiKey: "YOUR_API_KEY",
         authDomain: "YOUR_AUTH_DOMAIN",
         projectId: "YOUR_PROJECT_ID",
         storageBucket: "YOUR_STORAGE_BUCKET",
         messagingSenderId: "YOUR_MESSAGING_SENDER_ID",
         appId: "YOUR_APP_ID"
       };
     
       // Initialize Firebase
       firebase.initializeApp(firebaseConfig);
       firebase.analytics();
     </script>
     

   • 将上述代码中的YOUR_XXX替换为Firebase控制台中对应项目的配置信息。

3. 追踪页面访问

   • 当网页加载时，Firebase Analytics会自动记录页面视图事件。这意味着只要用户加载了页面，就会被Firebase视为一次访问。

4. 查看统计结果

   • 登录Firebase控制台，进入Analytics模块查看统计数据，包括用户、会话等关键指标。

需要注意的是，Firebase Analytics虽然提供了强大的实时和历史数据分析能力，但它并不直接提供一个简洁的“你是第X个访问该网站”的实时展示功能。如果你确实需要在网页上显示这样的信息，可能仍需配合一些自定义逻辑，并且由于Firebase的数据更新存在延迟，这个数字可能不会实时准确。

另外，Firebase有免费额度，超出部分则可能产生费用，请根据实际情况评估。若仅做基本访问量统计，通常情况下免费额度足够使用。