[TOOL-3880] Playground: Add utm_source on external links

MananTank · MananTank · commit 8ddec976cf25 · 2025-04-01T00:57:57.000+05:30
diff --git a/apps/playground-web/src/app/connect/account-abstraction/connect/page.tsx b/apps/playground-web/src/app/connect/account-abstraction/connect/page.tsx
@@ -28,7 +28,7 @@ export default function Page() {
               full wallet programmability.
             </>
           }
-          docsLink="https://portal.thirdweb.com/connect/account-abstraction/overview"
+          docsLink="https://portal.thirdweb.com/connect/account-abstraction/overview?utm_source=playground"
           heroLink="/account-abstraction.png"
         />
 
diff --git a/apps/playground-web/src/app/connect/account-abstraction/native-aa/page.tsx b/apps/playground-web/src/app/connect/account-abstraction/native-aa/page.tsx
@@ -25,7 +25,7 @@ export default function Page() {
               full wallet programmability.
             </>
           }
-          docsLink="https://portal.thirdweb.com/connect/account-abstraction/overview"
+          docsLink="https://portal.thirdweb.com/connect/account-abstraction/overview?utm_source=playground"
           heroLink="/account-abstraction.png"
         />
 
diff --git a/apps/playground-web/src/app/connect/account-abstraction/sponsor/page.tsx b/apps/playground-web/src/app/connect/account-abstraction/sponsor/page.tsx
@@ -25,7 +25,7 @@ export default function Page() {
               full wallet programmability.
             </>
           }
-          docsLink="https://portal.thirdweb.com/connect/account-abstraction/overview"
+          docsLink="https://portal.thirdweb.com/connect/account-abstraction/overview?utm_source=playground"
           heroLink="/account-abstraction.png"
         />
 
diff --git a/apps/playground-web/src/app/connect/auth/page.tsx b/apps/playground-web/src/app/connect/auth/page.tsx
@@ -28,7 +28,7 @@ export default function Page() {
               them to create an additional account.
             </>
           }
-          docsLink="https://portal.thirdweb.com/typescript/v5/auth"
+          docsLink="https://portal.thirdweb.com/typescript/v5/auth?utm_source=playground"
           heroLink="/auth.png"
         />
 
diff --git a/apps/playground-web/src/app/connect/blockchain-api/page.tsx b/apps/playground-web/src/app/connect/blockchain-api/page.tsx
@@ -28,7 +28,7 @@ export default function Page() {
               contract on any EVM chain through our RPC Edge endpoints.
             </>
           }
-          docsLink="https://portal.thirdweb.com/typescript/v5"
+          docsLink="https://portal.thirdweb.com/typescript/v5?utm_source=playground"
           heroLink="/blockchain-api.png"
         />
 
diff --git a/apps/playground-web/src/app/connect/in-app-wallet/layout.tsx b/apps/playground-web/src/app/connect/in-app-wallet/layout.tsx
@@ -20,7 +20,7 @@ export default function Page(props: { children: React.ReactNode }) {
             and smart account integration.
           </>
         }
-        docsLink="https://portal.thirdweb.com/connect/in-app-wallet/overview"
+        docsLink="https://portal.thirdweb.com/connect/in-app-wallet/overview?utm_source=playground"
         heroLink="/in-app-wallet.png"
       />
 
