Anmeldeformulare
UTM-Parameter mit einem Anmeldeformular erfassen
UTM-Parameter sind ein leistungsstarkes Tool, um den Erfolg Ihrer Online-Marketing-Kampagnen zu messen. Sie zeigen, welche Quellen, Medien oder Kampagnen den meisten Traffic und die besten Conversions liefern. In diesem Leitfaden erfahren Sie, wie Sie UTM-Parameter mit einem KlickTipp-Anmeldeformular automatisch erfassen und effektiv auswerten.
UTM-Parameter lassen sich nahtlos mit Tools wie Google Analytics verwenden. Damit kannst Du den Traffic segmentieren und erhältst aussagekräftige Berichte.
Am Beispiel von Thrive Architect zeigen wir Dir, wie Du einen UTM-Parameter über ein KlickTipp-Anmeldeformular abfragen kannst. Das Anmeldeformular wird mit Thrive Architect in WordPress eingebaut und konfiguriert. Auf der Webseite wird nur die E-Mail-Adresse abgefragt. Das Feld für den UTM-Parameter bleibt dabei unsichtbar. Der UTM-Parameter wird automatisch aus der URL ausgelesen und in das entsprechende Feld übertragen.
Kennst Du sie schon?
Die wichtigsten UTM-Parameter
- utm_source: Identifiziert die Quelle (z. B. Google, Newsletter, Facebook).
- utm_medium: Gibt das Medium an (z. B. CPC, Social, E-Mail).
- utm_campaign: Kennzeichnet die Kampagne (z. B. Sommeraktion20xx).
- utm_term (optional): Verwendet für Suchbegriffe in Paid-Ads.
- utm_content (optional): Differenziert zwischen Inhalten (z. B. verschiedene CTAs).
Schritt-für-Schritt-Anleitung
Vorgehensweise in KlickTipp
- Lege zuerst ein zusätzliches Datenfeld vom Typ → Zeile an. Wie das funktioniert, erfährst Du im Beitrag Zusätzliche Stammsatz-Felder nutzen.
- Wenn Du den UTM-Parameter „utm_medium“ (z. B. CPC, Social, E-Mail) abfragen möchtest, gib dem Feld am besten den gleichen Namen.
- Erstelle ein RAW-Formular, indem Du im Menü unter → Listbuilding auf → Neues Listbuilding klickst. Wähle anschließend die Kachel → RAW-Anmeldeformular.
- Füge zusätzlich zur E-Mail-Adresse ein weiteres Feld für den UTM-Parameter hinzu. Wähle dafür das zuvor erstellte Feld aus.
- Klicke auf das Drop-down-Menü des Feldes im Anmeldeformular und aktiviere die Option → Versteckt.
- Speichere die Änderungen, indem Du auf → Speichern klickst.
- Klicke auf den Button → Einbettungscode. Kopiere den Code, indem Du in das Codefeld klickst und mit der rechten Maustaste → Kopieren wählst.
Schritte in Thrive Architect
- Öffne den Bearbeitungsdialog für Dein Optin-Formular, das Du mit Thrive Architect erstellt hast.
- Gehe zu → HTML-Code und füge den kopierten Code aus Deiner Zwischenablage ein. Klicke dafür mit der rechten Maustaste in das Feld und wähle → Einfügen.
- Klicke auf → Generate Form, um das Anmeldeformular zu aktualisieren.
- Unter → Hidden Fields findest Du links einen Eintrag in der Form → fields[field123456]. Die Zahl zeigt die ID des Feldes in KlickTipp und gehört zum versteckten Feld für den UTM-Parameter.
- Klicke rechts auf das Stiftsymbol des Eintrags, um die Autofill-Einstellungen zu öffnen.
- Wähle im Drop-down-Menü die Option → URL QueryString aus.
- Trage unter → Variable Name den Namen des UTM-Parameters ein. In diesem Beispiel ist das → utm_medium.
- Klicke abschließend auf → Apply und speichere die Seite mit einem Klick auf → Save Work.
- Damit der UTM-Parameter automatisch in das Feld eingetragen wird, erweitere die URL um diesen Parameter. Verwende die reguläre Webadresse und füge den Parameter samt Wert hinzu.
- Beispiel: https://www.website.com/?utm_medium=123456
Universelle Erstellung eines Anmeldeformulars mit UTM-Parametern
Falls Du z. B. WordPress ohne ein Plugin wie Thrive verwendest oder Deine Seite mit einem anderen System erstellst, kannst Du den benötigten HTML-Code ganz einfach mit ChatGPT erzeugen lassen.
- Gehe zunächst alle oben beschriebenen Schritte in KlickTipp durch.
- Füge anschließend den kopierten Code in ChatGPT ein und lass Dir mit einem speziellen Prompt den passenden Code erstellen, um den UTM-Parameter abzufragen.
- Nutze diesen Prompt: Hallo ChatGPT, Ich habe ein HTML-Formular, das ich auf meiner Webseite verwende, um Informationen zu sammeln. Ich möchte dieses Formular so anpassen, dass es den URL-Parameter utm_medium automatisch in ein verstecktes Eingabefeld speichert und mit dem Formular an mein System (wie KlickTipp) sendet. Der Parameter sollte für den Nutzer nicht sichtbar sein. Kannst du mir den HTML-Code und das dazugehörige JavaScript bereitstellen, um diese Funktionalität zu implementieren? Vielen Dank!
--- - Füge den kopierten HTML-Code aus KlickTipp nach den drei Strichen ein und lass ChatGPT den Code verarbeiten. Warte dann auf die angepasste Code-Ausgabe.
- Kopiere den fertigen Code in Deine Zwischenablage und füge ihn auf Deiner Webseite an der Stelle ein, an der das Anmeldeformular angezeigt werden soll.
- Wie bei der Thrive-Methode bleibt das Feld für den UTM-Parameter unsichtbar und funktioniert wie gewohnt für die Anmeldung.
- In beiden Fällen wird der Wert des UTM-Parameters automatisch in das entsprechende Feld im Kontakt bei KlickTipp übertragen.
Egal, ob Du Thrive Architect oder ein Standard-HTML-Formular verwendest – die UTM-Parameter werden automatisch in das richtige Feld in Ihrem KlickTipp-Kontakt übernommen. Beginne am besten noch heute, UTM-Parameter zu nutzen, und verbessere damit Dein Kampagnen-Tracking nachhaltig.
