Das eingebettete Feedback-Widget befindet sich derzeit in der BETA-Phase und wird auf den Plänen von Ask 
oder 
verfügbar sein.
Mit dem eingebetteten Feedback-Widget können Sie Antworten im richtigen Moment sammeln, indem Sie ein Feedback-Widget inline mit anderen Seitenelementen platzieren. Wenn Sie Benutzer dazu auffordern, an einer bestimmten Stelle einer Seite Feedback zu hinterlassen, werden die Antworten Ihrer Benutzer kontextbezogener. In diesem Artikel wird beschrieben, wie Sie ein einbettbares Feedback-Widget einrichten können.
Nachdem Sie ein eingebettetes Feedback-Widget zu Ihrer Website hinzugefügt und es einige Tage lang getestet haben, möchten wir Sie einladen, Ihr Feedback mithilfe dieser Umfrage zu senden.
Nachfolgend können Sie ein Beispiel für das eingebettete Feedback-Widget ausprobieren:
Es kann bis zu 60 Sekunden dauern, bis Änderungen an einem einbettbaren Feedback-Widget nach der Veröffentlichung angezeigt werden.
Wenn Sie ein neues einbettbares Feedback-Widget erstellen oder ein bestehendes bearbeiten, kann es bis zu 60 Sekunden dauern, bis die Änderungen auf Ihrer Live-Site angezeigt werden.
Besuchen Sie Ihre Live-Site und bestimmen Sie eine Position auf der Seite, an der das eingebettete Widget angezeigt werden soll.
Kopieren Sie den Zielelement-Selektor für die Position, die Sie in Schritt 1 ermittelt haben.
So kopieren Sie den Zielelementselektor
Kopieren Sie den Zielelement-Selektor aus den Entwicklertools Ihres Webbrowsers, indem Sie die folgenden Schritte ausführen. Die Benennung der Menüelemente in den folgenden Schritten bezieht sich zwar auf Google Chrome, der Vorgang ist jedoch bei anderen Webbrowsern ähnlich.
Der CSS-Selektor darf nicht länger als 400 Zeichen sein.
Hotjar unterstützt keine Selektoren mit einer Länge von mehr als 400 Zeichen. Wenn Sie auf diese Einschränkung stoßen, sollten Sie Firefox zum Kopieren des CSS-Selektors verwenden, da Firefox-Selektoren kürzer sind als andere moderne Browser.
-
Klicken Sie mit der rechten Maustaste auf die Stelle auf der Seite Ihrer Website, in die das Feedback-Widget eingebettet werden soll.
-
Klicken Sie im Rechtsklickmenü auf Inspizieren, um die Registerkarte Elemente zu öffnen.
In Firefox, Edge und Safari wird dies als Element inspizieren angezeigt. Bei Safari müssen Sie möglicherweise zuerst das Menü Entwickeln aktivieren.
-
Identifizieren Sie auf der Registerkarte "Elemente" das genaue Element, in das das Feedback-Widget eingebettet werden soll.
-
Klicken Sie mit der rechten Maustaste auf dieses Element, bewegen Sie den Mauszeiger über Kopieren und klicken Sie auf Selektor kopieren. Der Elementselektor wird dann in Ihre Zwischenablage kopiert.
In Chrome und Edge wird dies unter Kopieren > Selektor kopieren angezeigt. Bei Safari ist dies Kopieren > Selektorpfad. In Firefox wird dies unter Kopieren > CSS-Selektor angezeigt.
Wenn mehrere Elemente mit dem Selektor übereinstimmen, wird das Widget nur in das erste übereinstimmende Element eingebettet
Wenn der Selektor auf mehrere Seitenelemente zutrifft, wird das Feedback-Widget nur in das erste übereinstimmende Element eingebettet. Um sicherzustellen, dass das Widget auf ein bestimmtes Element zielt, empfehlen wir, dem Element auf Ihrer Seite eine eindeutige ID hinzuzufügen und diese ID während der Einrichtung des eingebetteten Feedback-Widgets als Zielelement-Selektor zu verwenden.
Besuchen Sie Ihre Feedback-Seite in Hotjar.
Wenn Sie noch nicht mit dem Feedback-Widget vertraut sind, finden Sie einen allgemeinen Überblick in unserem Artikel Was ist das Feedback-Tool?
Klicken Sie auf Neues Widget.
Geben Sie einen Namen für Ihr Feedback-Widget im Abschnitt Details der Einrichtung des Feedback-Widgets ein.
Klicken Sie im Abschnitt Typ der Einrichtung auf Eingebettet, um den Typ des eingebetteten Feedback-Widgets auszuwählen.
Suchen Sie im Abschnitt Erscheinungsbild das Feld Position auf der Seite, und fügen Sie den in Schritt 2 kopierten Zielelementselektor ein.
Vervollständigen Sie die restliche Einrichtung Ihres Feedback-Widgets.
Weitere Einzelheiten zu den anderen Abschnitten der Einrichtung des Feedback-Widgets finden Sie in unserem Artikel Wie man Feedback ein richtet.
Ändern Sie im Abschnitt Zusammenfassung der Einrichtung den Status des Feedback-Widgets auf Aktiv und klicken Sie dann auf Feedback starten.
Dadurch wird das eingebettete Feedback-Widget auf Ihrer Live-Site aktiviert.
