So fügen Sie einen Twitter-Feed zu Squarespace hinzu – ganz ohne Programmierung

X, früher bekannt als Twitter, hat laut Exploding Topics rund 611 Millionen aktive Nutzer pro Monat. Fast 80 % der X-Nutzer sind wirtschaftlich aktiv. Das bringt uns zum nächsten Punkt: Wirtschaftlich aktive Nutzer tätigen eher einen Kauf, was bedeutet, dass die von Ihnen abgerufenen Inhalte für Menschen mit verfügbarem Einkommen relevant sind. 

Weshalb Hinzufügen eines Twitter-Feeds Die Einbettung von Twitter-Feeds in Websites ist zu einem relevanten Trend in der Branche geworden. In diesem Blog stellen wir verschiedene Methoden zum Einbetten von Twitter-Feeds in Websites und erweiterte Optionen im Twitter-Widget vor. Lassen Sie uns also ohne Zeitverlust darauf eingehen. 

Verschiedene Möglichkeiten zum Hinzufügen eines Twitter-Feeds auf der Squarespace-Website 

Hier sind einige Möglichkeiten, Twitter-Feeds auf einer Squarespace-Website anzuzeigen: 

a.) Verwenden des nativen Embed-Codes von Twitter

Squarespace verfügt nicht über einen integrierten Twitter-Feed-Block für die direkte Twitter-Integration. Dies ist auf die jüngsten Änderungen an der Twitter-API zurückzuführen. Twitter bietet derzeit ein kostenloses Tool zum Generieren eines Einbettungscodes für Ihr Profil, Ihren Hashtag oder Ihre Liste an.

So können Sie es machen: 

1. Bearbeiten Sie Ihre Seite/Ihren Beitrag 

• Gehen Sie zu der Seite, auf der Sie auf Twitter posten möchten. 
• Klicken Sie auf „Block hinzufügen“ (oder einen Einfügepunkt) und wählen Sie „Einbetten“ aus.

2. Verwenden Sie das Embed-Tool von Twitter 

• Besuchen Sie https://publish.twitter.com/
• Geben Sie die URL des Twitter-Inhalts ein, den Sie anzeigen möchten (dies kann Ihr Profil, eine Liste, ein bestimmter Hashtag oder ein einzelner Beitrag sein).

3. Passen Sie den Feed an 

• Passen Sie die Anzeigeoptionen wie Farbe und Größe an. 

4. Kopieren Sie den Einbettungscode 

• Klicken Sie auf der Twitter-Seite auf den Kopiercode. 

5. In Squarespace einfügen

• Klicken Sie in Ihrem Squarespace-Einbettungsblock auf Code-Snippet (oder Code in der App).
• Fügen Sie den Einbettungscode ein.
• Speichern Sie Ihre Änderungen.

Hinweis: Mit dieser Einbettungsoption können Sie Ihre Twitter-Feeds nicht automatisch aktualisieren. Wenn Sie den Twitter-Feed auf Ihrer Website ändern möchten, müssen Sie den Vorgang wiederholen. 

Verwendung eines Drittanbieter-Widgets Tagembed (mit Schritten)

Die Verwendung eines Drittanbieter-Tools wie Tagembed Dies ist eine der besten Möglichkeiten, einen Twitter-Feed auf der Squarespace-Website hinzuzufügen. Sehen Sie sich die einzelnen Schritte an: 

1. Ein ... kreieren Tagembed Konto 

Wenn Sie ein neuer Benutzer sind, erstellen Sie ein Konto. Tagembed und erhalten Sie ein kostenloses Exemplar. Bestehende Nutzer können sich einfach auf der Plattform anmelden,

Es erscheint ein Fenster mit drei Optionen. Klicken Sie auf „Social Feeds auf Websites“.

Geben Sie alle erforderlichen Informationen ein und bestätigen Sie Ihre E-Mail-Adresse. 

2. Sammeln Sie das Futter 

• Das Dialogfeld „Quellnetzwerk auswählen“ wird angezeigt. Wählen Sie „Twitter“ als Inhaltsquelle.

• Wählen Sie aus den folgenden Optionen Ihren bevorzugten Feedtyp aus. 

