Wofür UTM-Tags da sind
Wenn jemand auf deiner Website landet, kann die Webanalyse meist sagen, welche Website ihn geschickt hat. Oft kann sie aber nicht sagen, welche E-Mail, welche Anzeige oder welcher Post angeklickt wurde. UTM-Tags schließen diese Lücke. Es sind zusätzliche Parameter am Ende eines Links, zum Beispiel:
https://example.com/sommerkollektion?utm_source=newsletter&utm_medium=email&utm_campaign=sommer%20sale%202026
Google Analytics, Matomo, Plausible und die meisten anderen Tools lesen diese Tags und gruppieren Besuche danach. Der Name stammt von Urchin, dem Analyseprodukt, das Google gekauft und zu Google Analytics gemacht hat.
So nutzt du den UTM Generator
- Füge die Seitenadresse in Website-URL ein. Wenn du
https://weglässt, wird es ergänzt. - Füll Kampagnenquelle, Kampagnenmedium und Kampagnenname aus. Diese drei sind als Pflichtfelder markiert. Beim Tippen in die Felder für Quelle und Medium erscheinen Vorschläge.
- Ergänze bei Bedarf Kampagnen-ID, Kampagnen-Term oder Kampagnen-Content.
- Kopier den fertigen Link aus Kampagnen-URL.
Zwei Einstellungen steuern, wie Werte geschrieben werden:
- Leerzeichen in Werten: als
%20behalten, als+schreiben oder durch_oder-ersetzen. - Werte kleinschreiben: standardmäßig an, damit
Newsletterundnewsletternicht als zwei Zeilen in deinen Berichten landen.
Unter dem Link listet das Tool jedes Tag mit dem bereinigten Wert auf und warnt dich, wenn ein Pflichtfeld leer ist.
Die sechs Felder
| Feld | Parameter | Was es speichert | Beispielwert |
|---|---|---|---|
| Kampagnenquelle | utm_source |
Wer den Besuch schickt | newsletter, google, facebook |
| Kampagnenmedium | utm_medium |
Die Art des Kanals | email, cpc, paid_social |
| Kampagnenname | utm_campaign |
Die Aktion oder der Anlass | sommer_sale_2026 |
| Kampagnen-ID | utm_id |
Eine ID aus deiner Werbeplattform oder Planung | abc123 |
| Kampagnen-Term | utm_term |
Das Keyword bei bezahlter Suche | running shoes |
| Kampagnen-Content | utm_content |
Welche Anzeige oder welcher Link innerhalb einer Kampagne | blue_banner |
Beispiele
Diese Links stammen aus dem Generator.
| Eingabe | Ergebnis |
|---|---|
Kampagne „Sommer Sale 2026“, Leerzeichen als %20 |
...&utm_campaign=sommer%20sale%202026 |
Dasselbe, Leerzeichen durch _ ersetzt |
...&utm_campaign=sommer_sale_2026 |
Dasselbe, Leerzeichen als + |
...&utm_campaign=sommer+sale+2026 |
| Werte kleinschreiben aus | utm_source=Newsletter&utm_medium=Email |
| Kampagne „Q4 & more“ | utm_campaign=q4%20%26%20more |
| Kampagne „Frühlingsaktion 2026“ | utm_campaign=fr%C3%BChlingsaktion%202026 |
Die letzte Zeile zeigt, was mit Umlauten passiert: Das ü wird als %C3%BC kodiert. Analyse-Tools dekodieren das wieder und zeigen „frühlingsaktion 2026“ an, der Link wird aber länger und ist schwerer zu lesen. Viele Teams schreiben Kampagnennamen deshalb ohne Umlaute, also fruehlingsaktion_2026.
Vorhandene Parameter und Fragmente bleiben erhalten. Die Adresse example.com/shop?ref=home#reviews mit Quelle facebook, Medium paid_social, Kampagne black_friday und Content blue_banner wird zu:
https://example.com/shop?ref=home&utm_source=facebook&utm_medium=paid_social&utm_campaign=black_friday&utm_content=blue_banner#reviews
So funktioniert es
Der Generator liest deine Adresse und teilt sie in drei Teile: die Seite, den Query-String und das Fragment nach #. Er entfernt alte utm_-Parameter aus dem Query-String und behält den Rest.
Jeder Wert wird getrimmt, mehrfache Leerzeichen werden zu einem, und die Optionen für Schreibung und Leerzeichen werden angewendet. Dann wird jeder Wert nach denselben Regeln kodiert wie mit encodeURIComponent in JavaScript, damit Zeichen wie &, # und ? den Link nicht kaputt machen. Ein & in einem Kampagnennamen wird zum Beispiel zu %26.
Die Tags stehen in fester Reihenfolge: Quelle, Medium, Kampagne, ID, Term, Content. Das Fragment kommt wieder ans Ende, weil alles nach # nie an den Server gesendet wird.
Tipps zur Benennung
- Einigt euch auf eine kurze Liste von Medien. Google Analytics 4 sortiert Traffic nach dem Medium in Standard-Channel-Gruppen ein. Werte wie
email,cpc,social,paid_social,referralunddisplaylanden in der richtigen Gruppe. Ein erfundenes Medium wieblastoder ein deutsches wierundmaillandet unter „Unassigned“. - Nutze ein Trennzeichen. Wähl Unterstriche oder Bindestriche für Namen aus mehreren Wörtern und bleib dabei.
- Schreib klein. Die Standardeinstellung erledigt das für dich.
- Wähl Namen, die man auch später versteht.
sommer_sale_2026ist klarer alsss26v2. - Führ eine Tabelle der Links, die du erstellst. Das erspart dir im nächsten Quartal das Raten.
- Pack keine personenbezogenen Daten in Tags. E-Mail-Adressen oder Namen in einer URL können in Logs und Berichten landen, und das ist auch mit Blick auf die DSGVO heikel.
Andere Wege, UTM-Tags hinzuzufügen
Die meisten E-Mail- und Werbeplattformen können UTM-Tags automatisch anhängen. In einer Tabellenkalkulation kannst du Links mit einer Formel bauen, die die Zellen verbindet, etwa =A2&"?utm_source="&B2&"&utm_medium="&C2. Leerzeichen und Symbole musst du dann aber selbst kodieren, zum Beispiel mit URLCODIEREN in der deutschen Excel-Version (ENCODEURL in der englischen).
In JavaScript kann das Objekt URL Parameter setzen:
const u = new URL('https://example.com/sommerkollektion');
u.searchParams.set('utm_source', 'newsletter');
u.searchParams.set('utm_campaign', 'Sommer Sale 2026');
Das ergibt ...?utm_source=newsletter&utm_campaign=Sommer+Sale+2026. Beachte, dass searchParams Leerzeichen als + schreibt und nichts kleinschreibt.
Ähnliche Tools
Um die Kodierung in einem Link von Hand zu prüfen oder zu korrigieren, nimm URL kodieren und dekodieren. Um einen Kampagnentitel in einen sauberen Wert zu verwandeln, probier den URL Slug Generator. Für Drucksachen packst du den getaggten Link in einen QR-Code und nutzt ein Medium wie qr, damit Scans getrennt erscheinen.