Drop default UTM params from console CTAs

.claude/launch.json

@@ -6,6 +6,12 @@
       "runtimeExecutable": "pnpm",
       "runtimeArgs": ["--filter", "docs", "exec", "next", "dev", "--port", "3105"],
       "port": 3105
+    },
+    {
+      "name": "site",
+      "runtimeExecutable": "pnpm",
+      "runtimeArgs": ["--filter", "site", "exec", "next", "dev", "--port", "3106"],
+      "port": 3106
     }
   ]
 }

apps/blog/next.config.mjs

@@ -55,6 +55,7 @@ const ContentSecurityPolicy = `
     https://*.fontawesome.com;
 
   img-src 'self' data:
+    https://www.googletagmanager.com
     https://cdn.sanity.io
     https://prismalens.vercel.app
     https://api.producthunt.com

apps/blog/src/app/(blog)/layout.tsx

@@ -107,7 +107,7 @@ export default function Layout({ children }: { children: React.ReactNode }) {
   return (
     <ThemeProvider defaultTheme="system" storageKey="theme">
       <UtmPersistence />
-      <NavigationWrapper links={baseOptions().links} utm={{ source: "website", medium: "blog" }} />
+      <NavigationWrapper links={baseOptions().links} />
       {children}
       <Footer
         basePath="/blog"

apps/blog/src/components/BlogCTA.tsx

@@ -3,7 +3,7 @@
 import { Button } from "@prisma/eclipse";
 import { trackCTA } from "@prisma-docs/ui/lib/analytics";
 
-const CTA_HREF = "https://pris.ly/pdp?utm_source=blog&utm_medium=blog_cta&utm_campaign=blog_post";
+const CTA_HREF = "https://console.prisma.io/sign-up";
 
 export const BlogCTA = () => {
   return (

apps/blog/src/components/navigation-wrapper.tsx

@@ -22,18 +22,10 @@ interface Link {
 
 interface NavigationWrapperProps {
   links: Link[];
-  utm: {
-    source: string;
-    medium: string;
-  };
 }
 
-export function NavigationWrapper({ links, utm }: NavigationWrapperProps) {
+export function NavigationWrapper({ links }: NavigationWrapperProps) {
   const [mounted, setMounted] = useState(false);
-  const defaultUtmParams = {
-    utm_source: utm.source,
-    utm_medium: utm.medium,
-  };
 
   useEffect(() => {
     setMounted(true);
@@ -43,9 +35,12 @@ export function NavigationWrapper({ links, utm }: NavigationWrapperProps) {
     ? getUtmParams(new URLSearchParams(window.location.search))
     : {};
   const preserveExactUtm = hasUtmParams(currentUtmParams);
-  const resolvedUtmParams = preserveExactUtm ? currentUtmParams : defaultUtmParams;
 
   return (
-    <WebNavigation links={links} utm={resolvedUtmParams} preserveExactUtm={preserveExactUtm} />
+    <WebNavigation
+      links={links}
+      utm={preserveExactUtm ? currentUtmParams : undefined}
+      preserveExactUtm={preserveExactUtm}
+    />
   );
 }

apps/docs/next.config.mjs

@@ -61,6 +61,7 @@ const ContentSecurityPolicy = `
     https://*.fontawesome.com;
 
   img-src 'self' data:
+    https://www.googletagmanager.com
     https://cdn.sanity.io
     https://prismalens.vercel.app
     https://api.producthunt.com

apps/site/next.config.mjs

