Versionen im Vergleich

Version Alte Version 5 Neue Version 6
Änderungen wurden vorgenommen von

Silvio Haase (Unlicensed)

Silvio Haase (Unlicensed)

Gespeichert am

Schlüssel

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

Facebook - Einzelpost

Überblick

Name

contentclass-snippet.gifFacebook - Einzelpost

Ordner

folderopen.gifSocial Media

Styleguide

https://www.styleguide.sachsen.de/soziale-netzwerke-4046.html

Inhaltsverzeichnis

Inhalt
minLevel1
maxLevel5
outlinefalse
stylenone
typelist
printabletrue

1. Einleitung

Mit Hilfe diesen Seiteninhalts können im OpenText Facebook - Einzelposts auf der Seite eingebunden werden. Das Einbinden von Facebook auf der Webseite kann die Nutzererfahrung (UX) verbessern und das Inhalts-Angebot bereichern. 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

Seitenvorschau_einzel.pngImage RemovedDarstellung_einzel.pngImage Added

2.1 Facebook -

Kanal

Einzelpost als einzelner Seiteninhalt

Je nach Seitenaufteilung (mit oder ohne Marginalspalte), variiert die Breite der Darstellungder zur Verfügung stehende Platz neben dem Seiteninhalt.
In der Beispielabbildung ist die Seitenaufteilung “Navigation-Inhalt breit” (ohne Marginalspalte) gewählt.


Info

Siehe dazu Kapitel Die Marginalspalte (Randspalte) und Kapitel Auswahl der Seitenaufteilung

Seitenvorschau_boxenbereich.pngImage Removed
Darstellung_mit_Marginalbox.pngImage Added

2.2

X

Facebook -

Kanal als Seiteninhalte in einem Boxenbereich

Einzelpost als Seiteninhalt mit Marginalbox

Je nach Seitenaufteilung (mit oder ohne Marginalspalte), variiert die Breite der Darstellungkann die rechte Seite neben dem Seiteninhalt auch mit anderen Inhalten befüllt werden. In der Beispielabbildung ist wurde die Seitenaufteilung “Navigation-Inhalt breit” (ohne Marginalspalte) gewählt. .-Marginalspalte” gewählt und eine Linkliste platziert.

Seitenvorschau_marginal.pngImage Removed
Info

Siehe dazu Kapitel

Teaserboxen-Container

Die Marginalspalte (Randspalte) und Kapitel Auswahl der Seitenaufteilung

Darstellung_Akkordeon.pngImage Added

2.3 Facebook -

Kanal als Seiteninhalt in der Marginalspalte Ist die Seite in ein 3-spaltiges Layout aufgeteilt, kann X (ehemals Twitter) auch in der Marginalspalte verwendet werden

Einzelpost als Akkordeoneintrag

Es ist auch möglich, einen Facebook-Einzelpost als Akkordeoneintrag zu gestalten. Die Abbildung zeigt den Einzelpost bei geöffneten Akkordeon.



Info

Siehe dazu Kapitel Die Marginalspalte (Randspalte) und Kapitel Auswahl der Seitenaufteilung Akkordeon

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

3. Verwendung im SmartEdit

3.1 Erstellen Facebook - Einzelpost

Schrittweise Erläuterung für die Erstellung eines neuen Seiteninhalts basierend auf der CMS-Vorlage “contentclass-snippet.gif Facebook - Einzelpost”.

Aktion

Vorschau im CMS

1

Seite öffnen

seite_oeffnen_green.png
2icon_reddot_multilink.png

Pattern im Inhaltsbereich hinzufügen, sortieren, entfernen

pattern_hinzufuegn_green.png
3AMnu_ConnectNewPage.gif

Seite erstellen & verknüpfen

seite_erstellen_green.png
4folderopen.gif

Content-Klassen Ordner “Social Media” auswählen

Hinweis

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

content_klasse-waehlen-green.png
5contentclass-snippet.gif

Content-Klasse “Facebook - Einzelpost” auswählen

Hinweis

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

template_waehlen_green.png
6

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

überschrift_seite_green.png
7

Mit “OK” bestätigen

ok_green.png
8

