Upcoming feature

Form analytics

Form analytics lets you see exactly how many users complete each step, and what causes people to abandon your form

Conditional logic image

What is form analytics?

Mit der Formularanalyse können Sie genau sehen, was die Leute in Ihren Formularen tun.

Mit einer guten Formularanalytik können Sie das herausfinden:

  • Wie viele Personen landen auf meinem Formular?
  • Wie viele Personen beginnen, mein Formular auszufüllen?
  • Wie viele Personen verlassen mein Formular?
  • Bei welchen Schritten brechen die Menschen ab?

Wie man Kontaktformulare mit Google Analytics verfolgt

Wenn Sie bereits über Google Analytics verfügen, möchten Sie vielleicht Erfolgsereignisse (z. B. Formularübermittlungen) verfolgen. Auf diese Weise können Sie genau sehen, woher die Formularausfüllungen stammen, und leicht darüber berichten.

In diesem Leitfaden zum Google Analytics-Formular-Tracking finden Sie alles, was Sie brauchen:

1.) Stellen Sie sicher, dass Sie Google Analytics installiert haben

Zunächst müssen Sie sicherstellen, dass Sie Google Analytics installiert haben (klingt selbstverständlich, aber viele haben es nicht!).

Suchen Sie dazu im HTML-Code Ihrer Website nach einem Code, der wie folgt aussieht –

<!-- Google Analytics -->
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA....', 'auto');
ga('send', 'pageview');
</script>
<!-- End Google Analytics -->

Beachten Sie, dass es von einem Addon eines Drittanbieters, wie Google Tag Manager, installiert werden kann.

2.) Erarbeiten Sie den Code, den Sie bei der Übermittlung des Formulars ausführen müssen

Der nächste Schritt besteht darin, ein Ereignis auszulösen, wenn Ihr Formular abgeschickt wird. Dies bedeutet im Grunde genommen “Google mitteilen, dass etwas passiert ist”.

Um ein “Submit”-Aktionsereignis für die Kategorie “Kontaktformular” auszulösen, würden Sie den folgenden Code ausführen:

<script>
ga('send', 'event', 'contact-form', 'submit');
}, false );
</script>

Lassen Sie uns diesen Code aufschlüsseln:

  • Der Code-Block öffnet und schließt sich mit <script> Blöcken, was bedeutet, dass es sich um JavaScript handelt.
  • “ga” ist ein Verweis auf Google Analytics
  • “Senden” und “Ereignis” beschreiben, was Sie tun – Sie senden ein Ereignis an Google Analytics
  • “Kontakt-Formular” ist die Kategorie des Ereignisses. Sie können dies in alles Mögliche ändern, z. B. “Lead-form”, “leadgen” oder “website-leads” – das bleibt Ihnen überlassen.
  • “Absenden” ist die Aktion des Ereignisses. Auch hier können Sie den Namen beliebig ändern, z. B. “hinzufügen”, “abschließen” oder “senden”.

3.) Wie man den Code tatsächlich ausführt (auf die harte Tour)

Sie können den obigen Code buchstäblich in Ihrer JavaScript-Konsole ausführen, um ein funktionierendes Ereignis in Google Analytics zu sehen!

Aber natürlich reicht es nicht aus, den Code in der JavaScript-Konsole auszuführen – das muss jedes Mal geschehen, wenn jemand ein Formular ausfüllt.

Eine Möglichkeit besteht darin, die ID der Schaltfläche zu ermitteln, auf die der Benutzer beim Absenden klickt, und den Code dann auszulösen. Angenommen, Ihre Schaltfläche hat die ID “mybutton123”, dann würde Ihr Code wie folgt aussehen:

<script>

document.getElementById("mybutton123").addEventListener('click',function ()
{

ga('send', 'event', 'contact-form', 'submit');

}, false );

} ); </script>

Dieser Code wickelt einfach den Google Analytics "Ereignis senden"-Code aus Schritt 2 in einen Ereignis-Listener ein, der auf einen Klick auf "mybutton123" wartet.
3b.) Wie man den Code tatsächlich ausführt (der einfache Weg)
Wenn Sie einen Formularersteller wie Growform verwenden, können Sie den Code aus Schritt 2 einfach in die Option "Run code on form submission" unter den Formulareinstellungen einfügen.
4.) Wie man Formularübertragungen in Google Analytics sieht
Um Ihre Formularübertragungsereignisse in Google Analytics zu sehen, navigieren Sie zu Behaviour > Events > Overview.

Which plans allow for form analytics?

You can add form analytics onto any plan - it's not a restricted feature!

Hobbyist plan

  • Yes

Agency plan

  • Yes

It all starts here...

Start creating beautiful, multi-step forms that convert with a zero commitment free trial (no credit card required):

Start my 14 day free trial