Wie kannst du Social-Media-Inhalte wie Instagram-Fotos oder YouTube-Videos, wie Tweets von Twitter oder Facebook-Posts auf deiner Website/deinem Blog einbetten? Diese Frage stellte sich im Rahmen meines IHK-Roadtrips zum Thema Einsatz von Foto & Video im Tourismus im Juli immer wieder.

Aus diesem Grund hierzu ein Blogbeitrag, wie du ausgewählte Inhalte deiner Social-Media-Accounts auf dein Blog bekommst.

Was genau ist Framing/Einbetten und was ist erlaubt?

Einbetten eines YouTube-Videos heißt nicht, dass du das Video herunterlädst und neu in dein Blog hochlädst. Stattdessen integrierst du quasi nur einen Rahmen auf das Originalvideo. Der User bleibt beim Anschauen des Videos auf deiner Site, das Video bleibt allerdings ebenso an seinem ursprünglichen Ort auf YouTube.

Immer wieder in der Diskussion: Ist das Einbetten von Videos etc. von anderen Nutzern erlaubt? Bei der aktuellen Entscheidung des Bundesgerichtshofs vom 09.07.15 wurde folgende Entscheidung getroffen:

Grundsätzlich ist das Framing also weiter erlaubt, allerdings nur dann, wenn das ursprüngliche Video (z.B. bei Youtube) vom Urheberechtsinhaber ins Netz gestellt wurde oder zumindest mit dessen Zustimmung. Besteht keine Erlaubnis dafür, das Video überhaupt ins Internet zu stellen, dann begeht jeder, der dieses Video framt, eine Urheberrechtsverletzung. Er muss dann unter Umständen Schadensersatz zahlen.

Heißt übersetzt:

• Du darfst Videos von YouTube auf deiner Website / deinem Blog einbetten.
• Aber: Wenn das ursprüngliche Video irgendwelche Rechte verletzt hat, dann ist auch das Framing / Einbetten dieses Videos eine Urheberrechtsverletzung. Heißt für dich: Integriere via Framing nur Videos auf deiner Site, bei denen du dir sicher sein kannst, dass diese rechtemäßig okay sind. Also lieber keine Videos von Privatpersonen, die neue Kinofilme oder Sehenswürdigkeiten zeigen, in denen normalerweise nicht gefilmt werden darf. Heißt aber ebenso für dich: Du als offizielle Tourismusorganisation bzw. als offizieller Dienstleister erhältst einen deutlichen Vertrauensvorschuss für deine Videos. User würden anhand dieser aktuellen Rechtsprechung besser deine Videos als die irgendeiner Privatperson auf ihrer Website einbetten.

(Tiefergehende Informationen zu dem Urteil findest du im Blog der Rechtsanwälte Wilde Beuger Solmecke.)

Rechtlich gesehen auf der sichersten Seite bist du damit natürlich, wenn du nur eigene Videos auf deinem Blog einbettest. Wie funktioniert dieses Einbetten / Framing aber eigentlich? Bei WordPress geht das Einbetten ganz einfach. Ich zeige dir dies einmal anhand einiger der üblichen Medienformate.

Medien in WordPress einbetten

Instagram-Foto in WordPress einbetten

Bei den meisten Medien brauchst du nur den entsprechenden Link in einer neuen Zeile zu platzieren, also beispielsweise https://instagram.com/p/5C6aPDspJ0/ und auf Enter zu drücken. WordPress verändert diesen Linktext dann automatisch zu einem eingebetteten Instagram-Foto. Das sieht beispielsweise so aus:

Perfekt! Wenn du auf „Gefällt mir“ oder die „Kommentare“ klickst, landest du direkt auf dem entsprechenden Bild direkt bei Instagram.

Tweet von Twitter bei WordPress einbetten

Mit Twitter funktioniert das ebenso. Auch  hier brauchst du nur den Link platzieren – z.B. http://twitter.com/KristineHonig/status/619414507119624192 – und schon wird der Tweet direkt angezeigt:

Eine Frage, die oft bei meinen aktuellen Vorträgen zu Foto/Video im Tourismus kommt: darf ich Videos einbetten? JA! https://t.co/blmOjN8Vd2

— Kristine Honig (@KristineHonig) July 10, 2015

Auch hier gelangst du durch einen Klick auf „Retweeten“ oder „Favorit“ direkt bei dem Tweet und kannst die Aktion ausführen.

Was ich schade finde: die neue Zitat-Funktion von Twitter wird leider nicht mit dargestellt. So ist im obigen Tweet ein Link zum Tweet der Tagesschau hinterlegt, dieser ist allerdings bei diesem eingebetteten Tweet nicht direkt – wie auf Twitter selbst – auch zu sehen.

YouTube-Video bei WordPress einbetten

Und weil das so einfach geht, funktioniert das selbstverständlich auch für YouTube. Hier habe ich mir mal ein Video von Christian aka Sozial PR geklaut. Wobei – geklaut ist das ja nicht. Darf ich ja, laut BGH. :)

Auch hier gilt: einfach Link platzieren, z.B. https://www.youtube.com/watch?v=FhjrpCRNvZ0, und fertig:

(Ich habe das Video natürlich nicht ohne Grund ausgewählt. Das ABC des Bloggens von Christian solltest du dir auch einmal anschauen. Dieses beginnt bei A wie Authentizität.)

Facebook-Post bei WordPress einbetten

