Sternebewertungen und Kommentare in WordPress strukturiert erfassen
Eine Sterneauswahl hält Website-Feedback kurz und verständlich. Ein Kommentar ergänzt die Bewertung um persönliche Hinweise, die WordPress gemeinsam mit dem Zeitpunkt der Rückmeldung speichert.
Direktes Website-Feedback verbindet einen konkreten Nutzungsmoment mit einer schnell verständlichen Rückmeldung. Fünf Sterne geben eine erste Einschätzung, während ein Kommentar Raum für Beobachtungen und Anregungen schafft.
Dafür haben wir den Gutenberg-Block «Rating Block» entwickelt. Er führt im Frontend durch Sterneauswahl, Kommentar und Google-Verknüpfung, speichert die Rückmeldungen über eine eigene REST-Schnittstelle und bündelt die Ergebnisse im WordPress-Backend. Zeitraum, Texte, Einblendung und Anschlussaktion werden zentral konfiguriert.
Bewertung im Dialog starten
Nach der zeitgesteuerten Einblendung öffnet ein kompakter Feedback-Button den Bewertungsdialog. Eine frei formulierbare Frage und fünf interaktive Sterne führen durch die Bewertung. Der helle Overlay-Hintergrund richtet die Aufmerksamkeit auf den Dialog, während die Sterne beim Überfahren die jeweilige Auswahl anzeigen.
Ein Klick legt den Sternwert fest und übermittelt die Bewertung an WordPress. Anschliessend zeigt der Dialog den gewählten Wert zusammen mit einem Dankestext und dem Kommentarfeld. Sterne und persönliche Rückmeldung gehören dadurch in einem gemeinsamen Datensatz zusammen.
Nach dem Kommentar zur Google-Bewertung führen
Ein übermittelter Kommentar öffnet den abschliessenden Schritt mit der freiwilligen Verknüpfung zur Bewertungsseite bei Google. Dieser Ablauf steht für alle Sternwerte zur Verfügung. Der Google-Link öffnet sich in einem neuen Tab, und der Bewertungsdialog schliesst sich zwei Sekunden später.
Die Google-Verknüpfung berücksichtigt den Betreiber der Website und ulrich.digital als umsetzende Agentur. Sobald ein Unternehmensprofil hinterlegt ist, wählt das Plugin beide Ziele zu gleichen Teilen aus. Jedes Ziel erhält einen passenden Begleittext und eine eigene Schaltfläche. Die bewertende Person entscheidet selbst über die Veröffentlichung einer Google-Rezension.
Einblendung und Wiedererkennung steuern
Ein Start- und Enddatum begrenzt die Bewertungsphase auf einen definierten Zeitraum. Zusätzlich legt eine Einstellung fest, wie viele Sekunden zwischen Seitenaufruf und Einblendung des Feedback-Buttons liegen. Der Dialog öffnet sich durch den Klick auf den Button und lässt sich über die Schliessen-Schaltfläche, die abgedeckte Fläche oder die Escape-Taste beenden.
Für die Wiedererkennung erzeugt das Frontend eine Browser-ID und speichert sie im Local Storage sowie in einem Cookie. Der serverseitige Render-Callback prüft anhand dieser ID, ob bereits eine Bewertung vorliegt. Ein Entwicklermodus unterstützt wiederholte Testdurchläufe während Einrichtung und Gestaltung.
Rückmeldungen über die REST-API speichern
Das Frontend übermittelt Sterne, Kommentar und Browser-ID an den REST-Endpunkt ud-rating/v1/submit. Die Eingaben werden geprüft und bereinigt, bevor WordPress sie in einer eigenen Datenbanktabelle speichert. Eine spätere Kommentarübermittlung ergänzt den bestehenden Eintrag derselben Browser-ID.
Weitere REST-Routen stellen Statistikdaten und eine geschützte Liste für Administratorinnen und Administratoren bereit. Die technische Trennung zwischen Interaktion, Speicherung und Auswertung schafft eine strukturierte Grundlage für die Weiterverarbeitung der Rückmeldungen.
Bewertungen im WordPress-Backend auswerten
Die Administrationsansicht fasst Gesamtzahl und durchschnittliche Bewertung zusammen. Darunter führt eine Tabelle die einzelnen Einträge mit Sternwert, Kommentar, gekürzter Browser-ID sowie Datum und Uhrzeit auf.
Filter ordnen die Übersicht nach Sternezahl oder nach den letzten sieben beziehungsweise dreissig Tagen. Einzelne Bewertungen und der gesamte Datenbestand lassen sich verwalten. Eine zusätzliche Einstellung legt fest, ob die Bewertungsdaten bei der Deinstallation des Plugins entfernt werden.
Texte und Darstellung zentral konfigurieren
Die Einstellungsseite bündelt sämtliche Texte der Benutzerführung: Feedback-Button, Frage, Dankestexte, Kommentar-Platzhalter und Schaltflächenbeschriftungen. Auch das Google-Unternehmensprofil und die dazugehörigen Texte werden dort gepflegt. Die Agentur-Zuordnung verwendet fest hinterlegte Angaben von ulrich.digital.
Der Dialog übernimmt die Schriftfamilie des aktiven Themes und passt sich unterschiedlichen Bildschirmgrössen an. Ein Feld für eigenes CSS ergänzt die projektspezifische Gestaltung. Eine optionale Star-Glow-Animation bestätigt die erfolgreiche Speicherung mit einem kurzen Lichtimpuls an den gewählten Sternen und berücksichtigt prefers-reduced-motion.
Ergebnis
Website-Feedback als Sternebewertung und Kommentar erfassen
Der Rating Block verbindet Sterne, persönliche Rückmeldungen und eine optionale Google-Verknüpfung mit einer strukturierten Speicherung in WordPress. Redaktion, Dialog und Backend-Auswertung arbeiten auf derselben Datenbasis.
Feedback im Dialog einholen
Sterneauswahl, Kommentar und freiwillige Google-Verknüpfung führen durch die Rückmeldung im Frontend.
Bewertungen speichern
Die REST-API prüft Sterne, Kommentar und Browser-ID und speichert die Rückmeldungen in einer eigenen Datenbanktabelle.
Rückmeldungen auswerten
Statistik, Zeitfilter und Einzelansicht machen Bewertungen im Backend zugänglich. Texte und Darstellung lassen sich zentral konfigurieren.