1. Handle
2. Hashtag
3. Mentions
4. Erweitert 

Klicken Sie auf die Schaltfläche „Feed erstellen“.

Hier wird Ihr Twitter-Feed erstellt. Sie können den Feed nach Ihren Wünschen moderieren.

Klicken Sie auf die Registerkarte „Anpassung“, um Schriftarten, Farbschemata und mehr anzupassen und so die visuelle Attraktivität der Galerie zu verbessern.

3. Betten Sie den Twitter-Feed ein 

• Klicken Sie auf die Option „Veröffentlichen“, wählen Sie „Website“ aus dem Dropdown-Menü und geben Sie Ihrem Kanal einen Namen. 

• Wählen Sie im Reiter „Design“ ein Layout für Ihre Galerie aus. Klicken Sie auf „Code generieren“. Wählen Sie den passenden „Galerietyp“ und die Plattform Ihrer Website aus. 

• Melden Sie sich bei Ihrem Squarespace-Konto an und öffnen Sie die Seite, auf der Sie das Widget einbetten möchten

• Klicken Sie auf +Block hinzufügen/bearbeiten und wählen Sie Code aus

• Fügen Sie den kopierten Code ein und klicken Sie auf „Übernehmen“.

Erweiterte Anpassungsoptionen in den Widgets

Tagembed ist eine der besten Social-Media-Aggregator-Plattformen, die es Nutzern ermöglicht, Twitter-Feeds in ihre Website einzubetten. Neben Twitter, Tagembed können auch aggregierter Inhalt von Plattformen wie Twitter, Instagram, TikTok, Bluesky und anderen. Eine der bewundernswertesten Eigenschaften von Tagembed Seine Anpassungsfähigkeit ist seine Stärke. 

Nutzer können jeden Aspekt ihres Twitter-Feeds auf der Squarespace-Website individuell anpassen. Werfen wir einen Blick auf die Anpassungsfunktionen. Tagembed. 

a.) Mehrere Layouts und Themen 

Tagembed bietet eine Vielzahl von Layouts und Designs, mit denen Nutzer ihren Twitter-Feed optisch ansprechend präsentieren können. Zu diesen Layouts gehören Karussell, Raster, Liste und mehr. Dies hilft Nutzern, das grundlegende Erscheinungsbild ihres Twitter-Feeds auf der Website zu verwalten und zu personalisieren. 

b.) Schriftart- und Textanpassung 

Tagembed Ermöglicht es Nutzern, Schriftart und Textformatierung im Widget zu ändern. So können sie sicherstellen, dass Schriftart und Text zum Corporate Design passen. Nutzer können Textgröße und -ausrichtung anpassen, um die Lesbarkeit im Twitter-Widget zu verbessern. 

c.) Filterung und Moderation 

Tagembed ermöglicht Ihnen die volle Kontrolle über die in Ihrem angezeigten Inhalte Twitter-Widget, wodurch sichergestellt wird, dass der Inhalt der Marke entspricht. Mit der Inhaltsmoderationsfunktion können Sie Inhalte entfernen, die hasserfüllt erscheinen und nicht zur Markenidentität passen. 

d.) Benutzerdefiniertes CSS 

Tagembed bietet die Möglichkeit, benutzerdefiniertes CSS hinzuzufügen, um das Erscheinungsbild anzupassen eingebettete Social-Media-Feeds. Mit dieser Funktion können Benutzer mit Programmierkenntnissen das Design über die standardmäßigen Anpassungsoptionen der Plattform hinaus optimieren.

Arten von Twitter-Themen und -Layouts, die Sie Ihrer Squarespace-Website hinzufügen 

Hier sind einige der Twitter-Feeds, die Sie Ihrer Squarespace-Website hinzufügen können. 

1. Live-Hashtag-Feed

Twitter-Hashtag-Feed ist eine der besten Möglichkeiten, die Präsenz einer Marke auf einer Website zu präsentieren. Nutzer können damit ihren Echtzeit-Stream von Twitter-Inhalten mit einem bestimmten Hashtag anzeigen. Dieser Live-Twitter-Hashtag-Feed hebt Kampagnenereignisse oder bestimmte Trendthemen im Zusammenhang mit der Marke hervor. 

