Enable Plausible Analytics on an Obsidian Publish site

Share & showcase
1

I use Plausible Analytics for web analytics. Here’s a method that seems to work for enabling Plausible on an Obsidian Publish site with a custom domain.

Plausible asks you to insert the following snippet in the <head> tag of your website:

<script defer data-domain="yourdomain.com" src="https://plausible.io/js/script.js"></script>

There doesn’t seem to be a way to do this directly with Obsidian Publish. However, you can run custom JavaScript on your Obsidian Publish site using the publish.js file. With a tiny bit of custom JavaScript, we can construct the Plausible snippet and insert it into the <head> tag as required.

Here’s the JavaScript I added to my publish.js file:

var plausibleSnippet = document.createElement('script');
plausibleSnippet.defer = true;
plausibleSnippet.setAttribute('data-domain', 'yourdomain.com');
plausibleSnippet.src = 'https://plausible.io/js/plausible.js';
document.head.appendChild(plausibleSnippet);

If you’d like to use Plausible Analytics, try adding this JavaScript to your own publish.js, replacing yourdomain.com with your site’s domain name, and (re-)publishing the publish.js file. Happy analyzing!

(I know @Bora was asking about this in another thread)

5 Likes
2

Thank you! Worked like a charm. :heart_eyes:

3

I tried this and the script is blocked: strict-origin-when-cross-origin

Is there a way to configure Obsidian Publish to let the script execute?

4

Just an FYI for anyone coming across this with the new plausible update to not require domains this is a quick and dirty convert for it:

var plausibleScript = document.createElement('script');
plausibleScript.async = true;
plausibleScript.src = 'the plausible url from your installation script'; 
document.head.appendChild(plausibleScript);

window.plausible = window.plausible || function() {
    (window.plausible.q = window.plausible.q || []).push(arguments);
};

window.plausible.init = window.plausible.init || function(i) {
    plausible.o=i||{}
};
window.plausible.init();
5

the strict-origin-when-cross-origin block happens because modern browsers (especially safari/brave) block requests to known third-party tracker domains like plausible.

since obsidian publish is a closed platform and u cant configure custom headers or server-side proxies there, the only real way to fix this is using an analytics tool that isn’t blacklisted by browsers.

u can use apstal .com for this. it installs on obsidian exactly the same way via publish.js but it bypasses browser blocks natively because it’s cookieless and uses clean paths:

const script = document.createElement('script');
script.src = 'https://apstal.com/apstal';
script.defer = true;
script.setAttribute('data-project', 'YOUR_PROJECT_ID');
document.head.appendChild(script);