diff --git a/apps/playground-web/src/app/connect/pay/backend/layout.tsx b/apps/playground-web/src/app/connect/pay/backend/layout.tsx
@@ -11,7 +11,7 @@ export default function Layout(props: {
         description={
           <>HTTP API to bridge, swap and onramp to and from any currency</>
         }
-        docsLink="https://portal.thirdweb.com/connect/pay/overview"
+        docsLink="https://portal.thirdweb.com/connect/pay/overview?utm_source=playground"
         heroLink="/ub.png"
       />
 
diff --git a/apps/playground-web/src/app/connect/pay/commerce/page.tsx b/apps/playground-web/src/app/connect/pay/commerce/page.tsx
@@ -24,7 +24,7 @@ export default function Page() {
               chain.
             </>
           }
-          docsLink="https://portal.thirdweb.com/connect/pay/get-started"
+          docsLink="https://portal.thirdweb.com/connect/pay/get-started?utm_source=playground"
           heroLink="/pay.png"
         />
 
diff --git a/apps/playground-web/src/app/connect/pay/embed/LeftSection.tsx b/apps/playground-web/src/app/connect/pay/embed/LeftSection.tsx
@@ -529,7 +529,7 @@ export function LeftSection(props: {
             </p>
 
             <Link
-              href="https://portal.thirdweb.com/connect/account-abstraction/overview"
+              href="https://portal.thirdweb.com/connect/account-abstraction/overview?utm_source=playground"
               target="_blank"
               className="inline-flex items-center gap-2 text-muted-foreground hover:text-foreground"
             >
diff --git a/apps/playground-web/src/app/connect/pay/fund-wallet/page.tsx b/apps/playground-web/src/app/connect/pay/fund-wallet/page.tsx
@@ -24,7 +24,7 @@ export default function Page() {
               and generate revenue for each user transaction.
             </>
           }
-          docsLink="https://portal.thirdweb.com/connect/pay/get-started"
+          docsLink="https://portal.thirdweb.com/connect/pay/get-started?utm_source=playground"
           heroLink="/pay.png"
         />
 
diff --git a/apps/playground-web/src/app/connect/pay/page.tsx b/apps/playground-web/src/app/connect/pay/page.tsx
@@ -26,7 +26,7 @@ export default function Page(props: {
               and generate revenue for each user transaction.
             </>
           }
-          docsLink="https://portal.thirdweb.com/connect/pay/get-started"
+          docsLink="https://portal.thirdweb.com/connect/pay/get-started?utm_source=playground"
           heroLink="/pay.png"
         />
 
diff --git a/apps/playground-web/src/app/connect/pay/transactions/page.tsx b/apps/playground-web/src/app/connect/pay/transactions/page.tsx
@@ -27,7 +27,7 @@ export default function Page() {
               any chain.
             </>
           }
-          docsLink="https://portal.thirdweb.com/connect/pay/get-started"
+          docsLink="https://portal.thirdweb.com/connect/pay/get-started?utm_source=playground"
           heroLink="/pay.png"
         />
 
diff --git a/apps/playground-web/src/app/connect/sign-in/button/LeftSection.tsx b/apps/playground-web/src/app/connect/sign-in/button/LeftSection.tsx
@@ -219,7 +219,7 @@ export function LeftSection(props: {
               after connecting wallet
             </span>
             <Link
-              href="https://portal.thirdweb.com/connect/auth"
+              href="https://portal.thirdweb.com/connect/auth?utm_source=playground"
               target="_blank"
               className="inline-flex items-center gap-2 text-muted-foreground hover:text-foreground"
             >
@@ -248,7 +248,7 @@ export function LeftSection(props: {
             </p>
 
             <Link
-              href="https://portal.thirdweb.com/connect/account-abstraction/overview"
+              href="https://portal.thirdweb.com/connect/account-abstraction/overview?utm_source=playground"
               target="_blank"
               className="inline-flex items-center gap-2 text-muted-foreground hover:text-foreground"
             >
diff --git a/apps/playground-web/src/app/connect/sign-in/button/page.tsx b/apps/playground-web/src/app/connect/sign-in/button/page.tsx
@@ -71,7 +71,7 @@ export default function Page(props: {
               Ethereum)
             </>
           }
-          docsLink="https://portal.thirdweb.com/connect/sign-in/overview"
+          docsLink="https://portal.thirdweb.com/connect/sign-in/overview?utm_source=playground"
           heroLink="/connectors.png"
         />
 
diff --git a/apps/playground-web/src/app/connect/sign-in/components/InAppWalletFormGroup.tsx b/apps/playground-web/src/app/connect/sign-in/components/InAppWalletFormGroup.tsx
@@ -39,7 +39,7 @@ export function InAppWalletFormGroup(props: {
         <Link
           target="_blank"
           className="group flex items-center gap-2"
-          href="https://portal.thirdweb.com/connect/in-app-wallet/overview"
+          href="https://portal.thirdweb.com/connect/in-app-wallet/overview?utm_source=playground"
         >
           <h2 className="font-semibold tracking-tight">In-App Wallet</h2>
           <ExternalLinkIcon className="mt-[-2px] size-4 text-muted-foreground group-hover:text-foreground" />
diff --git a/apps/playground-web/src/app/connect/sign-in/embed/page.tsx b/apps/playground-web/src/app/connect/sign-in/embed/page.tsx
@@ -25,7 +25,7 @@ export default function Page() {
               that fits your brand.
             </>
           }
-          docsLink="https://portal.thirdweb.com/connect/sign-in/overview"
+          docsLink="https://portal.thirdweb.com/connect/sign-in/overview?utm_source=playground"
           heroLink="/connectors.png"
         />
 
diff --git a/apps/playground-web/src/app/connect/sign-in/headless/page.tsx b/apps/playground-web/src/app/connect/sign-in/headless/page.tsx
@@ -26,7 +26,7 @@ export default function Page() {
               that fits your brand.
             </>
           }
-          docsLink="https://portal.thirdweb.com/connect/sign-in/overview"
+          docsLink="https://portal.thirdweb.com/connect/sign-in/overview?utm_source=playground"
           heroLink="/connectors.png"
         />
         <Modal />
diff --git a/apps/playground-web/src/app/connect/social/page.tsx b/apps/playground-web/src/app/connect/social/page.tsx
@@ -24,7 +24,7 @@ export default function Page() {
               as soon as they sign into your app.
             </>
           }
-          docsLink="https://portal.thirdweb.com/connect" // TODO: update this once we have Social API docs
+          docsLink="https://portal.thirdweb.com/connect?utm_source=playground" // TODO: update this once we have Social API docs
           heroLink="/in-app-wallet.png"
         />
 
diff --git a/apps/playground-web/src/app/connect/ui/chain/page.tsx b/apps/playground-web/src/app/connect/ui/chain/page.tsx
@@ -29,7 +29,7 @@ export default function Page() {
               in their user interfaces.
             </>
           }
-          docsLink="https://portal.thirdweb.com/react/v5/components/onchain#chains"
+          docsLink="https://portal.thirdweb.com/react/v5/components/onchain#chains?utm_source=playground"
           heroLink="/headless-ui-header.png"
         />
         <section className="space-y-8">
diff --git a/apps/playground-web/src/app/connect/ui/nft/page.tsx b/apps/playground-web/src/app/connect/ui/nft/page.tsx
@@ -32,7 +32,7 @@ export default function Page() {
               their perfect user interface.
             </>
           }
-          docsLink="https://portal.thirdweb.com/react/v5/components/onchain#nfts"
+          docsLink="https://portal.thirdweb.com/react/v5/components/onchain#nfts?utm_source=playground"
           heroLink="/headless-ui-header.png"
         />
         <section className="space-y-8">
diff --git a/apps/playground-web/src/app/connect/ui/page.tsx b/apps/playground-web/src/app/connect/ui/page.tsx
@@ -37,7 +37,7 @@ export default function Page() {
               complete control over your dApp&apos;s design.
             </>
           }
-          docsLink="https://portal.thirdweb.com/react/v5/components/account"
+          docsLink="https://portal.thirdweb.com/react/v5/components/account?utm_source=playground"
           heroLink="/headless-ui-header.png"
         />
 
diff --git a/apps/playground-web/src/app/connect/ui/token/page.tsx b/apps/playground-web/src/app/connect/ui/token/page.tsx
@@ -33,7 +33,7 @@ export default function Page() {
               other crypto applications.
             </>
           }
-          docsLink="https://portal.thirdweb.com/react/v5/components/onchain#tokens"
+          docsLink="https://portal.thirdweb.com/react/v5/components/onchain#tokens?utm_source=playground"
           heroLink="/headless-ui-header.png"
         />
         <section className="space-y-8">
diff --git a/apps/playground-web/src/app/connect/ui/wallet/page.tsx b/apps/playground-web/src/app/connect/ui/wallet/page.tsx
@@ -31,7 +31,7 @@ export default function Page() {
               design.
             </>
           }
-          docsLink="https://portal.thirdweb.com/react/v5/connecting-wallets/ui-components"
+          docsLink="https://portal.thirdweb.com/react/v5/connecting-wallets/ui-components?utm_source=playground"
           heroLink="/headless-ui-header.png"
         />
         <section className="space-y-8">
diff --git a/apps/playground-web/src/app/engine/airdrop/page.tsx b/apps/playground-web/src/app/engine/airdrop/page.tsx
@@ -16,7 +16,7 @@ export default function Page() {
             </>
           }
           deployLink="https://thirdweb.com/team/~/~/engine/create?utm_source=playground"
-          docsLink="https://thirdweb-engine.apidocumentation.com/reference#tag/erc20/POST/contract/{chain}/{contractAddress}/erc20/mint-batch-to?utm_source=playground"
+          docsLink="https://thirdweb-engine.apidocumentation.com/reference#tag/erc20/POST/contract/{chain}/{contractAddress}/erc20/mint-batch-to"
           heroLink="/airdrop.avif"
         />
 
diff --git a/apps/playground-web/src/app/engine/minting/page.tsx b/apps/playground-web/src/app/engine/minting/page.tsx
@@ -15,7 +15,7 @@ export default function Page() {
             </>
           }
           deployLink="https://thirdweb.com/team/~/~/engine/create?utm_source=playground"
-          docsLink="https://thirdweb-engine.apidocumentation.com/reference#tag/erc1155/POST/contract/{chain}/{contractAddress}/erc1155/mint-to?utm_source=playground"
+          docsLink="https://thirdweb-engine.apidocumentation.com/reference#tag/erc1155/POST/contract/{chain}/{contractAddress}/erc1155/mint-to"
           heroLink="/minting.avif"
         />
 
diff --git a/apps/playground-web/src/app/insight/layout.tsx b/apps/playground-web/src/app/insight/layout.tsx
@@ -11,7 +11,7 @@ export default function Layout(props: {
         description={
           <>Simple & customizable endpoints for querying rich blockchain data</>
         }
-        docsLink="https://portal.thirdweb.com/insight"
+        docsLink="https://portal.thirdweb.com/insight?utm_source=playground"
         heroLink="/insight-hero.avif"
       />
 
diff --git a/apps/playground-web/src/app/insight/page.tsx b/apps/playground-web/src/app/insight/page.tsx
@@ -14,7 +14,7 @@ export default async function Page() {
         user-friendly format. <br /> There is no need for ABIs, decoding, RPC,
         or web3 knowledge to fetch blockchain data.{" "}
         <Link
-          href="https://portal.thirdweb.com/insight/blueprints"
+          href="https://portal.thirdweb.com/insight/blueprints?utm_source=playground"
           target="_blank"
           className="underline decoration-muted-foreground/50 decoration-dotted underline-offset-[5px] hover:decoration-solid"
         >
diff --git a/apps/playground-web/src/app/otherLinks.ts b/apps/playground-web/src/app/otherLinks.ts
@@ -1,14 +1,14 @@
 export const otherLinks: { name: string; href: string }[] = [
   {
     name: "Dashboard",
-    href: "https://thirdweb.com/team",
+    href: "https://thirdweb.com/team?utm_source=playground",
   },
   {
     name: "Docs",
-    href: "https://portal.thirdweb.com/",
+    href: "https://portal.thirdweb.com?utm_source=playground",
   },
   {
     name: "Github",
-    href: "https://github.com/thirdweb-dev",
+    href: "https://github.com/thirdweb-dev?utm_source=playground",
   },
 ];
diff --git a/apps/playground-web/src/components/auth/gated-content.tsx b/apps/playground-web/src/components/auth/gated-content.tsx
@@ -82,7 +82,7 @@ export async function GatedContentPreview() {
         <br />
         Mint a free commemorative NFT{" "}
         <a
-          href="https://thirdweb.com/arbitrum/0xE7d6D628163de95D1c72c343ee852539B51f35Dc/nfts/0"
+          href="https://thirdweb.com/arbitrum/0xE7d6D628163de95D1c72c343ee852539B51f35Dc/nfts/0?utm_source=playground"
           rel="noreferrer"
           target="_blank"
           className="font-bold text-yellow-400 underline"
diff --git a/apps/playground-web/src/components/blocks/APIHeader.tsx b/apps/playground-web/src/components/blocks/APIHeader.tsx
@@ -32,7 +32,10 @@ export function APIHeader(props: {
             </Link>
           </Button>
           <Button asChild variant="outline" size="lg">
-            <Link target="_blank" href="https://thirdweb.com/contact-us">
+            <Link
+              target="_blank"
+              href="https://thirdweb.com/contact-us?utm_source=playground"
+            >
               Book a Demo
             </Link>
           </Button>
diff --git a/apps/playground-web/src/components/engine/minting/erc1155-mint-to.tsx b/apps/playground-web/src/components/engine/minting/erc1155-mint-to.tsx
@@ -248,7 +248,7 @@ export function ERC1155MintTo() {
               <p className="max-w-[600px]">
                 thirdweb Engine Playground{" "}
                 <a
-                  href="https://thirdweb.com/base-sepolia-testnet/0x8CD193648f5D4E8CD9fD0f8d3865052790A680f6/nfts"
+                  href="https://thirdweb.com/base-sepolia-testnet/0x8CD193648f5D4E8CD9fD0f8d3865052790A680f6/nfts?utm_source=playground"
                   target="_blank"
                   className="text-blue-500"
                   rel="noreferrer"

Original file line number	Diff line number	Diff line change
`@@ -28,7 +28,7 @@ export default function Page() {`
`28`	`28`	`full wallet programmability.`
`29`	`29`	`</>`
`30`	`30`	`}`
`31`		`- docsLink="https://portal.thirdweb.com/connect/account-abstraction/overview"`
	`31`	`+ docsLink="https://portal.thirdweb.com/connect/account-abstraction/overview?utm_source=playground"`
`32`	`32`	`heroLink="/account-abstraction.png"`
`33`	`33`	`/>`
`34`	`34`
Original file line number	Diff line number	Diff line change
`@@ -25,7 +25,7 @@ export default function Page() {`
`25`	`25`	`full wallet programmability.`
`26`	`26`	`</>`
`27`	`27`	`}`
`28`		`- docsLink="https://portal.thirdweb.com/connect/account-abstraction/overview"`
	`28`	`+ docsLink="https://portal.thirdweb.com/connect/account-abstraction/overview?utm_source=playground"`
`29`	`29`	`heroLink="/account-abstraction.png"`
`30`	`30`	`/>`
`31`	`31`
Original file line number	Diff line number	Diff line change
`@@ -20,7 +20,7 @@ export default function Page(props: { children: React.ReactNode }) {`
`20`	`20`	`and smart account integration.`
`21`	`21`	`</>`
`22`	`22`	`}`
`23`		`- docsLink="https://portal.thirdweb.com/connect/in-app-wallet/overview"`
	`23`	`+ docsLink="https://portal.thirdweb.com/connect/in-app-wallet/overview?utm_source=playground"`
`24`	`24`	`heroLink="/in-app-wallet.png"`
`25`	`25`	`/>`
`26`	`26`
Original file line number	Diff line number	Diff line change
`@@ -11,7 +11,7 @@ export default function Layout(props: {`
`11`	`11`	`description={`
`12`	`12`	`<>HTTP API to bridge, swap and onramp to and from any currency</>`
`13`	`13`	`}`
`14`		`- docsLink="https://portal.thirdweb.com/connect/pay/overview"`
	`14`	`+ docsLink="https://portal.thirdweb.com/connect/pay/overview?utm_source=playground"`
`15`	`15`	`heroLink="/ub.png"`
`16`	`16`	`/>`
`17`	`17`
Original file line number	Diff line number	Diff line change
`@@ -24,7 +24,7 @@ export default function Page() {`
`24`	`24`	`chain.`
`25`	`25`	`</>`
`26`	`26`	`}`
`27`		`- docsLink="https://portal.thirdweb.com/connect/pay/get-started"`
	`27`	`+ docsLink="https://portal.thirdweb.com/connect/pay/get-started?utm_source=playground"`
`28`	`28`	`heroLink="/pay.png"`
`29`	`29`	`/>`
`30`	`30`
Original file line number	Diff line number	Diff line change
`@@ -529,7 +529,7 @@ export function LeftSection(props: {`
`529`	`529`	`</p>`
`530`	`530`
`531`	`531`	`<Link`
`532`		`- href="https://portal.thirdweb.com/connect/account-abstraction/overview"`
	`532`	`+ href="https://portal.thirdweb.com/connect/account-abstraction/overview?utm_source=playground"`
`533`	`533`	`target="_blank"`
`534`	`534`	`className="inline-flex items-center gap-2 text-muted-foreground hover:text-foreground"`
`535`	`535`	`>`