2d:null 2e:["$","title",null,{"children":"Plausible Analytics on Observable | Endpoint Services | Observable"}] 33: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.34: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(); }35:[] 31:{"id":"aafd81f1e038431f","slug":"plausible-analytics","title":"Plausible Analytics on Observable","thumbnail":"a26ca341ff16990cb7b30874f94a086bb5296864dd1b269dee9b2db3fe176f4e","access_level":"public","create_time":"$D2021-10-10T17:26:52.049Z","update_time":"$D2022-03-31T18:12:16.978Z","view_time":null,"first_public_time":"$D2021-10-10T17:55:29.960Z","has_unpublished_edits":null,"fork":false,"stars":13,"starred":false,"owner":{"type":"team","id":"8d94490bed468d92","login":"endpointservices","name":"Endpoint Services","avatar_url":"https://avatars-next.observableusercontent.com/aa238f4bd0be02bb2364438ff6bfe17b74a7a58f5c04aa1a84d29dddc79bc15e","tier":"starter_2024"},"version":167,"publish_version":167,"role":null,"authored":false,"authors":[{"type":"individual","id":"5215f6ec4a999d40","login":"tomlarkworthy","name":"Tom Larkworthy","avatar_url":"https://avatars-next.observableusercontent.com/47327a8bc1966f2186dcb3ebf4b7ee6e4e7ab9a5c2a07405aff57200ea778f71","tier":null}],"members":[{"type":"individual","id":"5215f6ec4a999d40","login":"tomlarkworthy","name":"Tom Larkworthy","avatar_url":"https://avatars-next.observableusercontent.com/47327a8bc1966f2186dcb3ebf4b7ee6e4e7ab9a5c2a07405aff57200ea778f71","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":true,"trashed":false,"lapsed":null,"subscribed":null,"forks":7,"collection":{"id":"d0495f1eb629e23d","slug":"utilities","title":"utilities","owner":{"id":"8d94490bed468d92","login":"endpointservices","name":"Endpoint Services"}},"type":"notebook","body":{"title":"Plausible Analytics on Observable","cells":[{"id":0,"value":"$33","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":120,"value":"\n

Stats powered by Plausible Analytics

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