Strategie & Umsetzung im Tourismus

Einbetten von Social-Media-Inhalten in dein Blog – wie geht’s?

Kristine Honig
Bloggen - einbetten / embed

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:

(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:

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:

Frisch im Blog: Das Thema Vernetzung mit Blogs und Bloggern – sowohl online als auch offline mal unter die Lupe…

Posted by Kristine Honig – Marketing on Sunday, June 21, 2015

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:

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!

Teile diesen Beitrag:

Das könnte dich auch interessieren:

Die mobile Version verlassen