Instagram-Stories in die Website einbetten

Wie können Sie Instagram-Stories kostenlos in Ihre Website einbetten?

Instagram Stories, das Feature des Unternehmens, sind das beliebteste organische Werbemittel für alle Online-Marken und Marketer. Seit dem Start im August 2016 erreichen Instagram Stories monatlich rund 500 Millionen Instagram-Nutzer. In diesem Blogbeitrag erklären wir, was Instagram Stories sind, welche Vorteile sie bieten und wie Marken sie einbetten können.

Lesen Sie die zusammengefasste Version mit

Instagram Stories, die Funktion des Unternehmens, sind das angesagteste organische Werbetool für alle Online-Marken und Vermarkter. Seit der Einführung im August 2016 erreichen Instagram Stories mittlerweile monatlich rund 500 Millionen Instagrammer. In diesem Blogbeitrag haben wir besprochen, was eingebettete Instagram Stories sind, welche Vorteile sie bieten und wie Marken sie auf Websites einbetten können.

📌 Einschränkungen beim Einbetten von Instagram Stories

  • Instagram erlaubt das Einbetten von Stories über seine API offiziell nicht. Im Gegensatz zu Instagram-Posts oder Rollen, Geschichten können nicht auf standardmäßige Weise direkt eingebettet werden.
  • Wenn Sie Tools von Drittanbietern verwenden, um Geschichten auf Ihrer Website anzuzeigen, wie zum Beispiel die Taggbox Instagram Widget.

Also, lass uns eintauchen.

Schritte zum Einbetten von Instagram-Stories auf Ihrer Website mit Taggbox

Schritt 1: Erstellen Sie ein Taggbox-Konto

  • Nutze den Taggbox-Website und melden Sie sich an. Wenn Sie neu auf der Plattform sind, registrieren Sie sich. 
Erstellen Sie ein Taggbox-Konto
  • Bestätigen Sie Ihr Konto, wenn Sie sich nicht bei Google angemeldet haben.
Überprüfen Sie Ihr Konto
  • Wählen Sie aus den angegebenen Optionen „Social Feeds auf der Website“ aus.
Wählen Sie Social Feeds auf der Website
  • Melden Sie sich bei Ihrem Konto an, falls Sie bereits eines haben. 

Schritt 2: Zur Inhaltsgalerie gehen 

  • Wählen Sie im Inhaltsbereich links Instagram als Quellnetzwerk aus.
Wählen Sie Instagram als Ihr soziales Netzwerk
  • Wählen Sie „Stories“ als Verbindungstyp. 
Wählen Sie „Stories“ als Verbindungstyp.
  • Klicken Sie auf „Feed erstellen“. 
Erstellen Sie Ihren Instagram-Feed
  • Sie sehen jetzt Ihren Inhalts-Feed, in dem Sie den Inhalt nach Ihren Wünschen moderieren können. 

Schritt 3: Gehen Sie zum Abschnitt „Veröffentlichen“ 

  • Klicken Sie in der linken Seitenleiste auf „Veröffentlichen“. 
  • Wählen Sie das Thema aus, passen Sie den Feed an und fügen Sie bei Bedarf eine Call-to-Action-Schaltfläche hinzu.
Veröffentlichen Sie den Feed
Code zum Einbetten generieren

Hinweis: Sie können die Live-Vorschau Ihrer Instagram Stories-Galerie auch überprüfen, indem Sie auf die Schaltfläche „Vorschau“ klicken. 

  • Melden Sie sich bei Ihrem WordPress an
  • Wählen und bearbeiten Sie die Seite, auf der Sie das Widget einbetten möchten, und wenden Sie die Änderungen an, um es auf Ihrer Website anzuzeigen.
  • Klicken Sie auf (+), um einen neuen Block hinzuzufügen und wählen Sie benutzerdefiniertes HTML
  • Fügen Sie den kopierten Code ein
  • Klicken Sie auf „Beitrag veröffentlichen/aktualisieren“ und Sie sind fertig
Binden Sie Instagram Stories auf Ihrer Website ein (ohne Programmierung!)

Besucher fesseln. Vertrauen aufbauen. Klicks generieren.

