31:T443,# Plausible Analytics on Observable *Here is code snippet for uploading pageview analytics to [Plausible.io](https://plausible.io). Plausible.io is the least personally invasive usage tracker that I know. No personal information is transmitted nor tracking identifiers installed. So no GDPR consent is required*. All it tracks is page views, dwell time and screen res (device detection), which is enough for me to see *which notebooks provide long term value* so I can prioritize accordingly. The snipper here will upload stats for the underlying content domain: `.static.observableusercontent.com` to [plausible.io](https://plausible.io/) (e.g. tomlarkworthy.static.observableusercontent.com) Plausible's tracking snippet (plausible.js) was forked so it would report notebook paths properly ```js import {snippet} from '@endpointservices/plausible-analytics' ``` ```js snippet ``` ### Change log - 2021-11-25: Bug fix, use safe-localstorage ### Known issues - referrer is always "observablehq.com" - pages loaded through /embed/ are unintelligible links worker links.32:T7e2,snippet = { const DATA_DOMAIN = window.origin.replace("https://", ""); const DATA_API = "https://plausible.io"; var a = html``, // Fix for Observable r = window.document, t = localStorage, // Fix for Observable o = r.currentScript, s = "https://plausible.io/api/event", l = t && t.plausible_ignore; function p(t) { console.warn("Ignoring Event: " + t); } function e(t, e) { if ( /^localhost$|^127(\.[0-9]+){0,2}\.[0-9]+$|^\[::1?\]$/.test(a.hostname) || "file:" === a.protocol ) return p("localhost"); if ( !( window._phantom || window.__nightmare || window.navigator.webdriver || window.Cypress ) ) { if ("true" == l) return p("localStorage flag"); var i = {}; (i.n = t), (i.u = a.href), (i.d = DATA_DOMAIN), (i.r = r.referrer || null), (i.w = window.innerWidth), e && e.meta && (i.m = JSON.stringify(e.meta)), e && e.props && (i.p = JSON.stringify(e.props)); var n = new XMLHttpRequest(); n.open("POST", s, !0), n.setRequestHeader("Content-Type", "text/plain"), n.send(JSON.stringify(i)), (n.onreadystatechange = function () { 4 == n.readyState && e && e.callback && e.callback(); }); } } var i = (window.plausible && window.plausible.q) || []; window.plausible = e; for (var n, w = 0; w < i.length; w++) e.apply(this, i[w]); function d() { n !== a.pathname && ((n = a.pathname), e("pageview")); } var u, c = window.history; c.pushState && ((u = c.pushState), (c.pushState = function () { u.apply(this, arguments), d(); }), window.addEventListener("popstate", d)), "prerender" === r.visibilityState ? r.addEventListener("visibilitychange", function () { n || "visible" !== r.visibilityState || d(); }) : d(); }33:[] 2f:{"title":"Plausible Analytics on Observable","cells":[{"id":0,"value":"$31","pinned":false,"hidden":false,"mode":"md"},{"id":129,"value":"md`## [@endpointservices](/@endpointservices) plausible.io dashboard\n\n[Plausible.io](https://plausible.io) allows you to [embed your dashboard](https://plausible.io/docs/embed-dashboard), here is [@endpointservices](https://plausible.io/endpointservices.static.observableusercontent.com) and you can even embed your dashboards like I have below:\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":120,"value":"\n

Stats powered by Plausible Analytics

\n","pinned":false,"hidden":false,"mode":"html"},{"id":136,"value":"### Forked Snippet","pinned":false,"hidden":false,"mode":"md"},{"id":42,"value":"$32","pinned":true,"hidden":false,"mode":"ojs"},{"id":154,"value":"import { localStorage } from \"@mbostock/safe-local-storage\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":162,"value":"import { footer } from \"@endpointservices/footer\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":164,"value":"footer","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W33","stdlib":"1","titling":"auto"}