# Feedback-Modul

# Feedback-Features & Screenshots

#### [![1200x400px-Feedbackmodul_Zeichenfläche-1.jpeg](https://docs.rehost24.com/uploads/images/gallery/2020-08/scaled-1680-/LuHVOAMZHj7UkX1O-1200x400px-Feedbackmodul_Zeichenfla%CC%88che-1.jpeg)](https://docs.rehost24.com/uploads/images/gallery/2020-08/LuHVOAMZHj7UkX1O-1200x400px-Feedbackmodul_Zeichenfla%CC%88che-1.jpeg)

#### Funktionsumfang des Feedback-Moduls

Einfache Handhabung und smartes Design. Nutzer können Nachrichten oder Fragen stellen.

**Aus Sicht des Besuchers:**

- Der Besucher kann ein Nutzername angeben und sich einloggen
- Damit die Ablenkung zum Livestream nicht zu groß wird, können Nutzer nur alle 3-7 Sekunden eine neue Nachricht senden. Im Vergleich zum Chat-Modul ist dieses Feedback-Modul ganz simpel: Die User können sich untereinander nicht sehen. Der Zuschauer kann einfach nur eine Frage an den Admin / Moderator stellen.
- Mehrsprachig! Die Sprache ist auf Deutsch und Englisch einstellbar.

**Aus Sicht des Admins:**

- Extra login Link für den Admin (mehrere Admins möglich)
- Interne Auswertung der Fragen von Zuschauern (Nur Sie als Raumadmin können Fragen lesen, auswerten)
- Den gesamten Nachrichtenverlauf mit allen Anfragen im Anschluß speichern
- Sie können einzelne Nachrichten/ Fragen oder auch den gesamten Chat löschen

**Zusätzliche Funktionen (Parameter):**

- Das FeedbackModul merkt sich den Nutzernamen, Spracheinstellungen, Aktivität (Nutzer aktiv oder inaktiv). Dies erfolgt durch ein Session-Cookie im Einklang mit dem deutschen Datenschutz (DSGVO, notwendig für die Nutzung des Chat).
- Vorgabe eines gewünschten Nutzernamen (gesteuert von Ihrer Webseite) für z.B. angemeldete Nutzer.
- Übergeben eines weiteren Wertes (zusätzlich zum angezeigten Namen) wie zum Beispiel eine Kundennummer oder E-Mail Adresse.
- Eine eigene CSS-Datei für Farb- und Layoutsteuerung kann dem iFrame übergeben werden.
- Da der Safari-Browser keine Cookies in einem iFrame erlaubt, wurde hierfür ein Workaround entwickelt, der leider nur teilweise funktioniert. Wir arbeiten an einer Lösung.
- Es kann auch Überschrift "Feedback-Modul" und der Platzhalter "Ihr Name (Nickname)" per Parameter angepasst werden.

**Screenshots:**