Instagram-Feed-Vorschau
TikTok-Symbol

Fügen Sie Instagram-Stories zu Ihren Website-Erstellungsplattformen hinzu

Befolgen Sie diese Schritte, um Instagram-Stories auf den von Ihnen gewählten Website-Erstellungsplattformen anzuzeigen, darunter HTML, WordPress, Shopify, Wix, Squarespace und mehr.

Wie fügt man Instagram-Stories zu HTML hinzu?

1. Wählen Sie HTML als Plattform zum Erstellen Ihrer Website und kopieren Sie den generierten Einbettungscode.

2. Melden Sie sich jetzt bei Ihrer HTML-Website an und öffnen Sie die Seite, auf der Sie Storys einbetten möchten.

3. Fügen Sie den generierten Einbettungscode auf der Webseite ein, auf der das Instagram-Story-Widget erscheinen soll, und speichern Sie die Änderungen.

Sie haben erfolgreich Geschichten in eine HTML-Website eingebettet

Wie fügt man Instagram-Stories in WordPress hinzu?

1. Wählen Sie WordPress als Plattform zum Erstellen Ihrer Website und kopieren Sie den generierten Einbettungscode.

2. Melden Sie sich bei Ihrer Website an. Wählen Sie dann die Webseite aus und bearbeiten Sie sie, auf der Sie Instagram-Storys einbetten möchten.

3. Wählen Sie im Dashboard des WordPress 5.0-Editors den Abschnitt „Seiten > Neue Seite hinzufügen“ aus.

4. Klicken Sie erneut auf die Schaltfläche + und wählen Sie die Option „Benutzerdefiniertes HTML“.

5. Fügen Sie den kopierten Code in den Editorbereich von WordPress ein und wenden Sie die Änderungen an, um Instagram-Storys auf Ihrer WordPress-Website anzuzeigen.

Lesen Sie mehr: Instagram-Feed in WordPress einbetten

Wie fügt man Instagram-Stories zu einer Shopify-Website hinzu?

Und nicht zuletzt ist Shopify die beste Plattform für ein E-Commerce-Unternehmen und viele kleine und große Marken nutzen sie.

1. Melden Sie sich bei Ihrem Shopify-Konto an und klicken Sie im Abschnitt „Vertriebskanäle“ auf „Online-Shop“. 

2. Wählen Sie die Option „Designs“ aus der Dropdown-Liste in der Seitenleiste.

3. Klicken Sie auf die Aktionsschaltfläche auf der rechten Seite des Bildschirms. Wählen Sie „Code bearbeiten“ aus der Dropdown-Liste.

4. Wählen Sie Layout/Vorlagen/Abschnitt aus, wo Sie Ihre Instagram-Storys auf der Website anzeigen möchten.

5. Fügen Sie den kopierten Code von Taggbox ein und klicken Sie auf Speichern.

Lesen Sie mehr: Instagram-Feed in Shopify-Websites einbetten.

Checkliste zur Leistungsfähigkeit der Taggbox-Plattform für Marken

