Versionen im Vergleich

Version Alte Version 1 Neue Version Aktuell
Änderungen wurden vorgenommen von

Silvio Haase (Unlicensed)

Igor Seifert

Gespeichert am

Schlüssel

  • Diese Zeile wurde hinzugefügt.
  • Diese Zeile wurde entfernt.
  • Formatierung wurde geändert.

X (ehemals Twitter)

Überblick

Name

contentclass-snippet.gifX (ehemals Twitter)

Ordner

folderopen.gif Inhalts- und Marginalspalten - Templates

Styleguide

noch kein Inhalt im Styleguide verfügbar https://www.styleguide.sachsen.de/soziale-netzwerke-4046.html

Inhaltsverzeichnis

Inhalt
minLevel1
maxLevel35
outlinefalse
stylenone
typelist
printabletrue

1. Einleitung

Mit Hilfe des Seiteninhalts YouTube-Video X (ehemals Twitter) können im OpenText VideoX-Inhalte Kanäle auf der Seite eingebunden werden. Das Einbinden eines Videos von X auf der Webseite kann die Nutzererfahrung (UX) verbessern und das Inhalts-Angebot bereichern.
Sind für ein Thema Bewegtbildinformationen vorhanden, so empfiehlt sich grundsätzlich diese zu integrieren und dem Nutzer damit unterstützende Formate zur Verfügung zu stellen. Auf diese Weise werden die i.d.R. sehr textlastige Inhalte um diese zusätzliche Ebene erweitert. Vgl. dazu Styleguide Video.Zudem bietet es die Möglichkeit, auf andere Themen außerhalb der Webseite aufmerksam zu machen.

Panel
panelIconId1f5a5
panelIcon:desktop:
panelIconText🖥️
bgColor#EAE6FF

2. Verschiedene Darstellungsmöglichkeiten

Darstellung_Seitenvorschau_1.pngImage RemovedDarstellung_Seitenvorschau_1.pngImage Added

2.1 X (ehemals Twitter) als einzelner Seiteninhalt

Je nach Seitenaufteilung (mit oder ohne Marginalspalte), variiert die Breite der Darstellung.
In der Beispielabbildung ist die Seitenaufteilung “Navigation-Inhalt breit” (ohne Marginalspalte) gewählt.

Info

Siehe dazu Kapitel 7.6 Marginalinhalte in der Marginalspalte und Kapitel Auswahl der Seitenaufteilung

Darstellung_Seitenvorschau_als_box.png

2.2 X (ehemals Twitter) als Seiteninhalte in einem

Teaserboxen-Container

Boxenbereich

X-Kanäle können auch mehrfach (beispielsweise nebeneinander) dargestellt werden. Dies bietet die Möglichkeit auf verschiedene Kanäle aufmerksam zu machen.
Je nach Seitenaufteilung (mit oder ohne Marginalspalte), variiert die Breite der Darstellung. In der Beispielabbildung ist die Seitenaufteilung “Navigation-Inhalt breit” (ohne Marginalspalte) gewählt. Bei der Anordnung der YouTube-Elemente kann zwischen 2 oder 3 spaltigen Layout gewählt werden.

Info

Siehe dazu Kapitel Teaserboxen-Container Kapitel Boxenbereich und 7.6 Marginalinhalte in der Marginalspalte und Kapitel Auswahl der Seitenaufteilung

Darstellung_Seitenvorschau_Matrginalspalte.pngImage Modified

2.3 X (ehemals Twitter) als Seiteninhalt in der Marginalspalte

Ist die Seite in ein 3-spaltiges Layout aufgeteilt, kann das YouTube-Element X (ehemals Twitter) auch in der Marginalspalte verwendet werden.


Info

Siehe dazu Kapitel

Die Marginalspalte (Randspalte)

7.6 Marginalinhalte in der Marginalspalte und Kapitel Auswahl der Seitenaufteilung

Panel
panelIconId270f
panelIcon:pencil2:
panelIconText✏️
bgColor#FFEBE6

3. Verwendung im SmartEdit

3.1 Erstellen

YouTube-Video

des Seiteninhalts “X (ehemals Twitter)”

