在Github页面上记录访客日志？

Question

我在Github Pages上有一个小网站，我想知道是否有办法查看访问该页面的人数（我认为可能只有1-3个）？ Github统计中的流量选项卡显示不出任何内容，而且由于它是在Github Pages上，我不能写入文件或数据库。

有什么方法吗？使用Javascript发送推文到专门用于记录访问者的帐户，写入数据库，尽管有人说这是一个坏主意..总之，有没有任何方法？

- user1021085

---

我认为你可以很容易地在Github页面上设置Google Analytics。https://dev59.com/EmQm5IYBdhLWcg3w8i2D - Yoann

@YoannM 我正在尝试按照这个指南 https://github.com/rainlab/googleanalytics-plugin 进行操作，但是它告诉我要“在新标签页中导航到主要的 Google Analytics 网站并选择您想要跟踪的属性。”，当我点击 Google Analytics 的链接时，页面只是灰色/空白。所以我不知道该怎么继续了... - user1021085

实际上，我将authuser=0更改为=1，现在可以注册一个帐户了。 - user1021085

这个回答是否解决了您的问题？寻找托管在 GitHub Pages 上的网站访问量的数量 - Franck Dernoncourt

Answer 1

也许这会有所帮助。我使用它来计算访问我的个人作品集的人数，这些作品集托管在GitHub页面上，而且非常有效。

const KEY = `YOUR_KEY`;
const NAMESPACE = "YOURDOMAIN.COM";
const COUNT_URL = `https://api.countapi.xyz`;

const counter = document.getElementById("visit-count");

const getCount = async () => {
    const response = await fetch(`${COUNT_URL}/get/${NAMESPACE}/${KEY}`);
    const data = await response.json();
    setValue(data.value);
};

const incrementCount = async () => {
    const response = await fetch(`${COUNT_URL}/hit/${NAMESPACE}/${KEY}`);
    const data = await response.json();
    setValue(data.value);
};

const setValue = (num) => {
    counter.innerText = `Total Unique Visitor: ${num}`;
};

if (localStorage.getItem("hasVisited") == null) {
    incrementCount()
        .then(() => {
            localStorage.setItem("hasVisited", "true");
        })
        .catch((err) => console.log(err));
} else {
    getCount()
        .catch((err) => console.log(err));
}

- Hm Elius Hossain Himel