Kategorie FrageTaggbox-UnterstützungDetails
Einbettung und Anpassung von InhaltenUnterstützt Ihre Plattform speziell das Einbetten von Instagram-Stories, nicht nur von Posts oder Reels?✅ jaTaggbox ermöglicht das Einbetten von Instagram-Stories neben Posts und Reels.
Wie funktioniert die Einbettung? (iframe, JavaScript-Widget, etc.)✅ jaEinbettungen werden über JavaScript-Widgets bereitgestellt, die mit verschiedenen Plattformen kompatibel sind.
Kann ich das Erscheinungsbild (Farben, Schriftarten, Layout) der eingebetteten Storys an meine Marke anpassen?✅ jaBietet erweiterte Anpassungsoptionen, einschließlich Themen, Layouts und CSS-Styling.
Kann ich Stories in Echtzeit anzeigen (sobald sie gepostet werden) oder muss ich sie manuell hochladen?✅ jaUnterstützt Echtzeit-Updates durch direkte Verbindung mit Ihrem Instagram-Konto.
Kann ich planen oder kuratieren, welche Storys erscheinen (z. B. durch Hashtags, Highlights oder Filter)?✅ jaErmöglicht die Aggregation nach Hashtags und Handles und bietet Moderationsfunktionen für die Kuratierung.
Analyse und BerichterstattungWelche Engagement-Daten verfolgen Sie zu den eingebetteten Storys (z. B. Ansichten, Klicks, Swipe-Interaktionen)?✅ jaVerfolgt Kennzahlen wie Klicks, Ansichten und Interaktionen in Echtzeit.
Unterstützen Sie die Integration mit Google Analytics oder Meta Pixel für erweitertes Tracking?✅ jaUnterstützt die Integration mit Google Analytics für erweitertes Tracking.
Kann ich CTA-Klicks verfolgen (z. B. „Jetzt einkaufen“-Links in Storys)?✅ jaVerfolgt Klicks und Interaktionen auf Beiträge, einschließlich CTA-Engagements.
Stellen Sie ein zentrales Analyse-Dashboard bereit?✅ jaBietet ein zentrales Dashboard mit wichtigen Erkenntnissen und Kennzahlen.
Wie lange werden Story-Daten gespeichert?✅ jaEs gibt Richtlinien zur Datenaufbewahrung, die genaue Dauer wird jedoch nicht öffentlich bekannt gegeben.
Integration und KompatibilitätIst Ihr Tool mit allen Website-Plattformen kompatibel (z. B. WordPress, Shopify, benutzerdefiniertes HTML)?✅ jaKompatibel mit Plattformen wie WordPress, Shopify, HTML, Wix und mehr.
Funktioniert es auf Mobilgeräten und Desktops? Ist es responsiv?✅ jaWidgets reagieren vollständig und passen sich an verschiedene Bildschirmgrößen an.
Kann ich es in meine mobile App integrieren?✅ jaObwohl der Schwerpunkt hauptsächlich auf dem Web liegt, ist die Integration in mobile Apps über Webansichten möglich.
Datenschutz und BerechtigungenBenötigen Sie zum Abrufen von Stories eine Instagram-Anmeldung oder einen API-Zugriff?✅ jaZum Abrufen von Stories ist eine sichere Authentifizierung mit Ihrem Instagram-Konto erforderlich.
Ist Ihre Lösung DSGVO-konform?✅ jaTaggbox hält sich an die DSGVO-Vorschriften und gewährleistet Datenschutz und -sicherheit.
Welche Berechtigungen benötigen Sie von meinem Instagram-Konto?✅ jaBenötigt Berechtigungen zum Zugriff auf und zur Zusammenstellung von Inhalten aus Ihrem Instagram-Konto.
Preise & PläneWelche Preisstufen gibt es? Gibt es Beschränkungen hinsichtlich der Anzahl der Storys, Ansichten oder Einbettungen?✅ jaBietet verschiedene Preisstufen mit unterschiedlichen Beschränkungen für Widgets, Quellen und Ansichten.
Fallen zusätzliche Gebühren für Analysen, Anpassungen oder Support an?✅ jaErweiterte Funktionen sind möglicherweise in höherstufigen Plänen verfügbar.
Bieten Sie eine kostenlose Test- oder Demophase an?✅ jaBietet eine 14-tägige kostenlose Testversion ohne Kreditkarte.
Unterstützu & WartungWelche Art von Support ist verfügbar (Live-Chat, E-Mail, Telefon)?✅ jaBietet rund um die Uhr Kundensupport über verschiedene Kanäle.
Bieten Sie Onboarding oder technische Unterstützung an?✅ jaBietet Onboarding-Ressourcen und technische Unterstützung.
Wie hoch ist Ihre Betriebszeit und Ihr SLA für gehostete Inhalte?✅ jaSpezifische SLA-Details werden nicht öffentlich bekannt gegeben; eine direkte Anfrage wird empfohlen.

Das wegnehmen:

Kurz gesagt: Durch die Einbettung von Instagram-Stories auf Ihrer Website eröffnen sich Ihnen vielfältige Möglichkeiten und Vorteile für Ihr Unternehmen, darunter eine stärkere Einbindung des Publikums, eine höhere Markenbekanntheit, der Aufbau von Vertrauen und Loyalität, eine Steigerung von Conversions und Verkäufen usw.