Schrittweise Erläuterung für die Erstellung eines neuen Seiteninhalts basierend auf der CMS-Vorlage “contentclass-snippet.gif YouTube-Video/Stream X (ehemals Twitter)”.

Aktion

Vorschau im CMS

1

Seite öffnen

seite_oeffnen_green.pngImage Removedseite_oeffnen_green.pngImage Added
2icon_reddot_multilink.png

Pattern im Inhaltsbereich hinzufügen, sortieren, entfernen

pattern_hinzufuegn_green.pngImage Removed

Seiteninhalte

Seiteninhalte_allgemein.pngImage Added
3AMnu_ConnectNewPage.gif

Seite erstellen & verknüpfen

seite_erstellen_green.pngImage Removedseite_erstellen_green.pngImage Added
4folderopen.gif

Content-Klassen Ordner “Social-Media” “Inhalts- und Marginalspalten - Templates” auswählen

Hinweis

Das Bildschirmfoto bildet eine allgemeine Darstellung aller Content-Klassen Ordner ab. Kann ggf. abweichen.

content_klasse-waehlen-green.pngImage RemovedContent_Klassen-Ordner.pngImage Added
5contentclass-snippet.gif

Content-Klasse “YouTube-Video/StreamX (ehemals Twitter)” auswählen

Hinweis

Das Bildschirmfoto bildet eine allgemeine Darstellung von Content-Klassen ab. Kann ggf. abweichen.

template_waehlen_green.pngImage RemovedContent_Klassen.pngImage Added
6

Es erscheint ein Dialogfenster mit einem aus der Content-Klasse generierten Seitennamen, der mit der späteren Überschrift der des neuen Seite Seiteninhalts belegt werden sollte.
Diese Überschrift wird nicht auf der erstellten Seite angezeigt. Sie dient als CMS-interne Überschrift.

überschrift_seite_green.pngImage Removedüberschrift_seite_green.pngImage Added
7

Mit “OK” bestätigen

ok_green.pngImage Removedok_green.pngImage Added
8

Darstellung nach Erstellung “YouTube Video”.

Detail_menu_Ansicht.pngImage Removed

“X (ehemals Twitter)”.

Info

In den Voreinstellung ist der X-Kanal von Sachsen eingestellt. Bei Bedarf kann ein anderer Kanal ausgewählt werden. Siehe dazu Abschnitt 3.2.1 Kanalauswahl.

X_bearbeiten.pngImage Added

3.2 Bearbeiten

Detail_menu_Ansicht.pngImage Removed

des Seiteninhalts “X (ehemals Twitter)”

X_bearbeiten.pngImage Added

Bezeichnung

Beschreibung

icon_reddot_openpage (1).pngYouTube VideoStream X (ehemals Twitter) öffnen

Seiteninhalt zur Bearbeitung öffnen

icon_reddot_closepage (1).pngYouTube VideoStream X (ehemals Twitter) schließen

Bearbeitung beenden

icon_reddot.pngImage Removed Seite für andere Projekte freigeben

Siehe dazu Kapitel 7.9 Projektfremde Seite verknüpfen

icon_reddot.pngImage Removed Überschrift

Einfügen einer Überschrift - dies ist optional.

icon_reddot.pngImage Removed Vorschaubild

Beim Aufrufen einer Seite werden Videos zwar angezeigt, starten aber nicht von selbst. Für das Abspielen von integrierten Youtube-Videos muss der Nutzer vorher den Datenschutzhinweis akzeptieren. Dazu wird vorab ein gestaltetes Vorschaubild für jedes Video angezeigt (Standardeinstellung im CMS).
Bei Bedarf kann das Vorschaubild auch ersetzt werden. Dabei ist das YouTube Logo sowie der Play-Button im Vorschaubild zu platzieren. Die entsprechenden Icons können hier heruntergeladen werden → YouTube-Logo und Play-Button zum Download.

Hinweis.pngImage Removed Wie bearbeite ich Alt-texte, Bild-Titel und Bild-Rechte?

Siehe dazu Kapitel 7.6.1.2 Bild und Asset-Attribute

icon_reddot_obligatory.pngImage Removed YouTube Video

Auswahl eines YouTube Video

