# Chat-Modul # Chat-Features & Screenshots #### [![1200x400px-Chatmodul_Zeichenfläche-1.jpeg](https://docs.rehost24.com/uploads/images/gallery/2020-08/scaled-1680-/eKL92n2sRoE2I84w-1200x400px-Chatmodul_Zeichenfla%CC%88che-1.jpeg)](https://docs.rehost24.com/uploads/images/gallery/2020-08/eKL92n2sRoE2I84w-1200x400px-Chatmodul_Zeichenfla%CC%88che-1.jpeg) #### Funktionsumfang des Chat-Moduls Einfache Handhabung und smartes Design. Nutzer können "chatten" und sich austauschen. **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 und erhalten die Nachrichten der anderen Zuschauer. - Mehrsprachig! Die Sprache ist auf Deutsch und Englisch einstellbar. - Umfragen können beantwortet werden. - Emojis support. **Aus Sicht des Admins:** - Extra login Link für den Admin (mehrere Admins möglich) - Der gewählte Admin-Nutzername ist rot hervorgehoben - Umfragen erstellen, freigeben (posten), auswerten, und bei Bedarf die Ergebnisse direkt im Chat veröffentlichen - Sie können einzelne Nutzerbeiträge oder auch den gesamten Chat löschen - Die gesamte Chat-Sitzung mit allen Anfragen im Anschluß speichern **Zusätzliche Funktionen (Parameter):** - Der Chat 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 "Chatmodul" und der Platzhalter "Ihr Name (Nickname)" per Parameter angepasst werden. **Screenshots:** [![Chat_Besucher_01.jpg](https://docs.rehost24.com/uploads/images/gallery/2020-08/scaled-1680-/wdAIITFmnVypOhqt-Chat_Besucher_01.jpg)](https://docs.rehost24.com/uploads/images/gallery/2020-08/wdAIITFmnVypOhqt-Chat_Besucher_01.jpg) [![Chat_Besucher_03.jpg](https://docs.rehost24.com/uploads/images/gallery/2020-08/scaled-1680-/hJGY7WDUPSht0unn-Chat_Besucher_03.jpg)](https://docs.rehost24.com/uploads/images/gallery/2020-08/hJGY7WDUPSht0unn-Chat_Besucher_03.jpg)[![Chat_Handy_Besucher_01.jpg](https://docs.rehost24.com/uploads/images/gallery/2020-08/scaled-1680-/nZSGMagZj2Xp3ub6-Chat_Handy_Besucher_01.jpg)](https://docs.rehost24.com/uploads/images/gallery/2020-08/nZSGMagZj2Xp3ub6-Chat_Handy_Besucher_01.jpg)[![Chat_Handy_Besucher_02.jpg](https://docs.rehost24.com/uploads/images/gallery/2020-08/scaled-1680-/wV6tBfPjhebvrfh6-Chat_Handy_Besucher_02.jpg)](https://docs.rehost24.com/uploads/images/gallery/2020-08/wV6tBfPjhebvrfh6-Chat_Handy_Besucher_02.jpg) [![admin-umfage.jpg](https://docs.rehost24.com/uploads/images/gallery/2020-08/scaled-1680-/CILuvCROSYq21yv8-admin-umfage.jpg)](https://docs.rehost24.com/uploads/images/gallery/2020-08/CILuvCROSYq21yv8-admin-umfage.jpg) [![admin-umfage-managen.jpg](https://docs.rehost24.com/uploads/images/gallery/2020-08/scaled-1680-/fgUtgO32fHG5gXlr-admin-umfage-managen.jpg)](https://docs.rehost24.com/uploads/images/gallery/2020-08/fgUtgO32fHG5gXlr-admin-umfage-managen.jpg) [![admin-umfrage-liste.jpg](https://docs.rehost24.com/uploads/images/gallery/2020-08/scaled-1680-/rQum0C1Y7RydBHdd-admin-umfrage-liste.jpg)](https://docs.rehost24.com/uploads/images/gallery/2020-08/rQum0C1Y7RydBHdd-admin-umfrage-liste.jpg) [![admin-umfage-ergebnisse.jpg](https://docs.rehost24.com/uploads/images/gallery/2020-08/scaled-1680-/52m6Ks7mYVjepFW4-admin-umfage-ergebnisse.jpg)](https://docs.rehost24.com/uploads/images/gallery/2020-08/52m6Ks7mYVjepFW4-admin-umfage-ergebnisse.jpg) [![besucher-umfrage.jpg](https://docs.rehost24.com/uploads/images/gallery/2020-08/scaled-1680-/7oekIZBFrY6Un4Zo-besucher-umfrage.jpg)](https://docs.rehost24.com/uploads/images/gallery/2020-08/7oekIZBFrY6Un4Zo-besucher-umfrage.jpg) [![besucher-umfrage-ergenisse.jpg](https://docs.rehost24.com/uploads/images/gallery/2020-08/scaled-1680-/g5gNaGSYDhhv6PCx-besucher-umfrage-ergenisse.jpg)](https://docs.rehost24.com/uploads/images/gallery/2020-08/g5gNaGSYDhhv6PCx-besucher-umfrage-ergenisse.jpg)# Einbindung des Chats in eine bestehende Homepage **Kurzanleitung:** Sie können den Chat per iFrame auf Ihrer Homepage einbetten. Beispiel iFrame HTML-Code: ```HTML ``` **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 Chat 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 Chat die URL Ihrer Webseite über einen Parameter: &sourceurl=https://ihrewebseite.de Beispiel iFrame HTML-Code: ```HTML ```# Verfügbare Parameter #### Im folgenden befindet sich eine Liste mit verschiedenen Parametern zum Anpassen des Chat-Moduls:
#### **Parameter** #### **Funktion**
**&sourceurl=**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 Chat befindet. Mit dieser Anpassung können einige Safari-Nutzer den Chat normal verwenden. Sie übergeben dem Chat die URL Ihrer Webseite über einen Parameter: &sourceurl=https://ihrewebseite.de Beispiel iFrame HTML-Code: ``
**&cname=**Sie können in Ihrer Umgebung auch einen Kundennamen vorgeben. Beispielsweise
cname=MaxMustermann. Das Eingabefeld für den Namen wird in diesem Fall gesperrt und vorausgefüllt:
[![parameter-cname.jpg](https://docs.rehost24.com/uploads/images/gallery/2020-08/scaled-1680-/hrfrAG5TSD38bLqS-parameter-cname.jpg)](https://docs.rehost24.com/uploads/images/gallery/2020-08/hrfrAG5TSD38bLqS-parameter-cname.jpg)
**&cid=** Ein Parameter, ähnlich wie cname - Primär aber ein versteckter Wert um beispielsweise eine Kundennummer zu übergeben. Diese wird nur dem Chatadmin 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 Chat-Admin)*

**Wichtig**: Dieser Parameter funktioniert nur in Verbindung mit &cname=

**&cssurl=**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`
**&h2heading=** Übergeben Sie diesen Parameter mit, wenn Sie die Überschrift ändern möchten. **Beispiel:** `&h2heading=Chatten`
**&hplaceholder=**Ü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-text-vorher.jpg](https://docs.rehost24.com/uploads/images/gallery/2020-08/scaled-1680-/7E2bgSrryjUxt8G3-parameter-text-vorher.jpg)](https://docs.rehost24.com/uploads/images/gallery/2020-08/7E2bgSrryjUxt8G3-parameter-text-vorher.jpg) **Nachher:** [![parameter-text-nachher.jpg](https://docs.rehost24.com/uploads/images/gallery/2020-08/scaled-1680-/GVcx46lR0X2WfN3K-parameter-text-nachher.jpg)](https://docs.rehost24.com/uploads/images/gallery/2020-08/GVcx46lR0X2WfN3K-parameter-text-nachher.jpg)

Hinweis: Mit dieser temporären Anpassung ist keine Übersetzung möglich. Sie legen sich hier für die zwei Wörter, auf Deutsch fest.

#### Wichtig: Diese Parameter werden immer nur der URL beigefügt. Der restliche Code bleibt so bestehen: `` ##### Die URL: `https://CHATSERVERxxxxx.de/?name=nhihueiuhbhbi43i5n7645&sourceurl=https://ihrewebseite.de&cname=MaxMustermann&h2heading=Chatten&hplaceholder=Nickname`