PageView counter at top of the posts using Goatcounter about jekyll-theme-chirpy HOT 3 CLOSED

I was happy to help @sukhjinder-kumar

is there something we can do so that Adblocker doesn't block the request?

I don't think so. If user decided to protect his privacy and so Adblock extension prevents to send requests to analytics, there is no way to bypass easily, I guess.

Please check additional info available in GoatCounter's FAQ regarding this problem as there are options described.

from jekyll-theme-chirpy.

@sukhjinder-kumar I have implemented views counter recently using GoatCounter, here what I have done.

• I have copied original _layouts/post.html to my project, so I can override it to add views counter where I want it to be

      <span>
        {% include views.html tooltip=true lang=lang %}
        {{ site.data.locales[lang].post.pageview_measure }}
      </span>

• Created a new file _includes/views.html to have views counter logic

<!-- Views Counter -->

<script>
  const r = new XMLHttpRequest();
  r.addEventListener('load', function() {
      document.querySelector('#views').innerText = JSON.parse(this.responseText).count
  });
  const uri = location.pathname.replace(/\/$/, "");
  r.open('GET', 'https://{{ site.goatcounter.id }}.goatcounter.com/counter/' + encodeURIComponent(uri) + '.json');
  r.send();
</script>

<span>
  <em id="views">
    ∞
  </em>
</span>

The JS code is taken from GoatCounter site https://www.goatcounter.com/help/visitor-counter#json-851
That's about it. I hope this helps you get what you want while waiting for the changes in the theme.

P.S. Error fetching Json may be expected when there are no data for page visits in GoatCounter yet.

from jekyll-theme-chirpy.

Thank you for taking your time and helping me out. This solves my issue. Just to be sure, is there something we can do so that Adblocker doesn't block the request? I saw it on your github.io too, ublock is blocking the request (works in incognito).

from jekyll-theme-chirpy.