Add a script to inject UTM parameters

Author: abdnh

src/components/addUtmParameters.ejs

@@ -0,0 +1,32 @@
+<%# Add UTM parameters to `<a>` links.
+
+# Notes:
+- `utm_medium=partnership` is added to Sketchy links.
+- `utm_source=ankihub` is added to other links.
+
+_%>
+
+<script>
+    for(const anchor of document.querySelectorAll("a")) {
+        try {
+            const url = new URL(anchor.href);
+            if (!url.protocol.startsWith("http")) {
+                continue;
+            }
+            const params = new Map();
+            if (url.hostname.endsWith("sketchy.com")) {
+                params.set("utm_medium", "partnership");
+            } else {
+                params.set("utm_source", "ankihub");
+            }
+            for(const [key, value] of params.entries()) {
+                if(!url.searchParams.get(key)) {
+                    url.searchParams.set(key, value);
+                }
+            }
+            anchor.href = url.toString();
+        } catch {
+
+        }
+    }
+</script>

src/notetypes/AnKingOverhaul/back.ejs

@@ -168,3 +168,5 @@ replace the arrows/dashes from the statement below with double curly brackets-->
 <%- include('src/components/imageBlur.ejs') %>
 
 <%- include('src/components/shuffleItems.ejs') %>
+
+<%- include('src/components/addUtmParameters.ejs') %>

src/notetypes/AnKingOverhaul/front.ejs

@@ -46,4 +46,6 @@ var autoflip = false
 	qFade=0; if (typeof anki !== 'undefined') anki.qFade=qFade;
 </script>
 
-<%- include('src/components/colorfulTags.ejs') %>
+<%- include('src/components/colorfulTags.ejs') %>
+
+<%- include('src/components/addUtmParameters.ejs') %>