Skip to main content

Wie kann ich Instagram Phots oder Video Posts in eine Website einbinden?

15 COOLE INSTAGRAM TIPPS & TRICKS die JEDER kennen sollte! (2019) (Februar 2025)

15 COOLE INSTAGRAM TIPPS & TRICKS die JEDER kennen sollte! (2019) (Februar 2025)
Anonim

Wollten Sie schon immer ein bestimmtes Instagram-Foto oder Video auf Ihrer Website veröffentlichen, und dann frustrierend versucht haben, das Foto auf Ihrem Computer zu speichern und auf Ihre Website hochzuladen?

Instagram verfügt über eine Einbettungsfunktion, mit der Sie Fotos oder Videos einfach in den HTML-Code Ihrer Website oder Ihres Blogs einfügen können. Sie müssen kein Webdesigner sein, um herauszufinden, wie das geht.

Das Einbetten von Instagram-Posts direkt in Ihre Webseiten hat den Vorteil, dass Ihre Website-Besucher mit dem Post wie auf Instagram interagieren können. Sie können darauf klicken, um auf die Post-Seite oder das Benutzerprofil zu gelangen, was sie zu schätzen wissen, wenn sie bereits Instagram-Nutzer sind.

Klicken Sie sich durch die folgenden Schritte, um zu sehen, wie Sie auf einfache Weise beliebige Instagram-Fotos oder -Videos in Ihre Website einbetten können.

01 von 06

Finden Sie die Instagram-Foto- oder -Videoseite, die Sie einbetten möchten

Das Wichtigste zuerst: Sie müssen im Web auf Instagram zugreifen und nicht auf die mobile App.

Wenn Sie einen Beitrag einbetten müssen, den Sie in der App gefunden haben, können Sie auf tippen drei Punkte die in der oberen rechten Ecke eines Beitrags angezeigt werden, und tippen Sie dann auf Link kopieren Option, die im Menü angezeigt wird, um sie irgendwo zu kopieren und einzufügen, um im Web darauf zuzugreifen.

Sie möchten es beispielsweise in eine E-Mail-Nachricht einfügen und an sich selbst senden, damit Sie den Link zu diesem Beitrag auf einem Desktop-Computer öffnen können.

02 von 06

Öffnen Sie den Instagram Post in einem Webbrowser

In diesem Beispiel verwenden wir einen Foto-Post des offiziellen Lifewire-Instagram-Kontos. Sie können jedoch jeden beliebigen Instagram-Post verwenden, den Sie möchten.

Wenn Sie bereits die URL für den Beitrag haben, klicken Sie einfach darauf oder kopieren Sie sie und fügen Sie sie in Ihren Webbrowser ein. Die URL für den Instagram-Post sieht etwa so aus: instagram.com/p/xxxxxxxxxx/ .

Wenn Sie jedoch bereits auf Instagram.com (im Web, nicht der App, aber nicht auf der App) navigieren, indem Sie Ihren Home-Feed, ein Profil, ein Tag oder die Explore-Seite durchsuchen, müssen Sie nicht einmal die Seite des Beitrags öffnen, um dies zu tun binden Sie es in eine Webseite ein.

03 von 06

Klicken Sie auf die drei Punkte in der rechten unteren Ecke

Statt mit der rechten Maustaste zu klicken und "Speichern unter" zu wählen oder einen Screenshot des Bildes zu erstellen, suchen Sie einfach nach dem drei Punkte in der rechten unteren Ecke des Bildfelds, das angezeigt wird, unabhängig davon, ob Sie den Beitrag als Popup auf der Seite, in Ihrem Feed oder auf einer eigenen Beitragsseite anzeigen.

Klicken Sie auf diese drei grauen Punkte, und es sollten mehrere Optionen angezeigt werden. Klicke auf Einbetten.

04 von 06

Kopieren Sie den Embed Code

In der Mitte Ihres Bildschirms wird eine Box mit einer Code-Zeichenfolge und einer blauen Schaltfläche angezeigt. Wenn Sie die Beschriftung in die Webseite aufnehmen möchten, können Sie die Option verlassen Beschriftungsfeld einschließen aktiviert, aber wenn Sie das Foto oder Video nur anzeigen möchten, können Sie es deaktivieren.

Sie müssen nicht wissen, wie der Code funktioniert oder was er bedeutet, um das Foto oder Video ordnungsgemäß in Ihre Website einzubetten. Klicken Sie einfach auf das BlauSchaltfläche zum Einbetten des Codes kopieren um die gesamte Codefolge automatisch zu kopieren.

Sie sind jetzt mit der Instagram-Seite fertig. Als Nächstes können Sie zu Ihrer Website oder Ihrem Blog wechseln, wo der Beitrag angezeigt werden soll.

05 von 06

Fügen Sie den Instagram Embed Code in den HTML-Code Ihrer Website ein

Es liegt an Ihnen, auf den Admin-Bereich oder das Dashboard der von Ihnen verwendeten Website oder Blogging-Plattform zuzugreifen und den richtigen Bereich zum Einfügen des Codes zu finden.

Wenn Ihre Site beispielsweise in WordPress ausgeführt wird, müssen Sie lediglich auf Ihren bearbeitbaren Beitrag oder Ihre Seite zugreifen Textmodus (anstatt visueller Modus), Rechtsklick im Editor und wählen Sie Einfügen um den kopierten Einbettungscode in die Box zu legen.

Speichern Sie es, zentrieren Sie es, wenn Sie möchten, veröffentlichen Sie es und Sie sind fertig.

06 von 06

Anzeigen Ihrer Seite und eingebettetes Instagram-Foto

Werfen Sie einen Blick auf die veröffentlichte Seite, um das neue Instagram-Foto oder das neue Video direkt in das Foto zu sehen.

Sie sollten in der Lage sein, das Foto mit dem Link zum Namen des Instagram-Benutzers sowie die Anzahl der Likes und Kommentare darunter zu sehen.

Wenn es sich um ein Video anstelle eines Fotos handelt, können Besucher Ihrer Website das Video direkt auf Ihrer Website abspielen.

Wenn auf Ihrer Website nichts angezeigt wird, haben Sie den Code möglicherweise an der falschen Stelle eingefügt oder Sie haben möglicherweise nicht die gesamte Codefolge kopiert. Lesen Sie diesen großartigen HTML Word-Hilfeartikel, wenn Sie Probleme haben.