Social-Media-Einbettung
Mit dieser Absatzvorlage können Sie Social-Media-Beiträge verschiedener Anbieter direkt in Ihre Seite einbetten.
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
- Instagram-Beitrag
- LinkedIn-Beitrag
- TikTok-Video
- Tweet
URL des Beitrags (nicht für Bluesky und LinkedIn!)
Geben Sie hier die URL zum entsprechenden Beitrag ein.
Für Bluesky- und LinkedIn-Beiträge wird dieses Feld ausgeblendet, das jeweilige Eingabefeld wird weiter unten beschrieben.
Tragen Sie hier NICHT den Embed-Code ein, den der Anbieter bereitstellt, sondern immer die pure URL des einzelnen Beitrags aus der Adressleiste des Browsers. Der Einbettungs-Code wird von unserer Vorlage erzeugt.
Alternativ-Text
Dieser Text wird 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.
Text (optional)
Zusätzlicher Text steht nur für Instagram-Beiträge und TikTok-Videos zur Verfügung.
Darstellung
Ebene der Überschrift?
Standard ist „Hauptüberschrift“; verwenden Sie „nachgeordnete Überschrift“ nur, wenn Sie diesen Absatz zusammen mit anderen unter einer gemeinsamen Hauptüberschrift platzieren.
Bei allen eingebetteten Social-Media-Elementen sollten Sie einen Alternativtext angeben, der den Inhalt beschreibt, damit dieser barrierefrei zugänglich ist.
Eingaben pro Social-Media-Typ
Bluesky-Beitrag
Wenn Sie die Option „Bluesky-Post“ 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.
In der FirstSpirit-Vorschau gibt es einen Ladefehler, wenn die Instagram-URL einen Benutzernamen enthält. Entfernen Sie diesen, so dass die URL folgendem Beispiel entspricht:
https://www.instagram.com/p/De_W6a4z9YR/
LinkedIn-Beitrag
An Stelle einer URL benötigen Sie für LinkedIn-Beiträge nur die ID des Posts. Diese besteht immer aus einer 19-stelligen Zahl, z. B.:
7508898542225182720
Sie finden diese ID in der URL des Beitrags (nach „ugcPost-“).
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).
Sichtbarkeit
Achten Sie darauf, dass der Beitrag, den Sie einbetten möchten, öffentlich sichtbar ist und ohne Anmeldung auf der jeweiligen Plattform gelesen werden kann!
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).
