Facebook-Beitrags- und Video-Einbettungsgenerator

Fügen Sie den Link zu einem öffentlichen Facebook-Beitrag oder -Video ein und erhalten Sie einen kostenlosen Einbettungscode, der ihn auf Ihrer Website anzeigt. Ohne Anmeldung.
Facebook-Beitrags- und Video-Einbettungsgenerator
Der vollständige Link aus dem ⋯-Menü des Beitrags oder der Adressleiste, z. B. https://www.facebook.com/yourpage/posts/…Sie brauchen den gesamten Feed Ihrer Seite, nicht nur einen Beitrag?
Das Skript von Facebook passt die Größe der Einbettung an den Beitrag an. Ein einfacher iframe hat eine feste Höhe: Verwenden Sie ihn dort, wo der Website-Baukasten keine Skripte ausführt. Videos und Reels erhalten immer einen iframe.

Beitrag einbetten

<div id="fb-root"></div>
<script async defer crossorigin="anonymous" src="https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v23.0"></script>
<div style="max-width:500px;margin:0 auto;">
  <div class="fb-post" data-href="https://www.facebook.com/beamtrace/posts/pfbid0MRFe6y6u1TFFDHQkzdCXBpNLdPQodaVXkVSPscVRXVzwUzu6Rv6f6FBaEQnDGFXxl" data-width="500" data-show-text="true"></div>
</div>
<p style="margin:4px auto 0;max-width:500px;text-align:center;font:11px/1.4 -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;color:#a3a7b0;">Erstellt mit <a href="https://de.elfsight.com/tools/facebook-embed-generator/" target="_blank" rel="noopener" style="color:inherit;text-decoration:none;">Elfsight</a></p>

Funktioniert nur bei öffentlichen Beiträgen: Stellen Sie die Zielgruppe auf „Öffentlich“.

  1. Klicken Sie oben auf Code kopieren, um ihn zu kopieren.
  2. Öffnen Sie die HTML-Datei oder die Vorlage der Seite.
  3. Fügen Sie den Code innerhalb von <body> ein, dort wo der Inhalt erscheinen soll.
  4. Speichern und laden Sie die Seite hoch und öffnen Sie sie zur Kontrolle im Browser.

Sie brauchen die Beiträge Ihrer Facebook-Seite auf Ihrer Website, nicht nur einen? Verwenden Sie ein Feed-Widget. Facebook Feed ansehen →

Bevor Sie gehen

Sie brauchen die Beiträge Ihrer Facebook-Seite auf Ihrer Website, nicht nur einen? Verwenden Sie ein Feed-Widget.

Facebook Feed ansehen →
Oder teilen Sie dieses kostenlose Tool:
Facebook-Feed-Widget

Zeigen Sie Ihre Facebook-Seite, nicht nur einen Beitrag

Frische Beiträge und Neuigkeiten lassen Ihre Website aktiv, sozial und lebendig wirken. Alles, was Sie auf Ihrer Facebook-Seite hinzufügen, erscheint automatisch auf Ihrer Website.

  • Beiträge, Fotos und Videos von Ihrer Facebook-Seite

  • Aktualisiert sich von selbst, wenn Sie posten

  • Besucher folgen Ihrer Seite mit einem Klick

Widget kostenlos erstellen
Keine Kreditkarte nötig
Mehr zu Facebook Feed

Warum Sie dies statt des Facebook-Buttons „Einbetten“ verwenden sollten

Die Option „Einbetten“ von Facebook befindet sich im Menü jedes Beitrags, und ihre dokumentierte manuelle Einrichtung benötigt das Facebook-JavaScript-SDK auf Ihrer Seite. Der Generator erstellt den Code aus dem Link, den Sie bereits haben: den eigenen Code von Facebook, der sich dem Beitrag anpasst, oder einen einfachen iframe für Website-Baukästen, die keine Skripte ausführen.
Facebook-Button „Einbetten“
Dieser Generator
Wo Sie beginnen
Öffnen Sie den Beitrag auf einem Computer, öffnen Sie sein Menü und wählen Sie Einbetten
Fügen Sie den Link zu einem Beitrag, Video oder Reel ein
Skript auf Ihrer Seite
Der dokumentierte manuelle Code benötigt das Facebook-JavaScript-SDK
Das Skript von Facebook, das die Einbettung an den Beitrag anpasst, oder ein einfacher iframe ohne Skript
Beitragstext
Im Code festgelegt (data-show-text)
Beitragstext mit einem Schalter ein- oder ausblenden
Breite
Im Code festgelegt
Wählen Sie eine Breite; der Code bleibt innerhalb der Grenzen von Facebook
Kurze fb.watch-Links
—
Fragt nach dem vollständigen Link, damit der Code auf das richtige Video verweist
Nur öffentliche Beiträge
Die Option „Einbetten“ erscheint nur, wenn die Zielgruppe „Öffentlich“ ist
Erinnert Sie daran, dass nur öffentliche Beiträge und Videos funktionieren

