PORTAL und PPS Knowledge Base
Social-Media-Embeds
- Franziska Franz
- Ilker Oygün
- Katharina Marxreiter
Social-Media-Posts von Facebook, Twitter, Instagram, Tumblr und TikTok können über den entsprechenden Button im Editor bequem eingebunden werden. Die Einbindung erfolgt über eine Eingabemaske. Nach dem Speichern wird ein BBCode-Snippet eingefügt, welches beim Ausspielen durch ein entsprechendes <div> ersetzt wird.
Für die vollumfängliche Nutzung von Facebook- und Instagram-Einbettungen muss kundenseitig eine konfigurierte Facebook-App (App-ID und Client-Token) mit hinzugefügtem Produkt oEmbed angeliefert werden. Details siehe in der Anleitung zum Set-up.
Für die Social-Media-Embeds greift die Datenschutz-Funktion für eingebettete Drittinhalte.
Funktionalitäten der Social-Media-Embeds
Integration externer Social-Media-Posts direkt im PORTAL
Bequemes Einbetten externer Social-Media-Posts über den Editor
Datenschutz-Funktion: Zustimmungspflichtiges Ausspielen von Einbettungen externer Social-Media-Posts
Inhaltsverzeichnis
Einbindung externer Social-Media-Posts
Editorleiste: Button zur Einbindung externer Social-Media-Posts
Benutzer:innen haben über die Editor-Funktion die Möglichkeit, Social-Media-Posts von Facebook, Twitter, Instagram, Tumblr und TikTok bequem einzubinden. Die Einbindung erfolgt jeweils über eine Eingabemaske. Nach dem Speichern wird ein BBCode-Snippet eingefügt, welches beim Ausspielen durch ein entsprechendes <div> ersetzt wird.
Für die Social-Media-Embeds greift die Datenschutz-Funktion für eingebettete Drittinhalte.
Unterstützte Plattformen
Facebook
Twitter
Instagram
Tumblr
TikTok
Beispiele eingebetteter Social-Media-Posts im PORTAL
Social-Media-Posts einbetten
Zum Einbetten der Social-Media-Posts klickt der bzw. die Benutzer:in auf den entsprechenden Button und gibt die URL (nicht den Einbettcode!) des entsprechenden Social-Media-Posts ein.
Eingabemaske zum Einbetten von Social-Media-Posts
Daraufhin erscheint ein entsprechender Platzhalter im Formular. Der BBCode für Social-Media-Posts lautet [facebook][/facebook], [twitter][/twitter], [instagram][/instagram], [tumblr][/tumblr],[tiktok][/tiktok].
Da die URLs unterschiedlich aufgerufen werden müssen, werden im Folgenden die Eingaben der jeweiligen Social-Media-Plattformen etwas detaillierter beschrieben:
Facebook einbetten
Abruf URL im Desktop
Die URL kann einfach über den Link-Anker auf dem Datum des Posts abgerufen werden. Alternativ kann im Kontextmenü auf “Einbetten” geklickt werden. Benutzer:innen werden dann auf die Seite weitergeleitet, von welcher die URL kopiert werden kann.
Abruf URL Mobil
Die URL kann einfach über den Link-Anker auf dem Datum des Posts abgerufen werden.
Platzhalter im Formular
Beispiele URLs
https://www.facebook.com/gogolpublishing/posts/3036632306388036
https://www.facebook.com/gogolpublishing/posts/3036632306388036?__cft__[0]=AZVDj8KEmCWCoiZC8F2gbYORUMQ31f8rlu42qLT8HnBZqy6-IPgYAWHdpNSDhap6lx8dFhd7N_rCRMRxoXcaDsi2K8YqkThzJ9TFCqUQeEDFP5N_yc8YMkcZgBoXpoGyIEZhhuWSOigxkPP-88v5qvcVmHJocmUvVBR8vgDwpODgGQ&__tn__=%2CO%2CP-R
https://m.facebook.com/story.php?story_fbid=2952265694824698&id=131147120269917&__tn__=-RBeispiel BB-Code:
[facebook]https://m.facebook.com/story.php?story_fbid=2952265694824698&id=131147120269917&__tn__=-R[/facebook]Twitter einbetten
Abruf URL im Desktop
Abruf URL Mobil
Platzhalter im Formular
Beispiele URLs
https://twitter.com/gogolmedien/status/791564616904142848
https://twitter.com/gogolmedien/status/791564616904142848?s=20Beispiel BB-Code:
[twitter]https://twitter.com/gogolmedien/status/791564616904142848[/twitter]Instagram einbetten
Abruf URL im Desktop
Abruf URL Mobil
Platzhalter im Formular
Beispiele URLs
https://www.instagram.com/p/CCNzyooKlWs/
https://www.instagram.com/p/CCNzyooKlWs/?utm_source=ig_web_copy_link
https://www.instagram.com/p/CCNzyooKlWs/?utm_source=ig_web_button_share_sheetBeispiel BB-Code:
[instagram]https://www.instagram.com/p/CCNzyooKlWs/[/instagram]Tumblr einbetten
Abruf URL im Desktop
Abruf URL Mobil
Platzhalter im Formular
Beispiele URLs
https://spidey11fan11.tumblr.com/post/174413939039Beispiel BB-Code:
[tumblr]https://spidey11fan11.tumblr.com/post/174413939039[/tumblr]TikTok einbetten
Abruf URL im Desktop
Abruf URL App
Platzhalter im Formular
Beispiel URL:
https://www.tiktok.com/@katzentrainer/video/7037921430926904582?is_copy_url=1&is_from_webapp=v1 Beispiel BBC-Code:
[tiktok]https://www.tiktok.com/@katzentrainer/video/7037921430926904582?is_copy_url=1&is_from_webapp=v1[/tiktok]Datenschutz-Funktion
Für die Social-Media-Embeds greift die Datenschutz-Funktion für eingebettete Drittinhalte.
Informationen zu eingebundenen Drittanbietern & Cookies
Die unten stehenden Informationen beziehen sich auf Verarbeitungstätigkeiten, die seitens PEIQ durchgeführt werden. Es können keine Aussagen zu den konkreten Verarbeitungstätigkeiten aufseiten der eingebundenen Drittanbietern getätigt werden.
Eingebundene Dienste von Drittanbietern
Name des Dienstes | Dienstleister | Aufgerufene Domains | Technische Form der Einbindung | Zwecke der Einbindung | Datenschutzerklärung des Dienstes |
|---|---|---|---|---|---|
Facebook Inc. | Einbindung zur Darstellung von Facebook-Posts auf dem PORTAL. | ||||
Twitter Inc. | Einbindung zur Darstellung von Tweets auf dem PORTAL. | ||||
Facebook Inc. | Einbindung zur Darstellung von Instagram-Posts auf dem PORTAL. | ||||
Tumblr | Tumblr Inc. | Einbindung zur Darstellung von Tumblr-Posts auf dem PORTAL. | |||
TikTok | TikTok Pte. Ltd. | Einbindung zur Darstellung von TikTok-Videos auf dem PORTAL. |
Kommunikation der Website mit anderen URLs
Name des Dienstes | URLs und HTTP-Zugriffsmethode | Zweck, für den die URL aufgerufen wird | Aktiv übermittelte Parameter durch PEIQ |
|---|---|---|---|
API endpoint:
Weitere Endpunkte und URL-Schemata unter: https://developers.facebook.com/docs/plugins/oembed#url-formats | Darstellung von Facebook-Posts auf dem PORTAL. | - | |
| Darstellung von Tweets auf dem PORTAL. | - | |
API endpoint:
Weitere Endpunkte und URL-Schemata unter: https://developers.facebook.com/docs/instagram/oembed | Darstellung von Instagram-Posts auf dem PORTAL. | - | |
Tumblr |
| Darstellung von Tumblr-Posts auf dem PORTAL. | - |
TikTok | API endpoint:
| Darstellung von TikTok-Videos auf dem PORTAL. | - |
Speicherung von Informationen auf dem Endgerät der Benutzer:innen, z. B. Cookies
PEIQ kann zu Third-Party-Cookies oder ähnlichen Verfahren von Drittanbietern keine Aussage treffen. Informationen zum Cookie ggm_sme_agreed finden sich hier.
Anleitung zum Set-up
Verwandte Seiten
Nur für PEIQ-Mitarbeiter:innen
https://peiq.atlassian.net/wiki/x/AQBdD