having some issues with post pageviews(goatcounter)

[SoumyaK4]

Checklist

• I have read and accepted the contributing guidelines.

How did you create the site?

Generated from chirpy-starter

Description

Issue 1

Today I saw a specific post is showing pageview as NaN. All other posts are showing as usual.
Note, that this is the most popular post of my site and has the most views.
Check the post in question here
And according to goatcounter it recently crossed 1k lifetime views, so I'm wondering if Chirpy is having problems rendering views over 1k.

Issue 2

I recently got another mobile device and all the pageviews are shows as 1 in all posts.
I also tested from a friend's pc and saw the same results.
But from my pc and old phone it seems to be working well.

Operations you have already tried

I really have no idea why this is happening to this specific page that crossed 1k view, I couldn't test cause I'm not aware of any other page having more than 1k view currently.
The developer tools does not have a single error so I'm really clueless.

Anything else?

Note, the url shared above is still running the previous chirpy version, just after I upgraded to v7.3.0 in localhost I saw this, and checked the live version, both has same issues. So I don't think this is something that happened for changes in the last version.

[SoumyaK4]

@cotes2020 @kungfux any idea?
Sorry for the ping 😅

[kungfux]

@SoumyaK4 Regarding the Issue 1, I suspect this happens because GoatCounter's JSON response returns formatted value string:

containing the total number of visitors as a formatted string with thousands separators
https://www.goatcounter.com/help/visitor-counter#json-160

Please try to override the _includes/pageviews/goatcounter.html with modified script to see if it works as expected. Then, we will submit a bugfix.

Thanks.

Details

<!-- Display GoatCounter pageviews -->
<script>
  document.addEventListener('DOMContentLoaded', () => {
    const pv = document.getElementById('pageviews');

    if (pv !== null) {
      const uri = location.pathname.replace(/\/$/, '');
      const url = `https://{{ site.analytics.goatcounter.id }}.goatcounter.com/counter/${encodeURIComponent(uri)}.json`;

      fetch(url)
        .then((response) => response.json())
        .then((data) => {
          const count = data.count.replace(/\D/g, '');
          pv.innerText = new Intl.NumberFormat().format(count);
        })
        .catch((error) => {
          pv.innerText = '1';
        });
    }
  });
</script>

- const count = data.count.replace(/\s/g, '');
+ const count = data.count.replace(/\D/g, '');

[kungfux]

Regarding the Issue 2.

The value of 1 is also used as a fallback value, so it's hard to suggest something except trying to check the response from GoatCounter in devtools to see what happens exactly.

[SoumyaK4]

Please try to override the _includes/pageviews/goatcounter.html with modified script to see if it works as expected. Then, we will submit a bugfix.

This worked @kungfux

[SoumyaK4]

2nd issue seems to be because of adblockers, nothing to do here.

[VisionTQ]

2nd issue seems to be because of adblockers, nothing to do here.

Hey @SoumyaK4 i visited your site to check if i have the same issue and still you have 1 view on all of your posts. Are you sure it's because of ad blockers? I even tested it myself with different devices and even browsers and still, the same issue.