Darstellung nach Erstellung “Facebook - Einzelpost”.

Info

Die Facebook-Integration ist im SmartEdit-Modus nicht verfügbar. Der vollständige Seiteninhalt ist in der Seitenvorschau sichtbar.

Darstellung_nach-Auswahl.png

3.2 Bearbeiten

Darstellung_nach-Auswahl.png

Bezeichnung

Beschreibung

icon_reddot_openpage (1).png Facebook - Einzelpost öffnen

Seiteninhalt zur Bearbeitung öffnen

icon_reddot_closepage (1).png Facebook - Einzelpost schließen

Bearbeitung beenden

icon_reddot.png Überschrift

Einfügen einer Überschrift (optional).

icon_reddot.png Quellcode

Eingabe Einfügen des Quellcodes des entsprechenden Facebook-Einzelposts,

Siehe dazu Abschnitt 3.2.1 Quellcode.

3.2.1 Quellcode

Symbol

Aktion

Vorschau im CMS

1icon_reddot_obligatory.png

Quellcode

Darstellung_Quellcode.png
2

Quellcode einfügen

  • entsprechenden Quellcode einfügen

Info

Wo und wie der entsprechende Quellcode zu finden ist wird im nächsten Punkt beschrieben.

Quellcode_Eingabe.png
3

Quellcode ermitteln

  • Facebook-Seite im Browser aufrufen (Im Beispiel wurde die Facebook-Seite des Freistaat-Sachsen verwendet)

  • gewünschten Einzelpost aussuchen

  • in der Anzeige des Einzelpost auf die drei Punkte icon_menu.png klicken

  • im folgenden geöffneten Fenster “Einbetten” klicken

facebookseite_sachsen.png
4icon_code_copy.png

Code kopieren

facebookseite_sachsen_code.png
5

Quellcode einfügen

  • siehe Punkt 2 Quellcode einfügen

  • mit “Speichern” bestätigen

  • “Schließen”

Quellcode_Eingabe_code.png
6

Darstellung nach Einfügen des Quellcodes

Info

In der Standardkonfiguration ist die dargestellte Höhe des Einzelpost 250 px, so wie in der Beispielabbildung zu sehen. Soll der Einzelpost in der gesamten Höhe auf der Seite dargestellt werden, so ist dies über eine Änderung der Höhenangabe im Quellcode möglich.

Darstellung_nach_Eingabe_Quellcode.png

3.2.2 Höhe des Seiteninhalt

im dem von Facebook zum Einbetten eines Einzelpost zur Verfügung gestellter Quellcode ist standardgemäß eine Höhe dieses Seiteninhalts voreingestellt . 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_obligatory.png

Quellcode

Einzelpost_Hoehe_aendern.png
2

Höhe des Seiteninhalts ändern

  • den Wert bei “height” von 250 auf 726 ändern
    (726px entspricht der gesamten Höhe des Einzelpost. Die Höhe kann auch individuell den Bedürfnissen angepasst werden.)

  • Mit “Speichern” bestätigen

Quellcode_Eingabe_code_hoehe.png
3

Darstellung nach Änderung der Höhenangabe im Quellcode

  • der Einzelpost wird nun vollständig abgebildet

Darstellung_Hoehe_aendern.png

Panel
panelIconId1f50d
panelIcon:mag:
panelIconText🔍
bgColor#E3FCEF

4. Häufig gestellte Fragen (FAQ)

Frage

Antwort

Welcher Kanäle sind bei der Kanalauswahl hinterlegt?

Die Facebook - Kanäle des Freistaat Sachsen.

Kann im CMS andere Facebook-Kanal eingestellt werden?

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

Wie kann ein Kanal bei der Kanalauswahl hinzugefügt werdenKönnen sämtliche Facebook-Einzelposts integriert werden?

Warum kann der Einzelpost nicht schmaler dargestellt werden?

Kann ich mehrere Facebook-Einzelpost auf der Seite einbetten?

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

Ist es möglich Kanäle Einzelposts aus anderen Quellen als Facebook zu laden?

Ja, es stehen weitere Seiteninhalt, z. Bsp. X (ehemals Twitter) als Einzelpost, als andere Quellen zur Verfügung.

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