Videos werden in der Regel im zentralen YouTube-Kanal des Freistaates Sachsen hochgeladen und von dort aus auf den Webseiten des Freistaates Sachsen eingebettet.
Es gibt verschieden Möglichkeiten ein Video auszuwählen. twitter.pngImage Added Kanalauswahl

Auswahl eines oder mehrerer Kanäle.

Die einzelnen Schritte sind im Abschnitt 3.2.1 Videoauswahl erklärtKanalauswahlbeschrieben.

icon_reddot.png Video-Titel

Status
colourBlue
titleBARRIEREFRREIHEIT
screenreader: Titel (Überschrift) Video

icon_reddot.pngImage Removed Video-Inhalt

Status
colourBlue
titleBARRIEREFRREIHEIT
Inhalt des Videos in Textform

icon_reddot_multilink.pngImage Removed Link

Status
colourBlue
titleBARRIEREFRREIHEIT
Die Audiodeskription kann als Download angeboten werden oder aber mit einem Alternativideo ebenfalls auch YouTube eingestellt werden. Hierfür bietet sich die Option »nicht gelistet« an, mit der Videos nur via direktem URL-Aufruf angezeigt werden. Die Fassung in Deutscher Gebärdensprache sollte im eigentlichen Video in einer Box integriert werden Überschrift

Einfügen einer Überschrift (optional)

icon_reddot.pngImage Added Höhe

Höhe des Seiteninhalts bestimmen. Die Höhe des Seiteninhalts kann individuell bestimmt werden. Dies ist optional und kann entsprechend den Bedürfnissen verwendet werden. Siehe dazu Abschnitt 3.2.2 Höhe des Seiteninhalts.
Die Abbildung zeigt den Seiteninhalt in der vom CMS voreingestellten Höhe.

3.2.1

Videoauswahl

Kanalauswahl

icon_video.pngImage Removed

Symbol

Aktion

Vorschau im CMS

1icon_reddot_obligatory.pngImage Removedtwitter.pngImage Added

YouTube Video

Kanalauswahl

Detail_menu.pngImage RemovedX_bearbeiten_Kanal.pngImage Added
2

Auswahl über Video

  • Video aus der angezeigten Auswahl wählen (im Beispiel wurde “Bürgerbeteiligung in Sachsen: …” gewählt)

  • Mit “Speichern” bestätigen

videoauswahl_standard.pngImage Removed
3icon_playlist.pngImage Removed

Auswahl über Playlist

  • gewünschte Playlist auswählen

  • entsprechendes Video auswählen

  • Mit “Speichern” bestätigen

videoauswahl_playlist.pngImage Removed
4icon_search.pngImage Removed

Auswahl über Suchfenster

  • Suchbegriff im Suchfeld eingeben (im Beispiel: “Bürgerbeteiligung”)

  • entsprechendes Video auswählen

  • Mit “Speichern” bestätigen

videoauswahl_suche.pngImage Removed
5icon_id.pngImage Removed

Auswahl über ID

