GitHub/quartz
1
0
Fork 2
mirror of https://github.com/jackyzha0/quartz.git synced 2025-12-24 05:14:06 -06:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix(goatcounter): properly count SPA page hits

Browse Source 
1. Should not create new instance after count.js, as it already setup an
instance.
2. Script block would be removed when navigating with SPA, and it cause
count.js can not find endpoint by query. The solution is to set
endpoint manually.
This commit is contained in:
Wen Taichi 2025-06-30 04:09:58 +08:00
parent 52a5196f38
commit 569be924f6
1 changed files with 9 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
quartz/plugins/emitters/componentResources.ts
View File

@ -135,15 +135,19 @@ function addGlobalPageResources(ctx: BuildCtx, componentResources: ComponentReso
`) `)
} else if (cfg.analytics?.provider === "goatcounter") { } else if (cfg.analytics?.provider === "goatcounter") {
componentResources.afterDOMLoaded.push(` componentResources.afterDOMLoaded.push(`
const goatcounterScriptPre = document.createElement('script');
goatcounterScriptPre.textContent = \`
window.goatcounter = { no_onload: true };
\`;
document.head.appendChild(goatcounterScriptPre);
const endpoint = "https://${cfg.analytics.websiteId}.${cfg.analytics.host ?? "goatcounter.com"}/count";
const goatcounterScript = document.createElement('script'); const goatcounterScript = document.createElement('script');
goatcounterScript.src = "${cfg.analytics.scriptSrc ?? "https://gc.zgo.at/count.js"}"; goatcounterScript.src = "${cfg.analytics.scriptSrc ?? "https://gc.zgo.at/count.js"}";
goatcounterScript.defer = true; goatcounterScript.defer = true;
goatcounterScript.setAttribute( goatcounterScript.setAttribute('data-goatcounter', endpoint);
'data-goatcounter',
"https://${cfg.analytics.websiteId}.${cfg.analytics.host ?? "goatcounter.com"}/count"
);
goatcounterScript.onload = () => { goatcounterScript.onload = () => {
window.goatcounter = { no_onload: true }; window.goatcounter.endpoint = endpoint;
goatcounter.count({ path: location.pathname }); goatcounter.count({ path: location.pathname });
document.addEventListener('nav', () => { document.addEventListener('nav', () => {
goatcounter.count({ path: location.pathname }); goatcounter.count({ path: location.pathname });