Instagram-Beiträge, Reels oder einen Feed auf deiner Website einbinden: die offizielle Einbettung, was Metas oEmbed akzeptiert, warum die Basic Display API eingestellt wurde und wie die Seite schnell bleibt.
Für ein paar Beiträge nutzt du den Einbettungscode von Instagram für jeden Beitrag oder jedes Reel und fügst ihn in einen HTML-Block auf deiner Seite ein. Für ein Raster, das sich selbst aktualisiert, brauchst du entweder einen Feed-Widget-Dienst oder eine eigene Anbindung über die Instagram API von Meta, da die alte Basic Display API am 4. Dezember 2024 abgeschaltet wurde.
Wege, Instagram auf deiner Website zu zeigen
Füge einen Instagram-Link ein, um zu prüfen, ob der oEmbed-Endpunkt von Meta diese Art von URL akzeptiert, und sieh dir die Anfrage an, die ein Entwickler für den Einbettungscode stellen würde. Der Checker liest nur die Form des Links in deinem Browser. Er kontaktiert Instagram nicht und kann daher nicht erkennen, ob das Konto privat ist.
Nein. Meta hat angekündigt, dass die Basic Display API ab dem 4. Dezember 2024 nicht mehr verfügbar ist und Anfragen daran fehlschlagen. Für die geschäftliche Nutzung verwies Meta auf die Instagram API mit Instagram Login oder mit Facebook Login.
Der oEmbed-Endpunkt von Meta führt Profil-URLs in der Form instagram.com/username neben Beiträgen und Reels unter den akzeptierten Formaten auf.
Die Einbettung ist auf den script-Tag am Ende des Einbettungscodes angewiesen, den Instagram dir gibt. Wenn das Skript blockiert, von deinem Baukasten entfernt oder das HTML erst nach dem Laden hinzugefügt wurde, rufe instgrm.Embeds.process() auf, sobald das Skript auf der Seite ist.
Einbettungen einzelner Beiträge stammen aus öffentlichen Beiträgen. API-Anbindungen für einen Live-Feed sind auf professionelle Konten (Unternehmens- oder Creator-Konten) ausgelegt.
Widgets brauchen die Berechtigung, dein Konto zu lesen. Nutze einen bekannten Dienst, lies, welchen Zugriff er verlangt, und entferne ihn in deinen Instagram-Einstellungen, wenn du ihn nicht mehr nutzt.
Füge den Einbettungscode von Instagram für jeden Beitrag ohne seinen script-Tag in den Container ein und lade das Skript dann, wenn der Besucher in die Nähe scrollt.
Setze EMBED_SCRIPT auf die Skriptadresse aus dem Einbettungscode, den Instagram dir gegeben hat. instgrm.Embeds.process() verwandelt die eingefügten blockquotes in Einbettungen.
Instagram-Link
Ein Beitrag (Einzelbild oder Karussell). oEmbed akzeptiert dieses Format.
Ein Reel oder Video. oEmbed akzeptiert dieses Format.
Ein Profil. oEmbed führt Profillinks unter den akzeptierten Formaten auf.
Eine Story. Stories werden für die Einbettung nicht unterstützt.
Das ist kein instagram.com-Link.
Keines der Formate, die Meta aufführt: /p/, /reel/ oder ein Profilname.
oEmbed-Anfrage, die ein Entwickler stellen würde
Die oEmbed-Dokumentation von Meta erklärt, welcher App-Zugriff für den Aufruf nötig ist.
Der Beispiellink ist erfunden.
Kostenlos starten · Keine Kreditkarte nötig