Soll ein Video eingebunden werden, welches im YouTube-Kanal des Freistaates Sachsen nicht angeboten wird, dann kann dies über die ID des Videos eingebunden werden.

  • Video bei YouTube aufrufen

  • ID in der URL kopieren (in der Adresszeile des Browsers
    z. Bsp. https://www.youtube.com/watch?v=TRBi78r54A8)

  • einfügen der ID im Feld Video-ID (siehe Abbildung)

  • Mit “Speichern” bestätigen

Info

Die Abbildung zeigt einen zusätzlichen Ausschnitt von der YouTube Seite und dient nur zur Darstellung.

videoauswahl_2.pngImage Removed

6

Darstellung nach der Auswahl im SmartEdit

Ansicht_SmartEdit_Videoauswahl.pngImage Removed

Auswahl eines bestimmten Kanals

  • aus der Liste Verfügbare Kanäle einen Kanal auswählen

  • per “Drag & Drop” in Angezeigte Kanäle verschieben

  • Mit “Speichern” bestätigen

Info

Mehrfachauswahl möglich. Siehe dazu Punkt 4 Mehrfachauswahl von Kanälen.

Kanalauswahl.pngImage Added
3

Darstellung nach erfolgter Auswahl eines (anderen) Kanals. Im Beispiel wurde der Kanal “Polizei Sachsen” gewählt.
(Siehe Abbildung 1 in diesem Abschnitt zum Vergleich.)

Darstellung_nach_Kanalauswahl.pngImage Added
4

Mehrfachauswahl von Kanälen

  • aus der Liste Verfügbare Kanäle einen Kanal auswählen

  • per “Drag & Drop” in Angezeigte Kanäle verschieben

  • Vorgang für jeden Kanal, welcher angezeigt werden soll wiederholen

  • Mit “Speichern” bestätigen

Kanalauswahl_mehrfach.pngImage Added
5

Darstellung nach Mehrfachauswahl von Kanälen

  • Es wird immer nur einer der Kanäle angezeigt

  • Die einzelnen Kanäle selbst können über eine Dropdown-Liste ausgewählt und angezeigt werden.

Info

Sollen mehrere Kanäle gleichzeitig angezeigt werden, kann der Seiteninhalt X (ehemals Twitter) z. Bsp. in einem Boxenbreich mehrfach dargestellt werden.
Siehe dazu Abbildung 2.2 X (ehemals Twitter) als Seiteninhalte in einem Boxenbereich.

Darstellung_nach_Kanalauswahl_mehrfach.pngImage Added

3.2.2 Höhe des Seiteninhalt

Im CMS ist die Höhe dieses Seiteninhalts bereits voreingestellt (siehe Abbildung 1 Vorschau im CMS). Soll die Höhe den individuellen Bedürfnissen angepasst werden, so kann diese Anpassung, wie folgend beschrieben, vorgenommen werden.

Symbol

Aktion

Vorschau im CMS

1icon_reddot.pngImage Added

Höhe

.X_bearbeiten_Hoehe.pngImage Added
2

Höhe des Seiteninhalts bestimmen

  • benutzerdefinierte Angabe in px (z. Bsp. 500px) oder

  • Auswahl aus 2 Optionen

    • ein Beitrag

    • zwei Beiträge

.X_bearbeiten_Hoehe_auswahl.pngImage Added
3

Darstellung mit Höhe aus Auswahl “ein Beitrag”
(siehe Abbildung unter 2.1 X (ehemals Twitter) als einzelner Seiteninhalt zum Vergleich)

.X_bearbeiten_Hoehe_ein_Beitrag.pngImage Added

Panel
panelIconId1f50d
panelIcon:mag:
panelIconText🔍
bgColor#E3FCEF

4. Häufig gestellte Fragen (FAQ)

Frage

Antwort

Welcher YouTube Kanal ist Welche Kanäle sind bei der Videoauswahl Kanalauswahl hinterlegt?

Der YouTube Kanal des “FreistaatSachsen” https://www.youtube.com/FreistaatSachsen Die X - Kanäle des Freistaat Sachsen.

Kann im CMS ein anderer YouTube X Kanal eingestellt werden?

Nein, aktuell ist der Kanal in einer sind die Kanäle in der zentralen Einstellung vorgegeben.

Kann ein YouTube Video aus einem anderen YouTube Kanal laden?

Ja, siehe Abschnitt Videoauswahl - Auswahl über ID

Wie kann ein Video Kanal bei der Videoauswahl Kanalauswahl hinzugefügt werden?

Die Onlineredaktion ist für die Verwaltung des YouTube Kanal des “FreistaatSachsen” https://www.youtube.com/FreistaatSachsen der X - Kanäle des “Freistaat Sachsen” zuständig.

Ist es möglich Videos Kanäle aus anderen Quellen als YouTube X zu laden?

Die Funktion ist aktuell nicht vorgesehenJa, es stehen weitere Seiteninhalt, z. Bsp. Facebook, als andere Quellen zur Verfügung.

Bei Anregungen zum Styleguide können Sie sich gern an die Onlineredaktion - onlineredaktion@sk.sachsen.de wenden. Onlineredaktion wenden.

Das Plugin lädt direkt nach dem einfügen nicht das Kanalfenster?

Nach dem einfügen sollte der Seiteninhalt nochmal geschlossen und wieder geöffnet werden, damit das Kanalfenster nicht hängen bleibt