**[![Feedback_01.jpg](https://docs.rehost24.com/uploads/images/gallery/2020-08/scaled-1680-/rDnEq6RG7ZNlIF5t-Feedback_01.jpg)](https://docs.rehost24.com/uploads/images/gallery/2020-08/rDnEq6RG7ZNlIF5t-Feedback_01.jpg)**

**[![Feedback_02.jpg](https://docs.rehost24.com/uploads/images/gallery/2020-08/scaled-1680-/lBQwjiuv5PLYDw6G-Feedback_02.jpg)](https://docs.rehost24.com/uploads/images/gallery/2020-08/lBQwjiuv5PLYDw6G-Feedback_02.jpg)**

**[![Feedback_Raumadmin_01.jpg](https://docs.rehost24.com/uploads/images/gallery/2020-08/scaled-1680-/7Vt05vlAN7WGwOGJ-Feedback_Raumadmin_01.jpg)](https://docs.rehost24.com/uploads/images/gallery/2020-08/7Vt05vlAN7WGwOGJ-Feedback_Raumadmin_01.jpg)**

**[![Feedback_Handy_Besucher.jpg](https://docs.rehost24.com/uploads/images/gallery/2020-08/scaled-1680-/DLE9cKF6dn4OVV4e-Feedback_Handy_Besucher.jpg)](https://docs.rehost24.com/uploads/images/gallery/2020-08/DLE9cKF6dn4OVV4e-Feedback_Handy_Besucher.jpg)**# Einbindung des Feedback-Modules in eine bestehende Homepage

**Kurzanleitung:**  
Sie können das Feedback-Modul per iFrame auf Ihrer Homepage einbetten.  
Beispiel iFrame HTML-Code:

```HTML
<iframe src="https://FEEDBACKSERVERxxxxx.de/?name=nhihueiuhbhbi43i5n7645" style="max-width:650px;width:100%;" width="100%" height="270px" frameborder="no" scrolling="no"></iframe>
```

**Eigenheit des Safari-Browser:**  
Der Safari kann mit "Session Cookies" (allgemeiner Webstandard) nicht korrekt arbeiten. Hierdurch bedingt muss dem Safari die URL der Webseite mitgeteilt werden, in der sich der iFrame des Feedback-Moduls befindet. Mit dieser Anpassung läuft es mit dem Safari bedingt besser. Langfristig wird hier aber an einer weitere Lösung gearbeitet.

Sie übergeben dem Feedback-Modul die URL Ihrer Webseite über einen Parameter:  
&amp;sourceurl=https://ihrewebseite.de

Beispiel iFrame HTML-Code:

```HTML
<iframe src="https://FEEDBACKSERVERxxxxx.de/?name=nhihueiuhbhbi43i5n7645&sourceurl=https://ihrewebseite.de" style="max-width:650px;width:100%;" width="100%" height="270px" frameborder="no" scrolling="no"></iframe>
```# Verfügbare Parameter

#### Im folgenden befindet sich eine Liste mit verschiedenen Parametern zum Anpassen des Feedback-Moduls:   
  


<table border="1" id="bkmrk-parameter-funktion-%C2%A0" style="border-collapse: collapse; width: 100%; height: 203px;"><tbody><tr style="height: 29px;"><td style="width: 27.1605%; height: 29px;">#### **Parameter**

</td><td style="width: 72.8395%; height: 29px;">#### **Funktion**

</td></tr><tr style="height: 29px;"><td style="width: 27.1605%; height: 29px;">**&amp;sourceurl=**</td><td style="width: 72.8395%; height: 29px;">Der Safari kann mit "Session Cookies" (allgemeiner Webstandard) nicht korrekt arbeiten. Hierdurch bedingt muss dem Safari die URL der Webseite mitgeteilt werden, in der sich der iFrame des Feedback-Moduls befindet. Mit dieser Anpassung können einige Safari-Nutzer das Modul normal verwenden.

Sie übergeben dem Chat die URL Ihrer Webseite über einen Parameter:  
&amp;sourceurl=https://ihrewebseite.de

Beispiel iFrame HTML-Code:

  
`<iframe src="https://FEEDBACKSERVERxxxxx.de/?name=nhihueiuhbhbi43i5n7645&sourceurl=https://ihrewebseite.de" style="max-width:650px;width:100%;" width="100%" height="270px" frameborder="no" scrolling="no"></iframe>`

</td></tr><tr style="height: 29px;"><td style="width: 27.1605%; height: 29px;">**&amp;cname=**</td><td style="width: 72.8395%; height: 29px;">Sie können in Ihrer Umgebung auch einen Kundennamen vorgeben. Beispielsweise <div><div>cname=MaxMustermann. Das Eingabefeld für den Namen wird in diesem Fall gesperrt und vorausgefüllt:</div><div>[![paramter-feedback-cname.jpg](https://docs.rehost24.com/uploads/images/gallery/2020-08/scaled-1680-/ZqaU8ft4ystvj8Jy-paramter-feedback-cname.jpg)](https://docs.rehost24.com/uploads/images/gallery/2020-08/ZqaU8ft4ystvj8Jy-paramter-feedback-cname.jpg)</div></div></td></tr><tr style="height: 29px;"><td style="width: 27.1605%; height: 29px;">**&amp;cid=** </td><td style="width: 72.8395%; height: 29px;">Ein Parameter, ähnlich wie cname - Primär aber ein versteckter Wert um beispielsweise eine Kundennummer zu übergeben. Diese wird nur dem Raumadmin als System-Nachricht und im Verlauf (auch im Download) angezeigt.

[![parameter---cid.jpg](https://docs.rehost24.com/uploads/images/gallery/2020-08/scaled-1680-/mdSqGkv47TikCklT-parameter---cid.jpg)](https://docs.rehost24.com/uploads/images/gallery/2020-08/mdSqGkv47TikCklT-parameter---cid.jpg)

*(Sicht vom Feedback-Modul-Admin)*

<p class="callout warning">**Wichtig**: Dieser Parameter funktioniert nur in Verbindung mit &amp;cname=</p>

</td></tr><tr style="height: 29px;"><td style="width: 27.1605%; height: 29px;">**&amp;cssurl=**</td><td style="width: 72.8395%; height: 29px;">Mit diesem Parameter können Sie Ihre eigene CSS Datei übergeben, mit der Sie beispielsweise Farben des Chats ändern können. Wichtig ist ein absoluter Pfad zur CSS Datei.

**Beispiel**: `&cssurl=https://ihrewebseite.de/custom.css`

</td></tr><tr style="height: 29px;"><td style="width: 27.1605%; height: 29px;">**&amp;h2heading=**

</td><td style="width: 72.8395%; height: 29px;">Übergeben Sie diesen Parameter mit, wenn Sie die Überschrift ändern möchten.

**Beispiel:** `&h2heading=Stellen%20Sie%20eine%20Frage`

</td></tr><tr style="height: 29px;"><td style="width: 27.1605%; height: 29px;">**&amp;hplaceholder=**</td><td style="width: 72.8395%; height: 29px;">Übergeben Sie diesen Parameter mit, wenn Sie den Platzhalter im Input Feld ändern möchten. Statt "Ihr Name (Nickname)" zum Beispiel nur "Nickname

**Beispiel:** `&hplaceholder=Nickname`

**Vorher:**

[![parameter-feedback-heading.jpg](https://docs.rehost24.com/uploads/images/gallery/2020-08/scaled-1680-/2jhhcj7tdvyTToPC-parameter-feedback-heading.jpg)](https://docs.rehost24.com/uploads/images/gallery/2020-08/2jhhcj7tdvyTToPC-parameter-feedback-heading.jpg)

**Nachher:**

[![parameter-feedback-placeholder.jpg](https://docs.rehost24.com/uploads/images/gallery/2020-08/scaled-1680-/Bk8NTH90F2mOE1sp-parameter-feedback-placeholder.jpg)](https://docs.rehost24.com/uploads/images/gallery/2020-08/Bk8NTH90F2mOE1sp-parameter-feedback-placeholder.jpg)

<p class="callout info">Hinweis: Mit dieser temporären Anpassung ist keine Übersetzung möglich. Sie legen sich hier für die zwei Wörter, auf Deutsch fest. </p>

</td></tr></tbody></table>

#### Wichtig: Diese Parameter werden immer nur der **URL** beigefügt. Der restliche Code bleibt so bestehen:

`<iframe src="https://FEEDBACKSERVERxxxxx.de/?name=nhihueiuhbhbi43i5n7645&sourceurl=https://ihrewebseite.de<strong><span style="color: #ff0000;">&cname=MaxMustermann</span><span style="color: #800080;">&h2heading=Chatten</span><span style="color: #333399;">&hplaceholder=Nickname</span></strong>" style="max-width:650px;width:100%;" width="100%" height="270px" frameborder="no" scrolling="no"></iframe>`

##### Die URL:

`https://FEEDBACKSERVERxxxxx.de/?name=nhihueiuhbhbi43i5n7645&sourceurl=https://ihrewebseite.de<strong><span style="color: #ff0000;">&cname=MaxMustermann</span><span style="color: #800080;">&h2heading=Chatten</span><span style="color: #333399;">&hplaceholder=Nickname</span></strong>`