UTM Builder

Platform page

UTM Builder for Next.js

Create GA4-compatible campaign tracking URLs for Next.js using practical source, medium, campaign, and content values.

Generate UTM URLView ExamplesLearn GA4 Tracking

Next.js-specific tracking guidance

Track campaigns that promote Next.js apps, SaaS landing pages, launch pages, and documentation. Next.js traffic can be difficult to compare when campaign names, ad placements, or organic links use inconsistent labels. A dedicated UTM structure helps teams understand how this traffic performs in GA4 and how it compares with other channels.

GA4 sees this traffic through the UTM values attached to the landing URL. For this page, the recommended starting point is source partner_site and medium referral. That pairing keeps reports readable and makes it easier to compare this traffic against email, paid search, social, affiliate, QR, and referral campaigns.

The goal is not to create a different naming system for every page. The goal is to document practical defaults, show examples, and connect the page to the wider campaign tracking workflow. Use this page when planning campaign URLs, briefing team members, or auditing whether existing links follow a reliable pattern.

Recommended UTM structure

Source

utm_source=partner_site

Medium

utm_medium=referral

Campaign

utm_campaign=saas_launch

Content

utm_content=docs_link

Example URLs

https://example.com/?utm_source=partner_site&utm_medium=referral&utm_campaign=saas_launch&utm_content=docs_link

https://example.com/?utm_source=partner_site&utm_medium=referral&utm_campaign=saas_launch&utm_content=footer_link

https://example.com/?utm_source=partner_site&utm_medium=referral&utm_campaign=product_launch&utm_content=docs_link

Best practices

Test final landing URLs to confirm redirects keep campaign parameters.
Keep source and medium lowercase so reports do not split traffic into duplicate rows.
Use campaign values for the initiative, not every tiny placement detail.
Use content values for ad-level tracking, creative variants, placements, or page locations.

Common mistakes

Not preserving UTMs through redirects or middleware.

Other common mistakes include uppercase values, spaces in campaign names, inconsistent separators, missing campaign names, and using one broad campaign label for every placement. Validate links before launch and keep a shared naming document for future campaigns.

FAQ

What source should I use for Next.js?

Use partner_site as a practical starting point when you want reports to identify Next.js traffic clearly.

What medium should I use for Next.js?

Use referral when it matches the channel type. Keep medium values consistent across similar campaigns.

Does GA4 support Next.js UTM links?

Yes. GA4 can read UTM source, medium, campaign, content, and term values from tagged landing URLs.

Should UTM values be lowercase?

Yes. Lowercase values reduce fragmented reports and make campaign data easier to compare.