Wo Sie beginnen

Facebook-Button „Einbetten“

Öffnen Sie den Beitrag auf einem Computer, öffnen Sie sein Menü und wählen Sie Einbetten

Dieser Generator

Fügen Sie den Link zu einem Beitrag, Video oder Reel ein

Skript auf Ihrer Seite

Facebook-Button „Einbetten“

Der dokumentierte manuelle Code benötigt das Facebook-JavaScript-SDK

Dieser Generator

Das Skript von Facebook, das die Einbettung an den Beitrag anpasst, oder ein einfacher iframe ohne Skript

Beitragstext

Facebook-Button „Einbetten“

Im Code festgelegt (data-show-text)

Dieser Generator

Beitragstext mit einem Schalter ein- oder ausblenden

Breite

Facebook-Button „Einbetten“

Im Code festgelegt

Dieser Generator

Wählen Sie eine Breite; der Code bleibt innerhalb der Grenzen von Facebook

Kurze fb.watch-Links

Facebook-Button „Einbetten“

—

Dieser Generator

Fragt nach dem vollständigen Link, damit der Code auf das richtige Video verweist

Nur öffentliche Beiträge

Facebook-Button „Einbetten“

Die Option „Einbetten“ erscheint nur, wenn die Zielgruppe „Öffentlich“ ist

Dieser Generator

Erinnert Sie daran, dass nur öffentliche Beiträge und Videos funktionieren

Referenz der Facebook-Einbettungsoptionen

Facebook dokumentiert diese Einstellungen für seine Plugins „Eingebettete Beiträge“ und „Eingebetteter Videoplayer“. Im Skriptcode von Facebook sind es data--Attribute (data-show-text); im iframe-Code gehören sie in die post.php- oder video.php-Adresse.
Option
Was sie bewirkt
Werte
Hinweise
href
Der anzuzeigende Beitrag oder das Video
Die vollständige URL des Beitrags oder Videos
Muss öffentlich sein. Kopieren Sie sie aus der Adressleiste oder per Rechtsklick auf das Datum des Beitrags.
width
Breite der Einbettung
Beiträge: 350 bis 750 Pixel. Videos: mindestens 220 Pixel
Leer lassen für eine flexible Beitragsbreite. Legen Sie die Größe nicht per CSS fest: Laut Facebook kann das Darstellungsfehler verursachen. Auf Mobilgeräten skalieren Einbettungen auf den Container.
show_text
Zeigt den Text des Beitrags an
true, false
Standard ist false. Bei Beiträgen gilt es für Fotobeiträge. Bei Videos funktioniert es nur am Desktop.
allowfullscreen
Lässt Besucher das Video im Vollbild abspielen
true, false
Nur für Videos. Standard ist false.
autoplay
Startet das Video beim Laden der Seite, stummgeschaltet
true, false
Nur für Videos. Wird auf Mobilgeräten nicht angewendet. Standard ist false.
show_captions
Zeigt Videountertitel standardmäßig an, sofern das Video welche hat
true, false
Nur für Videos, nur am Desktop. Standard ist false.
lazy
Lässt den Browser das Laden der Einbettung aufschieben, bis sie in die Nähe des Bildschirms kommt
true, false
Entspricht loading="lazy" bei einem iframe. Standard ist false.

href

Was sie bewirkt

Der anzuzeigende Beitrag oder das Video

Werte

Die vollständige URL des Beitrags oder Videos

Hinweise

Muss öffentlich sein. Kopieren Sie sie aus der Adressleiste oder per Rechtsklick auf das Datum des Beitrags.

width

Was sie bewirkt

Breite der Einbettung

Werte

Beiträge: 350 bis 750 Pixel. Videos: mindestens 220 Pixel

Hinweise

