Necesito ejecutar condicionalmente el siguiente script. Pero el problema es que incluso si aparece la etiqueta del script, el script en sí no funciona:
<script defer data-domain="currentsite.com" src="https://metrics.myplausibleserver.com/js/plausible.js"></script> La condición sería no tener esta clave en localStorage: "plausible" = false *
(*): en realidad no importa si es verdadero o falso. Sólo necesito la llave para existir.
El script es un fragmento plausible (métricas de tráfico web).
Así que estoy usando esto al final de la etiqueta del cuerpo:
<script type="text/javascript" src="/js/plausibleSwitch.js"></script>Que contiene:
const plausibleSnippet = '<script defer data-domain="currentsite.com" src="https://metrics.myplausibleserver.com/js/plausible.js"></script>'; if (localStorage.getItem('plausible') == null) { document.getElementsByTagName("head")[0].innerHTML += plausibleSnippet; }Si tengo la clave en localStorage, el script no aparece (lo cual está bien). Pero si no lo tengo, aparece el script, pero no funciona en absoluto (el tablero Plausible no registra ninguna visita al sitio web).
No hace falta decir que si coloco el script directamente en la etiqueta principal (sin usar el código JS), funciona.