2. Twitter-Karussell-Feed 

Mit dem Twitter-Karussell-Feed können Nutzer Tweets auf ihrer Website in einem rotierenden Format präsentieren. So können Besucher mehrere Beiträge gleichzeitig auf begrenztem Raum sehen. Dies trägt dazu bei, die Website übersichtlich und dynamisch zu halten. 

3. Twitter-Newscard

Ein anderer toller Twitter-Feed-Typ Benutzer können auf ihrer Website die Twitter News Card verwenden. Mit diesem Twitter News Card-Feed können Benutzer Tweets in ein Kartenlayout im Nachrichtenstil einbetten. So können Sie aktuelle Updates, Ankündigungen oder Branchennachrichten direkt auf Ihrer Website hervorheben.

4. Twitter-Raster-Feed 

Twitter Grid als Feed-Typ hilft dabei, Twitter-Feeds übersichtlich darzustellen. Mit seinem mehrspaltigen Rasterlayout ermöglicht es eine bessere Sichtbarkeit der Inhalte auf einmal und sorgt gleichzeitig für ein übersichtliches und modernes Erscheinungsbild. 

5. Twitter Masonry Feed

Twitter Masonry ist ein weiterer Twitter-Feed, der Tweets in einem stilvollen Layout präsentiert, bei dem die Beiträge wie ein Puzzleteil zusammenpassen und so den Platz optimal nutzen. Dadurch entsteht ein optisch ansprechendes Raster. Dieser Feed-Typ eignet sich perfekt für die Präsentation verschiedener Tweet-Typen ohne streng einheitliche Struktur.

6. Twitter-Foto-Widget

Das Twitter-Foto-Widget hilft dabei, Tweets mit Bildern in einem übersichtlichen, bildorientierten Widget hervorzuheben. Dies ist ideal für Marken und Kreative, die visuelle Inhalte aus ihrem Twitter-Feed hervorheben möchten, um ihre Website ansprechender und lebendiger zu gestalten. 

7. Twitter Slider Feed 

Mit dem Twitter Slider können Nutzer Tweets in einem eleganten, automatisch scrollenden Slider-Format präsentieren. Besucher können Beiträge horizontal durchsuchen, ohne die Seite zu überladen. Dies ist eine interaktive Möglichkeit, Inhalte aktuell und ansprechend zu halten.

8. Twitter-Seitenleisten-Feed 

Der Twitter Sidebar-Feed ist eine weitere stilvolle und großartige Möglichkeit, einen vertikalen Twitter-Feed in der Seitenleiste Ihrer Website zu präsentieren, um schnellen Zugriff auf Echtzeit-Updates zu ermöglichen. So bleiben Benutzer beim Navigieren auf Ihrer Website auf dem Laufenden, ohne den Hauptinhaltsbereich zu beanspruchen.

9. Twitter-Einzelbeitrags-Slider-Feed

Der Twitter Single Photo Post Slider Feed ermöglicht es Nutzern, jeweils einen Tweet in einem rotierenden Slider zu präsentieren. Dadurch wird der Fokus auf jeden Beitrag gelenkt und eignet sich ideal für Ankündigungen, Testimonials oder die Hervorhebung wichtiger Updates und zunehmende Twitter-Aktivitäten.

10. Twitter Vivid Feed 

Mit Twitter Vivid Feed können Sie Tweets mit lebendigen, auffälligen Designs und Animationen anzeigen. Das lebendige Layout steigert die visuelle Attraktivität Ihres Twitter-Feeds und sorgt dafür, dass er auf jeder Webseite hervorsticht und Aufmerksamkeit erregt.

Die letzten Anmerkungen 

Die Integration eines Twitter-Feeds in Ihre Squarespace-Website kann die Nutzerinteraktion deutlich steigern und Ihrem Publikum Echtzeit-Inhalte bieten. Dank verschiedener Optionen, von Karussell- und Rasterlayouts bis hin zu Live-Hashtag-Feeds, gibt es für jede Marke den passenden Stil. Mit den Twitter-Feeds auf Squarespace-Websites halten Sie Ihre Website aktuell, verbinden Nutzer effektiver und fördern gezielte Interaktion und Social Proof.