npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

@zeroindexed/toph-worker

v1.1.0

Published

Privacy preserving website analytics

Downloads

8

Readme

@zeroindexed/toph-worker

Privacy preserving website analytics. Features:

  • Cookie-less tracking with heuristic based unique visitor identity, see implementation.
  • Free, up to very generous limits.
  • Zero configuration single HTML tag setup that supports page views from multiple domains.
  • Fast, zero byte payload delivered by Cloudflare edge servers.
  • Backed by Google Universal Analytics, leveraging all the UI and reporting goodness without leaking visitor information.

Usage

Assuming that the Cloudflare worker is deployed to https://toph.zeroindexed.com, you can simply drop the following HTML into the <head> element of any page:

<script
    async
    referrerpolicy="no-referrer-when-downgrade"
    src="https://toph.zeroindexed.com/pageview"
></script>

The async attribute minimizes the performance cost by permitting the browser to continue parsing and presenting the page without waiting for analytics overhead.

The explicit referrerpolicy attribute directs the browser to send the Referer header when fetching the analytics resource. This is how Toph knows what page is being viewed, but see the API for avoiding the Referer header and making things explicit. You may wish to use a different referrerpolicy depending on your threat model and HTTPS setup.

The src attribute tells the the browser to fetch the /pageview API, which invokes the Toph Cloudflare worker, which then makes a network request to Google Analytics.

API

Toph supports a small HTTP API:

  • /: intended to redirect curious visitors to a URL of your choosing, like a privacy policy.
  • /pageview: collects page view hits and forwards them to Google Universal Analytics.

The / API will issue an HTTP 302 redirect to the configured ROOT_REDIRECT (see deployment).

This environment variable is optional, not specifying it will result in / responded with HTTP 404.

/ does not distinguish what HTTP method it was invoked with.


/pageview sends a t=pageview hit to Google Universal Analytics.

/pageview does not distinguish what HTTP method it was invoked with.

/pageview supports optional parameters passed as query parameters in the URL:

  • ?url=<percent-encoded-url>: By default, the document location URL is derived from the HTTP Referer header, which requires cooperation from the browser and can be unreliable. Passing the url parameter provides an explicit document location URL which overrides any Referer that was passed in. For example:
# `url` must be absolute and percent encoded
$ curl https://toph.zeroindexed.com/pageview?url=https%3A%2F%2Fzeroindexed.com
  • ?expiration=<number>: Number of seconds to expire the visitor session after. Overrides the DEFAULT_SESSION_EXPIRATION_SECONDS.
  • ?extension=<number>: Number of seconds to extend the visitor session after. Overrides the DEFAULT_SESSION_EXTENSION_SECONDS.

The expiration and extension parameters influence how unique visitors are counted. They can be overridden on a per page basis:

# An expiration of 2 hours and an extension every 20 minutes
$ curl https://toph.zeroindexed.com/pageview?expiration=7200&extension=1200

Deployment

The related package @zeroindexed/toph-pulumi is a Pulumi package that makes deployment trivial. Use it if you can.

If you must do things manually, start by downloading the bundled script and uploading it as a Cloudflare workers script under your own account. The following environment variables are required:

  • KV: Required, a KV namespace binding to store unique visitor information.
  • TRACKING_ID: Required, Google Universal Analytics ID to send hits to.
  • DEFAULT_SESSION_EXPIRATION_SECONDS: Required, number of seconds before a unique visitor session ends.
  • DEFAULT_SESSION_EXTENSION_SECONDS: Required, number of seconds before a visitor session refreshes.
  • ROOT_REDIRECT: Optional, URL that / will redirect to.

Screenshot of an example Cloudflare workers configuration

Implementation

Toph is an HTTP service deployed as a Cloudflare worker that acts as a privacy preserving proxy between the visitor's browser and Google Analytics.

The analytics event is collected only over HTTP, which nullifies many modern fingerprinting techniques that rely on JavaScript.