@@ -96,6 +96,7 @@ const ContentSecurityPolicy = `
 
   img-src 'self' data:
     http://localhost:3002 http://127.0.0.1:3002
+    https://www.googletagmanager.com
     https://www.prisma.io https://prisma.io
     https://cdn.sanity.io
     https://prisma.io

apps/site/src/app/(index)/page.tsx

@@ -4,6 +4,7 @@ import { SITE_HOME_DESCRIPTION, SITE_HOME_TITLE } from "@/lib/site-metadata";
 import { Button } from "@prisma/eclipse";
 import { JsonLd } from "@prisma-docs/ui/components/json-ld";
 import Image from "next/image";
+import { ConsoleCtaButton } from "@/components/console-cta-button";
 import { CardSection } from "@/components/homepage/card-section/card-section";
 import LogoParade from "@/components/logo-parade";
 import review from "../../data/homepage.json";
@@ -283,12 +284,19 @@ export default function SiteHome() {
             Compute designed to work together natively.
           </p>
           <div className="flex flex-col gap-6 items-center justify-center">
-            <Button asChild variant="ppg" size="3xl" className="font-sans-display! font-[650]">
-              <a href="https://pris.ly/pdp?utm_source=site&utm_campaign=home&utm_term=devrel">
+            <ConsoleCtaButton
+              consolePath="/sign-up"
+              variant="ppg"
+              size="3xl"
+              className="font-sans-display! font-[650]"
+              ctaLocation="hero"
+              ctaText="Try Prisma"
+            >
+              <>
                 <span>Try Prisma</span>
                 <i className="fa-regular fa-arrow-right ml-2" />
-              </a>
-            </Button>
+              </>
+            </ConsoleCtaButton>
           </div>
         </div>
       </section>
@@ -450,12 +458,18 @@ export default function SiteHome() {
                 </p>
               </div>
               <div className="flex flex-col gap-6 md:flex-row">
-                <Button asChild variant="ppg" size="2xl">
-                  <a href="https://pris.ly/pdp?utm_source=site&utm_campaign=home&utm_term=devrel">
+                <ConsoleCtaButton
+                  consolePath="/sign-up"
+                  variant="ppg"
+                  size="2xl"
+                  ctaLocation="footer_cta"
+                  ctaText="Try it out in the Console"
+                >
+                  <>
                     Try it out in the Console
                     <i className="fa-regular fa-arrow-right ml-2" />
-                  </a>
-                </Button>
+                  </>
+                </ConsoleCtaButton>
               </div>
               <p className="mb-0! -mt-4 text-xs text-foreground-neutral-weaker">
                 Free to get started, no credit card needed.

apps/site/src/app/compute/page.tsx

@@ -1,5 +1,6 @@
 import { Metadata } from "next";
 import { Button, Card, Action, Badge } from "@prisma/eclipse";
+import { ConsoleCtaButton } from "@/components/console-cta-button";
 import { Card as BentoCard } from "@/components/homepage/bento";
 import { cn } from "@/lib/cn";
 import { CardSection } from "@/components/homepage/card-section/card-section";
@@ -319,18 +320,22 @@ export default async function Page() {
           </p>
           <div className="flex flex-col gap-3 items-center">
             <div className="flex flex-col md:flex-row gap-4 items-center justify-center">
-              <Button asChild variant="ppg" size="2xl">
-                <a
-                  href="https://pris.ly/pdp?utm_source=site&utm_campaign=compute&utm_term=devrel"
-                  className="flex items-center gap-2"
-                >
+              <ConsoleCtaButton
+                consolePath="/sign-up"
+                variant="ppg"
+                size="2xl"
+                className="flex items-center gap-2"
+                ctaLocation="hero"
+                ctaText="Try Prisma Compute"
+              >
+                <>
                   <span>Try Prisma Compute</span>
                   <i className="flex items-center fa-regular fa-arrow-up-right" aria-hidden="true" />
-                </a>
-              </Button>
+                </>
+              </ConsoleCtaButton>
               <Button asChild variant="default-strong" size="2xl">
                 <a
-                  href="https://pris.ly/pricing-compute?utm_source=site&utm_campaign=compute&utm_term=devrel"
+                  href="https://www.prisma.io/docs/compute/pricing"
                   className="flex items-center gap-2"
                 >
                   <span>See pricing</span>
@@ -491,7 +496,7 @@ export default async function Page() {
             <div className="flex flex-col md:flex-row gap-6">
               <Button asChild variant="ppg" size="2xl">
                 <a
-                  href="https://pris.ly/compute-blog-pb?utm_source=site&utm_campaign=compute&utm_term=devrel"
+                  href="https://www.prisma.io/blog/launching-prisma-compute-public-beta"
                   className="flex gap-2 items-center"
                 >
                   <span>Read the launch post</span>
@@ -500,7 +505,7 @@ export default async function Page() {
               </Button>
               <Button asChild variant="default-strong" size="2xl">
                 <a
-                  href="https://pris.ly/compute-docs?utm_source=site&utm_campaign=compute&utm_term=devrel"
+                  href="https://www.prisma.io/docs/compute"
                   className="flex gap-2 items-center"
                 >
                   <span>Read the docs</span>

apps/site/src/app/layout.tsx

@@ -219,7 +219,7 @@ export default function Layout({ children }: { children: React.ReactNode }) {
         <Provider>
           <ThemeProvider defaultTheme="system" storageKey="theme">
             <UtmPersistence />
-            <NavigationWrapper links={baseOptions().links} utm={{ source: "website" }} />
+            <NavigationWrapper links={baseOptions().links} />
             {children}
             <FooterWrapper />
           </ThemeProvider>

apps/site/src/app/orm/page.tsx

@@ -243,7 +243,7 @@ const features = [
     image: "/illustrations/orm/collaborative",
     alt: "Collaborative work",
     icon: "fa-light fa-screen-users",
-    link: "https://console.prisma.io/login?utm_source=website&utm_medium=orm&utm_campaign=cta",
+    link: "https://console.prisma.io/login",
   },
   {
     title: "Browse your data",
@@ -299,7 +299,7 @@ export default function ORM() {
             </Button>
             {/*<Button
               variant="default-strong"
-              href="https://console.prisma.io/sign-up?utm_source=website&utm_medium=index&utm_campaign=cta"
+              href="https://console.prisma.io/sign-up"
               size="3xl"
               target="_blank"
               rel="noopener noreferrer"

apps/site/src/app/postgres/page.tsx

@@ -1,6 +1,7 @@
 import { createSoftwareApplicationStructuredData } from "@/lib/structured-data";
 import { createPageMetadata } from "@/lib/page-metadata";
 import { Button, Card, Action } from "@prisma/eclipse";
+import { ConsoleCtaButton } from "@/components/console-cta-button";
 import { cn } from "@/lib/cn";
 import { CardSection } from "@/components/homepage/card-section/card-section";
 import { PostgresTabs } from "../../components/postgres";
@@ -11,9 +12,6 @@ import { Youtube } from "@prisma-docs/ui/components/youtube";
 import { CarouselItem } from "@/components/enterprise/carousel-item";
 import { JsonLd } from "@prisma-docs/ui/components/json-ld";
 
-const CONSOLE_URL =
-  "https://console.prisma.io/login?utm_source=website&utm_medium=postgres&utm_campaign=cta";
-
 const postgresStructuredData = createSoftwareApplicationStructuredData({
   path: "/postgres",
   name: "Prisma Postgres",
@@ -137,12 +135,21 @@ export default async function SiteHome() {
             Build, test and ship faster with zero infrastructure to manage.
           </p>
           <div className="flex flex-col md:flex-row gap-4 items-center justify-center">
-            <Button asChild variant="ppg" size="3xl" className="font-sans-display! font-[650]">
-              <a href={CONSOLE_URL} target="_blank" rel="noopener noreferrer">
+            <ConsoleCtaButton
+              consolePath="/login"
+              variant="ppg"
+              size="3xl"
+              className="font-sans-display! font-[650]"
+              target="_blank"
+              rel="noopener noreferrer"
+              ctaLocation="hero"
+              ctaText="Create database"
+            >
+              <>
                 Create database
                 <i className="fa-regular fa-database" />
-              </a>
-            </Button>
+              </>
+            </ConsoleCtaButton>
             <Button
               asChild
               variant="default-strong"
@@ -280,12 +287,20 @@ export default async function SiteHome() {
               </p>
             </div>
 
-            <Button asChild variant="ppg" size="xl">
-              <a href={CONSOLE_URL} target="_blank" rel="noopener noreferrer">
+            <ConsoleCtaButton
+              consolePath="/login"
+              variant="ppg"
+              size="xl"
+              target="_blank"
+              rel="noopener noreferrer"
+              ctaLocation="body_cta"
+              ctaText="Create your first database"
+            >
+              <>
                 Create your first database
                 <i className="fa-regular fa-arrow-right" />
-              </a>
-            </Button>
+              </>
+            </ConsoleCtaButton>
           </div>
 
           <div className="relative overflow-hidden rounded-lg shadow-box-low">
@@ -308,12 +323,20 @@ export default async function SiteHome() {
               <p className="text-foreground-neutral-weak">Deploy a Postgres database instantly.</p>
             </div>
             <div className="flex flex-col md:flex-row gap-6">
-              <Button asChild variant="ppg" size="2xl">
-                <a href={CONSOLE_URL} target="_blank" rel="noopener noreferrer">
+              <ConsoleCtaButton
+                consolePath="/login"
+                variant="ppg"
+                size="2xl"
+                target="_blank"
+                rel="noopener noreferrer"
+                ctaLocation="footer_cta"
+                ctaText="Create your first database"
+              >
+                <>
                   Create your first database
                   <i className="fa-regular fa-arrow-right" />
-                </a>
-              </Button>
+                </>
+              </ConsoleCtaButton>
               <Button asChild variant="default-strong" size="2xl">
                 <a href="https://www.prisma.io/docs">
                   Read the docs

apps/site/src/app/pricing/page.tsx

@@ -1,5 +1,6 @@
 import { createPageMetadata } from "@/lib/page-metadata";
 import { Accordion, Accordions, Button } from "@prisma/eclipse";
+import { ConsoleCtaButton } from "@/components/console-cta-button";
 import { faqs } from "./pricing-data";
 import { PricingPageContent } from "./pricing-page-content";
 
@@ -64,12 +65,18 @@ export default function PricingPage() {
                 </p>
               </div>
               <div className="flex flex-col gap-6 md:flex-row">
-                <Button asChild variant="ppg" size="2xl">
-                  <a href="https://console.prisma.io/sign-up?utm_source=website&utm_medium=pricing&utm_campaign=cta">
+                <ConsoleCtaButton
+                  consolePath="/sign-up"
+                  variant="ppg"
+                  size="2xl"
+                  ctaLocation="footer_cta"
+                  ctaText="Create your first Database"
+                >
+                  <>
                     Create your first Database
                     <i className="fa-regular fa-arrow-right" />
-                  </a>
-                </Button>
+                  </>
+                </ConsoleCtaButton>
                 <Button asChild variant="default-strong" size="2xl">
                   <a href="https://www.prisma.io/docs/">
                     Read the docs

apps/site/src/app/pricing/pricing-hero-plans.tsx

@@ -10,6 +10,7 @@ import {
   SelectTrigger,
   SelectValue,
 } from "@prisma/eclipse";
+import { ConsoleCtaButton } from "@/components/console-cta-button";
 import {
   type Symbol,
   type PlanPoint,
@@ -229,20 +230,18 @@ export function PricingHeroPlans({
                       / month
                     </span>
                   </p>
-                  <Button
-                    asChild
+                  <ConsoleCtaButton
+                    consolePath="/login"
                     variant={highlighted ? "ppg" : "default-strong"}
                     size="xl"
                     className="mt-4 w-full"
+                    target="_blank"
+                    rel="noopener noreferrer"
+                    ctaLocation="pricing_plan_card"
+                    ctaText={planActions[planKey]}
                   >
-                    <a
-                      href="https://console.prisma.io/login?utm_source=website&utm_medium=pricing"
-                      target="_blank"
-                      rel="noopener noreferrer"
-                    >
-                      {planActions[planKey]}
-                    </a>
-                  </Button>
+                    {planActions[planKey]}
+                  </ConsoleCtaButton>
                   <div className="mt-5 space-y-5">
                     <div>
                       <p className="m-0 text-xs uppercase tracking-[1.2px] text-foreground-neutral-weak">