Tutorials

SurveyMonkey in Website einbinden: Schritt-für-Schritt-Anleitung

Melden

Hier ist ein detailliertes Tutorial, wie du eine SurveyMonkey-Umfrage direkt in deine Website einbindest.

Die Einbettung einer Umfrage direkt auf deiner Webseite erhöht die Antwortrate, da die Nutzer deine Seite nicht verlassen müssen. SurveyMonkey bietet hierfür verschiedene Möglichkeiten an.

Voraussetzungen

  • Ein aktives SurveyMonkey-Konto.
  • Eine bereits fertiggestellte Umfrage.
  • Zugriff auf das Backend deiner Website (z. B. WordPress, Wix, HTML-Editor).

Schritt 1: Den richtigen Collector auswählen

  1. Logge dich in deinen SurveyMonkey-Account ein.
  2. Klicke auf die Umfrage, die du einbetten möchtest.
  3. Gehe oben im Menü auf den Reiter „Antworten erfassen“ (Collect Responses).
  4. Wenn du noch keinen Collector hast, klicke auf „Webseite-Collector“. Falls du bereits andere Collectoren hast, klicke auf „Neuen Collector hinzufügen“ und wähle „Auf Website einbetten“.

Schritt 2: Die Art der Einbettung wählen

SurveyMonkey bietet drei verschiedene Formate an:

  1. Eingebettete Umfrage: Die Umfrage erscheint direkt als fester Bestandteil im Inhalt deiner Seite.
  2. Popup-Einladung: Es öffnet sich ein kleines Fenster, das den Nutzer fragt, ob er an der Umfrage teilnehmen möchte.
  3. Website-Button: Ein kleiner Button (z. B. am Rand), der beim Klicken die Umfrage öffnet.

Für dieses Tutorial konzentrieren wir uns auf die klassische „Eingebettete Umfrage“, da dies die beliebteste Methode ist.

Schritt 3: Den Code konfigurieren und kopieren

  1. Wähle die Option „Eingebettete Umfrage“.
  2. Du siehst nun eine Vorschau und verschiedene Konfigurationsoptionen (links oder oben):
    • Breite und Höhe: Du kannst die Maße an dein Website-Layout anpassen (oft ist 100% Breite sinnvoll).
    • Rahmen: Du kannst entscheiden, ob ein Rand um die Umfrage angezeigt werden soll.
  3. Wenn du mit den Einstellungen zufrieden bist, klicke auf den Button „Kopieren“, um den generierten JavaScript/HTML-Code in deine Zwischenablage zu speichern.

Schritt 4: Den Code in deine Website einfügen

Je nachdem, welches System du nutzt, unterscheidet sich dieser Schritt geringfügig:

A. In WordPress (Gutenberg Editor)

  1. Öffne die Seite oder den Beitrag, auf dem die Umfrage erscheinen soll.
  2. Klicke auf das „+“ Symbol, um einen neuen Block hinzuzufügen.
  3. Suche nach „Individuelles HTML“ und wähle den Block aus.
  4. Füge den kopierten Code von SurveyMonkey in das Textfeld ein.
  5. Klicke auf „Vorschau“ oder „Aktualisieren“.

B. In einem klassischen HTML-Dokument

  1. Öffne deine .html-Datei in einem Editor.
  2. Suche die Stelle im <body>, an der die Umfrage erscheinen soll.
  3. Füge den Code dort ein:
    <div>
   <!-- Hier den SurveyMonkey Code einfügen -->
   <script> ... dein Code ... </script>
</div>

C. In Homepage-Baukästen (Wix, Jimdo, Squarespace)

  1. Suche nach einem Element namens „Embed“, „Widget“ oder „Code einbetten“.
  2. Wähle „HTML-Code“ oder „Code-Snippet“ aus.
  3. Füge den Code ein und speichere die Änderungen.

Schritt 5: Testen und Optimieren

  • Mobile Ansicht: Überprüfe unbedingt, wie die Umfrage auf dem Smartphone aussieht. Wenn die Umfrage abgeschnitten ist, ändere die Breite im SurveyMonkey-Collector auf 100%.
  • Datenschutz (DSGVO): Da durch das Einbetten Daten an SurveyMonkey übertragen werden (und Cookies gesetzt werden können), solltest du deine Datenschutzerklärung aktualisieren und prüfen, ob du die Einwilligung über deinen Cookie-Banner einholen musst.

Profi-Tipp:

Wenn du das Design der Umfrage (Farben, Schriftarten) ändern möchtest, musst du dies direkt in SurveyMonkey unter dem Reiter „Umfrage entwerfen“ tun. Die Änderungen werden automatisch auf deiner Website übernommen, ohne dass du den Code erneut kopieren musst!

0