From f2981d2d0f606f34ab4e19c3aaa491cbaf024e77 Mon Sep 17 00:00:00 2001
From: Gabriel Augendre <gabriel@augendre.info>
Date: Wed, 6 Jan 2021 16:29:55 +0100
Subject: [PATCH] Add image fallback when user has disabled javascript

---
 articles/templates/articles/snippets/analytics.html | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/articles/templates/articles/snippets/analytics.html b/articles/templates/articles/snippets/analytics.html
index 176bfa9..bc7cc12 100644
--- a/articles/templates/articles/snippets/analytics.html
+++ b/articles/templates/articles/snippets/analytics.html
@@ -7,8 +7,8 @@
         </script>
     {% endif %}
 
-    {% compress js inline %}
-        {% if goatcounter_domain is not None %}
+    {% if goatcounter_domain is not None %}
+        {% compress js inline %}
             <script>
                 window.goatcounter = {
                     endpoint: 'https://{{ goatcounter_domain }}/count',
@@ -16,6 +16,10 @@
                 }
             </script>
             <script async defer src="{% static "vendor/goatcounter.js" %}"></script>
-        {% endif %}
-    {% endcompress %}
+        {% endcompress %}
+        <noscript>
+            <img src="https://{{ goatcounter_domain }}/count?p={{ request.get_full_path }}"
+                 alt="GoatCounter tracking pixel">
+        </noscript>
+    {% endif %}
 {% endif %}