Automatischer Webseiten-Login

Mit dieser Funktion haben Sie die Möglichkeit Webseiteninhalte anzeigen zu lassen, die hinter einem Login liegen. Sie können sie also für den Login auf einer Webseite nutzen.

Für jedes betreffende Playlistenelement ( siehe im Kapitel → Link/Webseite/Stream hinzufügen) ist nur eine einmalige Einrichtung des automatischen Webseiten-Logins nötig.

Hinweis:

Diese Funktion ist abhängig vom Aufbau und der Programmierung der verwendeten Webseite. Ein erfolgreicher Login kann daher nicht garantiert werden. Durch nachträgliche Änderungen an der Webseite kann ein bereits erfolgreich eingesetzer Login möglicherweise nicht mehr durchgeführt werden.

  I. Webseite aufrufen

 II. CSS Selektoren kopieren

III. Einrichtung im Account

I. Webseite aufrufen

Öffnen Sie Ihren Browser und rufen Sie die Anmeldeseite der gewünschten Webseite auf.

Hinweis:

In diesem Beispiel wird der Browser Chrome und die URL der Cloud Software Anmeldeseite verwendet. Die Verwendung dieser URL dient zur Veranschaulichung der folgenden Beschreibung. Bitte geben Sie die URL einer von Ihnen gewünschten Webseite in die Suchleiste des Browsers ein. 

II. CSS Selektoren kopieren

Entwickertools öffnen

Drücken Sie die  → F12 Taste (Chrome) um die Entwicklertools zu öffnen.

Achten Sie dann darauf, dass der Reiter Elemente im Bereich Entwicklertools geöffnet ist.

CSS Selektoren für das Login-Eingabefeld auswählen

Klicken Sie auf das Pfeilsymbol →  links oben im Bereich Entwicklertools und gehen Sie dann direkt mit der Maus zum Login-Eingabefeld.

Dies selektiert den entsprechenden Textabschnitt mit den gewünschten CSS Selektoren.

Textabschnitt markieren

Klicken Sie in das Login-Eingabefeld.

Dies markiert den entsprechenden Textabschnitt mit den gewünschten CSS Selektoren.

Textabschnitt kopieren

1. Machen Sie einen Rechtsklick auf den markierten Textabschnitt.
   Sie öffnen damit das Kontextmenü.
2. Gehen Sie dann auf den Menüpunkt → Kopieren und wählen im Untermenü den Menüpunkt → selector kopieren.

Im Beispiel befindet sich folgendes in der Zwischenablage: #loginInput

Kopieren Sie bitte in gleicher Vorgehensweise wie oben beschrieben die Textbereiche und damit die entsprechenden CSS Selektoren für das Passwort und den Anmeldebutton.

Einrichtung

1. Melden Sie sich mit Ihren Zugangsdaten auf Ihrem Cloud Software Account an.
2. Rufen Sie die Playliste auf, in der das Playlistenelement als Platzhalter für die gewünschte Webseite ist.
3. Wählen Sie das Playlistenelement an um die entsprechenden Einstellungen zu öffnen.
4. Klicken Sie auf das → Plussymbol im URL Eingabefenster um den Bereich Automatische Anmeldung zu öffnen.

Bereich Automatische Anmeldung​

Klicken Sie in das vorangestellte Kästchen im Bereich Automatische Anmeldung um diesen für eine Eingabe zu aktivieren. 

Einfügen der kopierten CSS Selektoren​

1. Geben Sie den Benutzernamen Ihres Webseiten-Logins in das dafür vorgesehene Feld ein.
2. Fügen Sie nun die kopierten CSS Selektoren für den Benutzernamen (im Beispiel das Login-Eingabefeld = #loginInput) in das daneben angelegte Feld ein.
3. Geben Sie Ihr Passwort für die betreffende Webseite in das dafür vorgesehene Feld ein.
4. Fügen Sie dann die kopierten CSS Selektoren für das Passwort (im Beispiel das Passwortfeld = #passwordinput) in das daneben angelegte Feld ein.
5. Fügen Sie nun noch die kopierten CSS Selektoren für den Anmeldebutton (im Beispiel = .form-signin-btn) in das rechte Eingabefeld bei submit-Button ein.
   
6. Klicken Sie nach Beendigung Ihrer Eingaben auf → Speichern.

Klicken Sie bei Bedarf auf → Vorschau um das Ergebnis Ihrer Eingaben zu überprüfen.