Für Facebook funktioniert das oben genannte Prinzip leider nicht. Einfach die URL – z.B. https://www.facebook.com/KristineHonigMarketing/posts/768741129910405 – kopieren und einfügen, sieht dann so aus:

Du siehst: Es passiert nichts, außer, dass ich hier einen Link ohne Verlinkung dastehen habe. Das ist nicht das Ziel. Also musst du für Facebook anders vorgehen.

Für Facebook benötigst du einen Code des entsprechenden Facebook-Posts, den du einbetten möchtest. Wo findest du diesen? Zuerst wählst du dir den gewünschten Post aus. Rechts oben findest du ein kleines nach unten zeigendes Häkchen. Klickst du hierauf, bekommst du verschiedene Funktionalitäten angezeigt, inklusive „Embed“ bzw. in der deutschen Version „Beitrag einbetten“. Klickst du hierauf, wird dir ein entsprechender Code angezeigt, den du kopieren kannst:

Facebook-Post einbetten

Diesen Code integrierst du als HTML-Text in deine Website / dein Blog und schon ist der Facebook-Post eingebettet:

Dein eingebetteter Code sieht nicht so aus? Dann fehlt eventuell noch ein Basiscode, den du erst in deine Website integrieren musst. Schau hierzu am besten einmal auf https://developers.facebook.com/docs/plugins/embedded-posts. Dort kannst du die URL jedes beliebigen Facebook-Posts eingeben. Nachdem du auf „Get Code“ geklickt hast, werden dir zwei Codes angezeigt:

• Ein JavaScript-Code. Dieser muss einmalig in deine Website im Backend integriert werden. Sobald dein Blog allerdings ein Facebook-Plugin enthält, ist dieser JavaScript-Code bereits vorhanden.
• Der Code für den konkreten Post.

Tipp: Das Einbetten funktioniert nur für öffentlich geteilte Beiträge.

Medien in andere CMS-Systeme einbetten

Oft funktioniert das gleiche Prinzip (Link kopieren, einfügen, fertig) auch bei anderen CMS-Systemen. Allerdings nicht immer. Doch auch dann gibt es Mittel und Wege. Generell gilt: Wenn du an den HTML-Text deiner Website kommst, kannst du auch Inhalte einbetten. Du benötigst nur einen entsprechenden Code – ähnlich wie gerade schon bei Facebook gesehen.

Instagram-Foto in andere Systeme einbetten

Du benötigst also einen Code von deinem Instagram-Foto, aber wo findest du diesen? Zuerst einmal klickst du auf das gewünschte Foto, dieses wird dir wie folgt angezeigt:

Instagram-Foto einbetten: Foto auswählen

Rechts unten siehst du bereits („Melde dich an, …“) : Du musst nicht selbst auf Instagram angemeldet sein, um dir ein Instagram-Foto anzeigen zu lassen. Da unten siehst du ebenso drei Punkte. Klickst du hierauf, werden dir zwei Möglichkeiten angeboten: 1. Als unangebracht melden, 2. Einbetten. Du willst natürlich letzteres. Also hierauf klicken und schon wird dir ein HTML-Code angezeigt:

Instagram-Foto einbetten: Code auswählen

Diesen angezeigten Code kopierst du komplett und integrierst diesen in deinem eigenen Website-System als HTML-Text. Dabei würde ich immer empfehlen, die Bildunterschrift mit einzuschließen, sagt diese doch schließlich, was auf deinem Foto zu sehen ist.

Twitter in andere Systeme einbetten

Genauso wie bei Instagram verläuft auch das Einbetten von einem Tweet: Du benötigst ebenso den HTML-Code. Hierfür muss du auf den entsprechenden Tweet klicken. Bei den verschiedenen Funktionen unter dem Tweet gibt es erneut drei Punkte. Gehst du mit deiner Mouse hierüber, erscheint das Wort „Mehr“ über diesen. Klickst du hierauf, erhältst du einige Auswahlmöglichkeiten, unter anderem „Tweet einbetten“. Genau, was wir gerade benötigen. Also: draufklicken.

Tweet einbetten: Auf „Mehr“ und „Tweet einbetten“ klicken

Wie bereits bei Instagram gesehen, wird dir ein entsprechender HTML-Code angeboten:

Tweet einbetten: Code kopieren

Diesen Code kopierst du wieder komplett und integrierst diesen in deinem eigenen Website-System als HTML-Text.

YouTube in andere Systeme einbetten

Gleiches Prozedere wie bei den anderen: Video auswählen, Code suchen, kopieren, einsetzen, fertig. Wo findest du bei YouTube den Code? Diesmal nicht unter den drei Mehr-Punkten, sondern unter „Teilen”. Dahinter verbergen sich die Möglichkeiten „Teilen“, „Einbetten“ und „E-Mail“. Auf „Einbetten“ klicken und der Code wird angezeigt.

YouTube einbetten: auf „Teilen“ und dann „Einbetten“ klicken

Du siehst, das ist alles gar kein Hexenwerk! Viel Spaß beim Einbetten!

Das könnte dich auch interessieren:

• Automatisierte Jahresrückblicke
• Social Media & Otto Normalverbraucher – wie passt das zusammen?
• Content von Bloggern nutzen: Blogbeiträge, Social-Media-Posts & Co
• IFTTT: Kanäle sinnvoll miteinander koppeln
• Tweet old Post: Worauf du bei der Einrichtung dieses WordPress-Plugins achten solltest