Loading failed for the <script> with source “https://example.com/js/plausible.js”.

[Lastofthefirst]

I am giving plausible a shot self hosted, and have everything set up including nginx, certbot and basic plausible config. I tried to add a snippet to 3 different website so of mine. One is a ghost instance, another is a nextjs site and another is a plain html website.

All three of these websites are logging to the console the error "Loading failed for the <script> with source “https://example.com/js/plausible.js”." I placed the snippet within the Head on each of them, but I also tried switching to the foot as well.

However when I visit https://example.com/js/plausible.js I am able to see the script fine as follows:

!function(r,i){"use strict";var e,o=r.location,s=r.document,t=s.querySelector('[src*="'+i+'"]'),l=t&&t.getAttribute("data-domain"),p=r.localStorage.plausible_ignore;function c(e){console.warn("Ignoring Event: "+e)}function a(e,t){if(/^localhost$|^127(?:\.[0-9]+){0,2}\.[0-9]+$|^(?:0*\:)*?:?0*1$/.test(o.hostname)||"file:"===o.protocol)return c("localhost");if(!(r.phantom||r._phantom||r.__nightmare||r.navigator.webdriver||r.Cypress)){if("true"==p)return c("localStorage flag");var a={};a.n=e,a.u=o.href,a.d=l,a.r=s.referrer||null,a.w=r.innerWidth,t&&t.meta&&(a.m=JSON.stringify(t.meta)),t&&t.props&&(a.p=JSON.stringify(t.props));var n=new XMLHttpRequest;n.open("POST",i+"/api/event",!0),n.setRequestHeader("Content-Type","text/plain"),n.send(JSON.stringify(a)),n.onreadystatechange=function(){4==n.readyState&&t&&t.callback&&t.callback()}}}function n(){e!==o.pathname&&(e=o.pathname,a("pageview"))}try{var u,h=r.history;h.pushState&&(u=h.pushState,h.pushState=function(){u.apply(this,arguments),n()},r.addEventListener("popstate",n));var g=r.plausible&&r.plausible.q||[];r.plausible=a;for(var f=0;f<g.length;f++)a.apply(this,g[f]);"prerender"===s.visibilityState?s.addEventListener("visibilitychange",function(){e||"visible"!==s.visibilityState||n()}):n()}catch(e){console.error(e),(new Image).src=i+"/api/error?message="+encodeURIComponent(e.message)}}(window,"https://example.com");

Two of these sites share a root domain with the server I am hosting plausible at and one is at a different domain entirely.

Also here is the code I copy pasted from plausible:

<script async defer data-domain="another.example.com" src="https://example.com/js/plausible.js"></script>

[Lastofthefirst]

Oh I see, it was blocked by my ad-blocker, when I used another browser without protection, the script was successful.