From 74c46711c75f04532ac7ce4e68c3b651b8dc1ca5 Mon Sep 17 00:00:00 2001
From: Jakob Guddas <github@jguddas.de>
Date: Sat, 25 Jul 2026 12:26:26 +0200
Subject: [PATCH] feat(analytics): add utm source and medium (#4596)

---
 CONTRIBUTING.md                                        | 2 +-
 docs/.vitepress/theme/components/icons/IconPreview.vue | 2 +-
 docs/contribute/icon-design-guide.md                   | 2 +-
 scripts/generateChangedIconsCommentMarkup.mts          | 2 +-
 4 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md
index 2bd46a67d..ac7ea7869 100644
--- a/CONTRIBUTING.md
+++ b/CONTRIBUTING.md
@@ -30,7 +30,7 @@ Read it here: [ICON_GUIDELINES](https://lucide.dev/contribute/icon-design-guide)
 
 #### Lucide Studio
 
-For formatting and adjusting SVG icons, [@jguddas](https://github.com/jguddas) made a great tool called [Lucide Studio](https://studio.lucide.dev/). It is a web-based SVG editor that allows you to edit and adjust icons in the Lucide style. You can use it to create new icons or modify existing ones.
+For formatting and adjusting SVG icons, [@jguddas](https://github.com/jguddas) made a great tool called [Lucide Studio](https://studio.lucide.dev/?utm_source=lucide.dev&utm_medium=contributing-guide). It is a web-based SVG editor that allows you to edit and adjust icons in the Lucide style. You can use it to create new icons or modify existing ones.
 
 #### Editor guides
 
diff --git a/docs/.vitepress/theme/components/icons/IconPreview.vue b/docs/.vitepress/theme/components/icons/IconPreview.vue
index 4cd4f5142..687985b51 100644
--- a/docs/.vitepress/theme/components/icons/IconPreview.vue
+++ b/docs/.vitepress/theme/components/icons/IconPreview.vue
@@ -84,7 +84,7 @@ const base64InnerSvg = computed(() => {
       </g>
     </svg>
     <a
-      :href="`https://studio.lucide.dev/edit?value=${encodeURIComponent(base64InnerSvg)}&name=${name}`"
+      :href="`https://studio.lucide.dev/edit?value=${encodeURIComponent(base64InnerSvg)}&name=${name}&utm_source=lucide.dev&utm_medium=icon-detail-preview`"
       target="_blank"
       rel="noopener noreferrer"
       class="studio-button"
diff --git a/docs/contribute/icon-design-guide.md b/docs/contribute/icon-design-guide.md
index 4a337eb1d..baf8069bb 100644
--- a/docs/contribute/icon-design-guide.md
+++ b/docs/contribute/icon-design-guide.md
@@ -158,7 +158,7 @@ For each icon these attributes are applied, corresponding to the above rules.
 ### Minify paths
 
 The code of paths can sometimes get quite large. To reduce file size we like to minify the code.
-We recommend to use [Lucide Studio](https://studio.lucide.dev/) to tidy paths to 3 points of precision.
+We recommend to use [Lucide Studio](https://studio.lucide.dev/?utm_source=lucide.dev&utm_medium=design-guide) to tidy paths to 3 points of precision.
 
 ### Allowed elements
 
diff --git a/scripts/generateChangedIconsCommentMarkup.mts b/scripts/generateChangedIconsCommentMarkup.mts
index 4e1d3ec66..b0a272203 100644
--- a/scripts/generateChangedIconsCommentMarkup.mts
+++ b/scripts/generateChangedIconsCommentMarkup.mts
@@ -46,7 +46,7 @@ const getImageTagsByFiles = (
     const url = getBaseUrl(file);
     const widthAttr = width ? `width="${width}"` : '';
 
-    return `${linkToLucideStudio ? `<a title="Open ${name} in lucide studio" target="_blank" href="https://studio.lucide.dev/edit?value=${encodeURI(minifiedSvg)}&name=${name}">` : ''}<img title="${name}" alt="${name}" ${widthAttr} src="${url}/${base64}.svg"/>${linkToLucideStudio ? '</a>' : ''}`;
+    return `${linkToLucideStudio ? `<a title="Open ${name} in lucide studio" target="_blank" href="https://studio.lucide.dev/edit?value=${encodeURI(minifiedSvg)}&name=${name}&utm_source=github.com&utm_medium=pr-comment">` : ''}<img title="${name}" alt="${name}" ${widthAttr} src="${url}/${base64}.svg"/>${linkToLucideStudio ? '</a>' : ''}`;
   });
 
 const svgFiles = await readSvgDirectory(ICONS_DIR);