Leer lassen für eine flexible Beitragsbreite. Legen Sie die Größe nicht per CSS fest: Laut Facebook kann das Darstellungsfehler verursachen. Auf Mobilgeräten skalieren Einbettungen auf den Container.

show_text

Was sie bewirkt

Zeigt den Text des Beitrags an

Werte

true, false

Hinweise

Standard ist false. Bei Beiträgen gilt es für Fotobeiträge. Bei Videos funktioniert es nur am Desktop.

allowfullscreen

Was sie bewirkt

Lässt Besucher das Video im Vollbild abspielen

Werte

true, false

Hinweise

Nur für Videos. Standard ist false.

autoplay

Was sie bewirkt

Startet das Video beim Laden der Seite, stummgeschaltet

Werte

true, false

Hinweise

Nur für Videos. Wird auf Mobilgeräten nicht angewendet. Standard ist false.

show_captions

Was sie bewirkt

Zeigt Videountertitel standardmäßig an, sofern das Video welche hat

Werte

true, false

Hinweise

Nur für Videos, nur am Desktop. Standard ist false.

lazy

Was sie bewirkt

Lässt den Browser das Laden der Einbettung aufschieben, bis sie in die Nähe des Bildschirms kommt

Werte

true, false

Hinweise

Entspricht loading="lazy" bei einem iframe. Standard ist false.

Facebook-Dokumentation ↗

Warum der Facebook-Beitrag nicht angezeigt wird

Der Beitrag ist nicht öffentlich

Nur öffentliche Beiträge von Seiten und Profilen lassen sich einbetten. Ein öffentlicher Beitrag hat neben dem Datum ein graues Globus-Symbol. Um Ihren eigenen Beitrag öffentlich zu machen, klicken Sie auf das Zielgruppen-Symbol neben dem Datum und wählen Sie Öffentlich.

Die Einbettung ist leer oder zeigt die Meldung „nicht verfügbar“

Der Beitrag wurde gelöscht oder seine Zielgruppe wurde von „Öffentlich“ geändert, daher zeigt Facebook an seiner Stelle eine Meldung. Machen Sie den Beitrag wieder öffentlich oder betten Sie einen anderen ein.

Der Link verweist auf eine Seite oder ein Profil, nicht auf einen Beitrag

Verwenden Sie den eigenen Link des Beitrags: Öffnen Sie den Beitrag und kopieren Sie die Adressleiste, oder klicken Sie mit der rechten Maustaste auf das Datum des Beitrags und kopieren Sie den Link.

Sie haben einen kurzen fb.watch-Link eingefügt

Öffnen Sie den Link und kopieren Sie dann die vollständige facebook.com-Adresse des Videos aus der Adressleiste.

Der Code funktionierte nach dem Einfügen in WordPress nicht mehr

WordPress kann die &-Zeichen im Code in #038; umwandeln, was die Einbettung zerstört. Fügen Sie den Code in einen Block ein, der HTML unverändert lässt.

Die Einbettung wirkt abgeschnitten oder gestreckt

Ändern Sie die Größe nicht per CSS. Legen Sie stattdessen die Breite im Code fest: 350–750 Pixel für Beiträge, mindestens 220 für Videos.

So betten Sie einen Facebook-Beitrag ein

  1. Link kopieren

    Öffnen Sie auf Facebook den Beitrag oder das Video und kopieren Sie seinen Link.

  2. Hier einfügen

    Fügen Sie den Link ein, legen Sie die Breite fest und wählen Sie, ob der Text angezeigt werden soll.

  3. Code hinzufügen

    Fügen Sie den Code in einen HTML-Block auf Ihrer Seite ein.

Häufig gestellte Fragen

Weitere Einbettungscode-Generatoren

YouTube-Einbettungscode-Generator

Fügen Sie einen beliebigen YouTube-Link ein und erhalten Sie in Sekunden einen responsiven Einbettungscode.YouTube-Einbettungscode-Generator

Video-Einbettungscode-Generator

Betten Sie ein Video ein, das überall liegen kann: MP4, Google Drive, Dropbox, Loom oder Wistia.Video-Einbettungscode-Generator

iFrame-Generator

Erstellen Sie einen responsiven iFrame für jede Seite, jedes Formular oder jede App.iFrame-Generator

PDF-Einbettungsgenerator

Zeigen Sie eine PDF-Speisekarte, Preisliste oder Broschüre direkt auf der Seite.PDF-Einbettungsgenerator