diff --git a/src/lib/util/promos/Jan2024.svelte b/src/lib/util/promos/Jan2024.svelte
index d55898be..6ea7c8fa 100644
--- a/src/lib/util/promos/Jan2024.svelte
+++ b/src/lib/util/promos/Jan2024.svelte
@@ -1,15 +1,25 @@
 <script lang="ts">
-  const taglines = [
-    'Try diagramming with ChatGPT at Mermaid Chart',
-    "Try Mermaid's Visual Editor at Mermaid Chart",
-    'Enjoy live collaboration with teammates at Mermaid Chart'
-  ];
+  const taglines = {
+    announcement_bar_ai_diagramming: 'Try diagramming with ChatGPT at Mermaid Chart',
+    announcement_bar_visual_editor: "Try Mermaid's Visual Editor at Mermaid Chart",
+    announcement_bar_live_collaboration: 'Enjoy live collaboration with teammates at Mermaid Chart'
+  };
+  const taglineKeys = Object.keys(taglines);
+  const taglineKey = taglineKeys[Math.floor(Math.random() * taglineKeys.length)];
+  const tagline = taglines[taglineKey];
+  const url =
+    'https://www.mermaidchart.com/?' +
+    new URLSearchParams({
+      utm_source: 'mermaid_live_editor',
+      utm_medium: taglineKey,
+      utm_campaign: 'promo_2024'
+    }).toString();
 </script>
 
 <a
-  href="https://www.mermaidchart.com/"
+  href={url}
   target="_blank"
   class="flex flex-grow justify-center gap-6 align-middle tracking-wide">
-  {taglines[Math.floor(Math.random() * taglines.length)]}
+  {tagline}
   <button class="rounded bg-gray-800 p-1 px-4 text-sm font-light">Try it now</button>
 </a>
diff --git a/src/lib/util/promos/promo.ts b/src/lib/util/promos/promo.ts
index 6b0ff914..3ef46c91 100644
--- a/src/lib/util/promos/promo.ts
+++ b/src/lib/util/promos/promo.ts
@@ -14,7 +14,7 @@ const promotions: Promotion[] = [
   {
     id: 'holiday-2023',
     startDate: new Date('2023-11-27'),
-    endDate: new Date('2024-01-9'),
+    endDate: new Date('2024-01-09'),
     component: Holiday2023
   },
   {