Merge pull request #806 from plausible/script-v2

Switch tracking to script v2

Author: RobertJoonas

_includes/head.html

@@ -14,25 +14,27 @@
   <noscript><link rel="stylesheet" href="{{ "/assets/css/tooltip.css" | relative_url }}?v={{ site.time | date:'%s' }};"></noscript>
 
   <script> if (document.cookie.includes('logged_in=true') && window.location.href == 'https://plausible.io/') window.location.pathname = '/sites'</script>
-  <script
-    defer
-    data-domain="plausible.io"
-    src="https://plausible.io/js/script.manual.js"
-  ></script>
-  <script>
-    window.plausible = window.plausible || function() { (window.plausible.q = window.plausible.q || []).push(arguments) };
-    var props = {
-      {% if page.author %}author: "{{ page.author }}",{% endif %}
-      browser_language: navigator.language || navigator.userLanguage
-    };
-    window.plausible('pageview', {props: props});
-    window.addEventListener('pageshow', function(event) {
-      if (event.persisted) {
-        window.plausible('pageview', {props: props});
+  <script {% if page.author %}data-author="{{page.author}}"{% endif %}>
+  window.plausible=window.plausible||function(){(window.plausible.q=window.plausible.q||[]).push(arguments)},window.plausible.init=function(i){window.plausible.o=i||{}};var script=document.createElement("script");script.type="text/javascript",script.defer=!0,script.src="https://plausible.io/js/s-6_srOGVV9SLMWJ1ZpUAbG.js";var r=document.getElementsByTagName("script")[0];r.parentNode.insertBefore(script,r);
+  var props = {
+    browser_language: navigator.language || navigator.userLanguage
+  }
+  
+  if (document.currentScript.dataset.author) {
+    props.author = document.currentScript.dataset.author
+  }
+
+  plausible.init({
+    formSubmissions: true,
+    customProperties: props,
+    transformRequest: function (payload) {
+      if (payload.n === 'Form: Submission') {
+        payload.n = 'Newsletter signup'
       }
-    });
+      return payload
+    }
+  })
   </script>
 
-
   {%- feed_meta -%}
 </head>

_layouts/default.html

@@ -15,7 +15,5 @@
 
     <script> </script> <!-- https://stackoverflow.com/a/42969608 -->
     <script type="text/javascript" src="{{ "/assets/js/alpine.js" | relative_url }}?v={{ site.time | date:'%s' }}" defer></script>
-    <script type="text/javascript" src="{{ "/assets/js/index.js" | relative_url }}?v={{ site.time | date:'%s' }}" defer></script>
-
   </body>
 </html>