create analytics.js

This commit is contained in:
Son NK 2020-12-28 16:30:44 +01:00
parent 07febc9715
commit 3b850f6228
2 changed files with 27 additions and 30 deletions

26
static/js/analytics.js Normal file
View File

@ -0,0 +1,26 @@
(function () {
// only enable on prod
if (!window.location.host.endsWith('simplelogin.io')) {
console.log("Analytics should only be enabled in prod");
return;
}
if (store.get('analytics-ignore') === 't') {
console.log("Analytics is disabled");
return;
}
console.log("init Analytics");
// Add Plausible script
// <script async defer data-domain="app.simplelogin.io" src="https://plausible.simplelogin.io/js/index.js"></script>
var plausibleScript = document.createElement('script');
plausibleScript.defer = 1;
plausibleScript.async = 1;
plausibleScript.dataset.domain = "app.simplelogin.io";
plausibleScript.src = 'https://plausible.simplelogin.io/js/index.js';
var ins = document.getElementsByTagName('script')[0];
ins.parentNode.insertBefore(plausibleScript, ins)
})();

View File

@ -198,39 +198,10 @@
<script src="{{ url_for('static', filename='local-storage-polyfill.js') }}"></script>
<!-- For additional script -->
{% block script %}
{% endblock %}
<script>
(function () {
// only enable on prod
if (!window.location.host.endsWith('simplelogin.io')) {
console.log("Analytics should only be enabled in prod");
return;
}
if (store.get('analytics-ignore') === 't') {
console.log("Analytics is disabled");
return;
}
console.log("init Analytics");
// Add Plausible script
// <script async defer data-domain="app.simplelogin.io" src="https://plausible.simplelogin.io/js/index.js"></script>
var plausibleScript = document.createElement('script');
plausibleScript.defer = 1;
plausibleScript.async = 1;
plausibleScript.dataset.domain = "app.simplelogin.io";
plausibleScript.src = 'https://plausible.simplelogin.io/js/index.js';
var ins = document.getElementsByTagName('script')[0];
ins.parentNode.insertBefore(plausibleScript, ins)
})();
</script>
<script src="{{ url_for('static', filename='js/analytics.js') }}"></script>
</body>
</html>