Instagram Feed auf der Website platzieren: Optionen und Schritte

Du kannst Instagram auf deiner Website anzeigen, indem du einen einzelnen Beitrag einbettest oder ein Widget für mehrere Beiträge verwendest. Ein Widget ist ein Element, das du zu deiner Website hinzufügst. Sollen neue Beiträge automatisch erscheinen? Dann wähle ein Widget, das dies unterstützt. Deine Website muss den Code zulassen. Prüfe außerdem, welche Daten von Besuchern geteilt werden.

Im Folgenden erfährst du, welche Option zu dir passt, wie du sie einfügst und was du kontrollieren solltest, bevor du die Seite teilst.

Welcher Instagram Feed passt zu deiner Website?

Ein Instagram Feed ist eine Übersicht von Instagram Beiträgen. Du kannst auch nur einen einzelnen Beitrag auf deiner Seite anzeigen. Das nennt man Einbetten oder Embedding: Du zeigst Inhalte eines anderen Dienstes innerhalb deiner eigenen Website an.

Die Erklärung zu Instagram Embeds und Widgets unterscheidet zwischen einem einzelnen eingebetteten Beitrag und einem Widget mit einem automatisch aktualisierten Feed. Lege deshalb zuerst fest, was du anzeigen möchtest.

Angenommen, du hast eine Website über deine Wanderungen. Bei einer Routenbeschreibung möchtest du einen Instagram Beitrag zu dieser Route anzeigen. Dann passt ein einzelnes Embed. Auf einer Seite mit deinen letzten Ausflügen kann eine automatisch aktualisierte Übersicht praktischer sein.

Einen einzelnen Instagram Beitrag mit Code einbetten

Für einen einzelnen Beitrag brauchst du nicht sofort einen separaten Widget Dienst. Du kannst den offiziellen Einbettungscode von Instagram verwenden, sofern dieser beim Beitrag verfügbar ist. Name und Position dieser Option können sich ändern.

1. Wähle einen Beitrag aus. Verwende vorzugsweise deinen eigenen öffentlichen Beitrag. Prüfe, ob das Einbetten erlaubt ist.
2. Suche die Option zum Einbetten des Beitrags. Kopiere den angebotenen Code vollständig. Fehlt die Option? Dann rate den Code nicht selbst.
3. Öffne eine Testseite auf deiner Website. Suche nach einem Element, das HTML oder Einbettungscode akzeptiert. HTML ist der Code, aus dem eine Webseite aufgebaut ist.
4. Füge den Code in dieses Element ein. Verwende kein gewöhnliches Textfeld. Sonst kann der Code als Text statt als Beitrag angezeigt werden.
5. Rufe die Seite als Besucher auf. Prüfe das Ergebnis auf deinem Smartphone und ohne Anmeldung auf deiner Website.

Hat dein Website Baukasten ein spezielles Instagram Element? Dann befolge dessen Hinweise. Manchmal wird ein Link zu einem Beitrag verlangt und kein Einbettungscode. Verwende genau das, was das Element verlangt: Ein Link und Code sind nicht dasselbe.

Löschst du den Beitrag später oder änderst du, wer ihn sehen darf? Dann prüfe auch die Seite, auf der du ihn eingebettet hast.

Einen Instagram Feed mit einem Widget einfügen

Möchtest du mehrere Beiträge automatisch aktualisieren lassen? Dann wähle ein geeignetes Widget. Prüfe vor der Erstellung eines Kontos, ob der Dienst mit deiner Art von Instagram Konto und deiner Website funktioniert.

1. Wähle aus, welche Beiträge du anzeigen möchtest. Möchtest du nur deine eigenen Fotos zeigen? Prüfe auch, ob du bestimmte Beiträge ausschließen kannst, falls du das brauchst.
2. Prüfe, welchen Zugriff der Dienst verlangt. Gib dein Instagram Passwort nicht einfach weiter. Lies nach, welche Berechtigungen du erteilst und wie du sie später wieder entziehst.
3. Stelle das Layout ein. Beginne zum Beispiel mit vier Fotos. Wähle nach Möglichkeit ein Layout, in dem die Fotos auch auf einem Smartphone gut sichtbar sind.
4. Füge den Widget Code ein. Verwende ein geeignetes Feld für Einbettungscode oder die entsprechende Erweiterung für deine Website.
5. Teste, ob neue Beiträge erscheinen. Prüfe nach deinem nächsten Instagram Beitrag, ob das Widget ihn innerhalb der angegebenen Zeit anzeigt.

Das Wort „live“ bedeutet nicht, dass ein neues Foto sofort auf deiner Website erscheint. Sieh beim Anbieter nach, wie oft das Widget Beiträge abruft. Prüfe auch, was Besucher sehen, wenn die Verbindung zu Instagram ausfällt.

Möchtest du einen gemeinsamen Beitrag anzeigen? Kläre mit der anderen Person, ob er auch auf deiner Website erscheinen darf. Lies bei Bedarf, wie du einen Instagram Collab Post gemeinsam mit jemandem erstellst.

Instagram zu WordPress, Shopify oder Webflow hinzufügen

Nicht jede Website lässt denselben Code zu. Was du einfügen kannst, hängt unter anderem von deinem Abonnement, Theme und deinen Erweiterungen ab. Finde deshalb zunächst heraus, welche Einbettungsmethode deine Website unterstützt.

WordPress

