Social-Media-Einbettung
Mit diesem Element können Sie Social-Media-Beiträge direkt in Ihre Seite einbetten, welche dann dynamisch vom Anbieter geladen werden.
Beispiel für einen Bluesky-Beitrag
Beispiel für einen Instagram-Beitrag
Beispiel für einen Tweet
Verfügbarkeit
- Startseite
- Verteilerseite
- Standardseite – Hauptspalte
- Standardseite – Servicebereich
- Detailseite eines Datensatzes (News)
Vorlagenauswahl
- Absatzvorlagen
- Erweitert
- Social-Media-Einbettung
- Erweitert
Eingaben
Überschrift
Die hier eingegebene Überschrift wird oberhalb des eingebetteten Elements angezeigt.
Social-Media-Objekt
Typ
In diesem Bereich können Sie den Social-Media-Typ wählen, den Sie einbetten möchten. Abhängig von dem gewählten Typ erscheinen weitere Eingabefelder in verschiedenen Bereichen der Eingabe.
Es wird hier zwischen folgenden Typen unterschieden (weiter unten mehr):
- Bluesky-Beitrag (Skeet)
- Instagram-Beitrag
- TikTok-Video
- Tweet
URL des Beitrags
Geben Sie hier die URL zum entsprechenden Beitrag ein.
Verwenden Sie hierbei NICHT den Embed-Code, den der Anbieter bereitstellt, sondern die pure URL des einzelnen Beitrags aus der Adressleiste des Browsers. Der Einbettungs-Code wird von unserer Vorlage erzeugt.
Alternativ-Text
Dieser Text wird beispielsweise angezeigt, sollte das Element aus technischen Gründen nicht korrekt laden, oder weil Besucher*innen dies durch Browser-Einstellung unterdrücken. Auch Screenreader-Tools lesen diesen Text vor.
Darstellung
Ebene der Überschrift?
Wählen Sie aus, in welcher Schriftgröße die Überschrift dargestellt werden soll.
Eingaben pro Social-Media-Typ
Bluesky-Beitrag (Skeet)
Wenn Sie die Option „Bluesky-Post (Skeet)“ auswählen, erscheint ein Eingabefeld für die erforderliche Bluesky-URI. Diese ermitteln Sie beim Original-Post in Bluesky:
- Klicken Sie unterhalb des Posts auf die drei Punkte ganz rechts und auf „Post einbetten“
- Kopieren Sie den vollständigen Code zunächst in einen Texteditor
- Dort suchen Sie nach dem Attribut mit der Bezeichnung „data-bluesky-uri“ und kopieren nur dessen Inhalt
Beispiel für eine gültige Bluesky-Uri:
at://did:plc:qzvu42fxmv65vxnft7ezavz3/app.bsky.feed.post/3lmcitdhcnk2e
Instagram-Beitrag
Zusätzlich zu den oben genannten Eingaben kann optional Text hinzugefügt werden, welcher entweder links oder rechts vom Instagram-Beitrag platziert werden kann. Text und Beitrag werden in Spalten nebeneinander dargestellt.
TikTok-Video
Da TikTok-Videos ein sehr schmales Format haben, können Sie zusätzlich zu den oben genannten Eingaben optional einen Text-Absatz hinzufügen, der in einer Spalte rechts neben dem Video ausgegeben wird.
Beispiel für eine gültige URL:
https://www.tiktok.com/@studentsoftudarmstadt/video/7503554718753623298
Tweet
Hier gibt es keine besonderen Eingaben zu beachten (siehe oben).
Bei allen eingebetteten Social-Media-Elementen sollten Sie einen Alternativtext angeben, der den Inhalt beschreibt, damit dieser barrierefrei zugänglich ist.
Hinweis für Seitenbesucher*innen
Da beim Einbetten von Social-Media-Elementen möglicherweise personenbezogene Daten an Drittplattformen übermittelt werden, müssen Besucher*innen dem Laden des Inhalts erst zustimmen.
Einmal einer Plattform zugestimmt, werden deren Inhalte anschließend auf allen Seiten angezeigt (sofern dem Speichern von Komfort-Cookies zugestimmt worden ist).