Google Analytics only sees a connection from Cloudflare servers, so Google never sees a visitor's IP address or User-Agent. Toph has access to this information but chooses not to forward it. However, Cloudflare will pick edge servers close to the visitor's geographic location and Google will see an IP address originating from Cloudflare data centers. This has the side effect of making Google Analytics geographic reports somewhat useful, but depending on your point of view, this can also be considered a minor information leak.

Counting unique visitors

Toph uses persistence backed by Cloudflare workers KV to implement a time based heuristic scheme for identifying clients.

A "session" is uniquely identified by the SHA256 hash of the visitor IP address and User-Agent. The first time a hash is encountered, a UUID v4 is generated for use as the Google Analytics client ID. This UUID is uncorelated to the hash, so multiple separate sessions with the same IP address and User-Agent would still get different client IDs from Google's perspective.

A session is automatically ended after a "session expiration duration", which is DEFAULT_SESSION_EXPIRATION_SECONDS unless overriden by the ?expiration=<number> parameter. If the user persists in sending /pageview events after a "session extension duration" (defaults to DEFAULT_SESSION_EXTENSION_SECONDS but can be overriden by ?extension=<number>), the session is extended and reset for another "session expiration duration".

Due to the possible timings, the nature of caching, and eventually consistent writes, the actual session duration is approximately between expiration - extension and expiration + extension seconds. Adjust timing thresholds to your use case.

This sort of cookie-less tracking has prior art, Plausible uses a similar scheme. However, they seem to use a complicated daily rotating salt for some reason, Toph merely expires the SHA256-to-UUID mapping as a means of anonymization.

Plausible's testing indicates that such a scheme is likely okay for approximate unique visitor counts for a variety of websites:

In our testing, using IP addresses to count visitors is remarkably accurate when compared to using a cookie. Total unique visitor counts were within 10% error range with IP-based counting usually showing lower numbers.

— https://plausible.io/blog/google-analytics-cookies#but-what-if-the-ip-address-of-a-visitor-gets-changed

Why Universal Analytics?

These days, Google Analytics is strongly pushing for Google Analytics 4 usage. Toph uses the older Universal Analytics, which requires jumping through some "advanced options" hoops when setting up a new property.

The measurement protocol for Google Analytics 4 comes with a big disclaimer:

Warning: This is an alpha API and subject to change. You may encounter breaking changes while it is in alpha. Code using this API should not be pushed to production. See limitations for issues that will be address before a general availability launch.

So Toph opts for the established Universal Analytics protocol instead, with the narrower use case of website analytics.

Why not...?

Toph is a new player in the already well established website analytics space. There are tons of existing solutions, what's the justification for another one to exist?

For starters, Toph isn't actually a fully fledged website analytics solution. It merely piggybacks off the hard work of Google Analytics while presenting a privacy preserving in-between layer. This isn't novel, Cloudflare themselves provide something similar as an example use case for Cloudflare workers and a simple Google search turns up at least one other alternative.

Instead, Toph's value proposition derives from the combination of:

  • Free, especially in the use case of blog analytics for https://zeroindexed.com.
  • Minimal setup with HTTP Referer based tracking.
  • Minimal performance overhead.
  • Privacy preserving for visitors.

All the established players ended up failing some of these criteria:

  • Google Analytics is definitely not privacy preserving.
  • Self hosting Matamo requires a server that is continously online, which is not free.
  • Plausible is unabashedly at least $6/month (good for them, good products should have a chance to make money; they're just not a good fit for my low traffic blog).
  • Cloudflare analytics is arguably closest to what Toph offers, but only available on the Pro tier which is $20/month.

Cost Analysis

Toph makes extensive use of the Cloudflare workers free tier to minimize costs. However it does issue a write per unique visitor as well as for session extension, so it is possible to run into the limits of 1000 writes per day.

If your website is popular, this writes per day limit is likely going to be the limiting factor. Your options are:

  • Deal with the fact that you'll miss analytics events during these bouts of popularity.
  • Pay the $5/month fixed cost (and whatever variable cost) to upgrade to the workers paid plan with at least 1 million writes per month. This cost can be amortized across other projects that also utilize Cloudflare workers as their deployment mechanism (cough like a controller UI for valheim cough).