Ein Social-Media-Feed mit authentischem Inhalt, der von deinem Unternehmen und deinen Fans erstellt wurde, erhöht die Verweildauer auf deiner Website und verbessert die Konversionsraten. Hier erfährst du, wie du Instagram-Inhalte in deine Website einbettest.
Um einzelne Instagram-Beiträge einzubetten, kannst du die nativen Funktionen von Instagram nutzen. In diesem Artikel wird der Prozess erläutert.
Bevor du beginnst
Um bestimmte Instagram-Beiträge auf deiner Website einzubetten, muss das entsprechende Instagram-Konto öffentlich sein. Um ein Konto öffentlich zu machen, gehe zu dem Instagram-Profil und klicke auf Mehr > Einstellungen > Wer kann deine Inhalte sehen. Schalte dann den Schalter um, um das Konto öffentlich zu machen.
Schritt 1 - Den Einbettungscode des Instagram-Bildes erhalten
Gehe zu dem Instagram-Beitrag, den du auf deiner Website einbetten möchtest, und klicke darauf, um das Bild zu vergrößern.
1. Klicke auf das Auslassungszeichen (...) in der oberen rechten Ecke des Beitrags.
2. Wähle Einbetten aus der Liste der Aktionen aus.
3. Klicke im nächsten Fenster auf den blauen Einbettungscode kopieren-Button, um diesen Text in die Zwischenablage deines Computers zu kopieren.
Schritt 2 - Den Einbettungscode zu deiner Seite hinzufügen
-
Gehe zum Sitebuilder und klicke auf den Block hinzufügen (+) Plus-Button und im Block-Bibliothek-Bereich klicke auf den HTML-Einbettungs-Block und wähle das <HTML>-Layout aus.
-
Fahre mit der Maus über den Block, um das Steuerungsfeld zu aktivieren, und klicke dann auf das Benutzerdefinierte HTML-Symbol.
- Füge den Code, den du von Instagram kopiert hast, in das Benutzerdefinierte HTML-Feld ein.
Schritt 3 - <center>-Tags hinzufügen
Nachdem du den Code in das Benutzerdefinierte HTML-Feld eingefügt hast, möchtest du den Instagram-Beitrag zentriert ausrichten, damit er nicht automatisch links oder rechts an deiner Webseite angezeigt wird.
Umschließe den Code mit den <center>-</center>-Tags, damit das Bild in der Mitte deiner Seite angezeigt wird.
Klicke auf Übernehmen.
Die Ergebnisse sind in diesem Stadium noch nicht sichtbar. Du musst deine Website veröffentlichen, damit dein Code ausgeführt wird. Wenn du überprüfen möchtest, wie der Code funktioniert, bevor du ihn veröffentlichst, kannst du die Vorschau-Schaltfläche in der Topbar verwenden.
Schritt 4 - Die Seite veröffentlichen
Wenn du fertig bist, klicke oben rechts im Sitebuilder auf Veröffentlichen, um die Änderungen live zu machen.
So wird deine Seite aussehen.
Instagram-Feed einbetten
Um den gesamten Instagram-Feed anzuzeigen, musst du eine Drittanbieteranwendung wie EmbedSocial oder Flockerverwenden. Sobald die von dir gewählte Plattform einen Einbettungscode bereitstellt, kannst du ihn mit dem HTML-Block zu deiner Seite hinzufügen.