Analytics with CSS

[christophberger]

I wonder if Pirsch could include this One Weird Tick by bearblog.dev:

When a person accesses the website the page is loaded. On each page I have the following CSS:

body:hover {
    border-image: url("/hit/{{ post.id }}/?ref={{ request.META.HTTP_REFERER }}");
}

The only info I need to actively re-add to this request is the referrer (yes, HTTP_REFERER is spelt incorrectly).

Now, when a person hovers their cursor over the page (or scrolls on mobile) it triggers body:hover which calls the URL for the post hit.

It sounds like a perfect solution if JS is not an option.

[Kugelschieber]

Interesting idea :)

You can already do something like this using a simple proxy script and the API. Setting up the PHP SDK for example in a file and calling it from your CSS. Would that be an option?

[christophberger]

Generally, yes.
For me, no, unless I switch to self-hosting a web server that can run the proxy script. (I currently use Netlify for my blog, and my courses are hosted by New Zenler.)

[Kugelschieber]

I'll add a ticket for it and look into it for version 2.3 (currently working on 2.2) :)

[Kugelschieber]

Btw. we now have a public forum: https://forum.pirsch.io/ I would prefer that over GitHub, so everything is in one place :)

We might close the discussions section here soon.