Laut der Dokumentation von WordPress.com zu Instagram kannst du einzelne Fotos, Videos und Reels einbetten, wenn das Konto öffentlich ist und das Einbetten erlaubt.

Liegt deine WordPress Website bei einem anderen Hosting Anbieter? Dann funktioniert nicht alles automatisch genauso wie bei WordPress.com. Für mehrere Beiträge kannst du ein geeignetes Plugin oder ein externes Widget prüfen. Ein Plugin ist eine Erweiterung für deine Website. Verwende nicht mehrere Feed Plugins gleichzeitig.

Shopify

Prüfe, ob dein Theme einen Bereich für eigenen Einbettungscode enthält. Du kannst auch nach einer passenden App suchen. Teste sie auf einer separaten Seite. So musst du nicht sofort das Layout deines gesamten Shops ändern.

Webflow

Prüfe, ob dein Projekt eigenen Einbettungscode unterstützt. Während der Bearbeitung kann die Seite anders aussehen als nach der Veröffentlichung. Öffne deshalb zusätzlich eine veröffentlichte Testseite in einem normalen Browser.

Kannst du kostenlos einen Instagram Feed auf deiner Website einfügen?

Für den offiziellen Einbettungscode eines einzelnen Beitrags brauchst du kein separates Widget Abonnement. Dein Website Paket muss den Code jedoch unterstützen. Bei einer vollständigen Übersicht hängen die Kosten von der gewählten Lösung ab.

Hat ein Widget eine kostenlose Version? Prüfe vorher:

• Wie viele Beiträge und Aufrufe sind enthalten?
• Wie oft ruft das Widget neue Beiträge ab?
• Wird der Markenname des Anbieters angezeigt?
• Kannst du das Laden verzögern, bis der Besucher seine Einwilligung erteilt?
• Was passiert, wenn du ein Limit erreichst oder den Dienst beendest?

Achte vor allem darauf, was du tatsächlich brauchst. Für vier Urlaubsfotos auf deiner eigenen Seite sind umfangreiche Filter nicht erforderlich. Ein kostenloses Widget hilft dir jedoch nicht, wenn genau die Funktion fehlt, für die du es einsetzen möchtest.

Datenschutz und Cookies bei einem Instagram Feed

Eine Einwilligung kann sowohl für die von dir angezeigten Fotos als auch für die Nutzung von Besucherdaten erforderlich sein. Das sind zwei unterschiedliche Dinge.

Einen öffentlichen Beitrag darfst du nicht einfach herunterladen und erneut veröffentlichen. Möchtest du Material einer anderen Person verwenden? Bitte um Zustimmung für diese Nutzung. Prüfe bei deinen eigenen Fotos ebenfalls, ob erkennbare Personen mit der Veröffentlichung auf deiner Website einverstanden sind.

Ein Embed kann eine Verbindung zu Instagram oder zum Widget Dienst herstellen. Dabei können Daten wie die IP Adresse eines Besuchers geteilt werden. Das kann bereits geschehen, bevor jemand auf den Beitrag klickt.

In Deutschland gelten die DSGVO und die Vorschriften zu Cookies. Die DSGVO betrifft personenbezogene Daten. Verwendet dein Embed Cookies oder ähnliche Technologien, um Besucher zu verfolgen, ohne dass diese notwendig sind? Dann ist grundsätzlich eine vorherige Einwilligung erforderlich.

• Prüfe, was das Embed lädt. Frage den Anbieter oder deine Websiteverwaltung, welche Verbindungen und Cookies verwendet werden.
• Blockiere den Code bei Bedarf. Eine Cookie Meldung allein blockiert keine Skripte. Ein Skript ist Code, den der Browser ausführt.
• Gib Besuchern eine Wahl. Zeige zum Beispiel zunächst einen Hinweis mit einer Schaltfläche zum Laden von Instagram Inhalten. Biete auch einen normalen Link an.
• Aktualisiere deine Datenschutzerklärung. Beschreibe, welche Dienste du verwendest, warum du sie verwendest und wie Besucher ihre Auswahl ändern können.

Teste auch, was passiert, wenn du „Ablehnen“ auswählst. Der Instagram Inhalt darf nicht bereits im Hintergrund geladen werden, wenn dafür zunächst eine Einwilligung erforderlich ist.

Warum funktioniert dein Instagram Feed auf der Website nicht?

Prüfe zunächst, was genau nicht funktioniert. Ändere danach jeweils nur eine Sache, damit du erkennst, welche Anpassung hilft.

Schalte den Datenschutz nicht für alle Besucher aus, nur um einen leeren Feed zu beheben. Stelle sicher, dass Besucher die Seite auch ohne Instagram Inhalte nutzen können.

Wann ist ein Bild statt eines Instagram Feeds die bessere Wahl?

Möchtest du hauptsächlich ein einzelnes Foto zeigen? Dann kann ein eigenes Bild mit einem Link besser passen. So hast du mehr Kontrolle über das Layout. Verwende nur Bilder, für die du die erforderlichen Rechte besitzt.

Sind auf deinem Instagram Konto auch private Fotos oder Beiträge, die nicht zu deiner Website passen? Dann wähle lieber selbst aus, welche Fotos du zeigst, statt alles automatisch aktualisieren zu lassen.

Füge wichtige Informationen wie eine Routenbeschreibung oder Kontaktdaten als normalen Text auf deiner Seite ein. Verwende den Instagram Feed als Ergänzung. Ein Feed garantiert keine zusätzlichen Follower, Besucher oder eine bessere Platzierung bei Google.