News-Feed Widget

Übersicht

Das News-Feed Widget bringt Staffbase-News in ein individuelles Layout direkt ins Intranet. Statt der Standard-Darstellung gestalten Sie den News-Bereich passend zu Ihrem Corporate Design – mit flexiblen Filtern, personalisierten Inhalten und verschiedenen Ansichtsmodi.

Warum dieses Widget?

Interne Kommunikation scheitert oft an der Sichtbarkeit. Wichtige News gehen in der Informationsflut unter:

• ✅ Volle Designkontrolle: Karten, Magazin, Timeline oder kompakte Liste – Sie wählen das Layout
• ✅ Personalisiert: Jede*r sieht nur berechtigte News – automatisch nach Standort, Abteilung oder Rolle
• ✅ Immer aktuell: Neue Beiträge erscheinen in Echtzeit – ohne manuelles Aktualisieren

Hauptfunktionen

1. Flexible Staffbase-Filter

Nutzen Sie die volle Macht der Staffbase-Filter, um genau die richtigen News anzuzeigen:

• Nach Channel filtern (z.B. nur #unternehmen oder #hr-news)
• Nach Kategorie filtern (Events, HR, IT, Produkt)
• Nach Standort oder Zielgruppe eingrenzen
• Globale News oder Channel-spezifische Beiträge

Jeder Nutzer sieht dabei nur die News, für die er berechtigt ist – die Staffbase-Berechtigungen greifen automatisch.

2. Individuelle Layouts

Wählen Sie aus verschiedenen Darstellungsmodi – je nach Kontext und Zielgruppe:

• Karten-Layout: Klassische News-Karten mit Bild, Titel, Excerpt und Kategorie-Tags
• Magazin-Layout: Hero-Artikel oben, kleinere Beiträge darunter – wie ein Online-Magazin
• Kompakte Liste: Platzsparende Darstellung mit Icons und Filtern – ideal für Seitenleisten
• Timeline: Chronologische Ansicht mit Tages-Gruppierung – perfekt für den Überblick
• Channel-Grid: News nach Channels sortiert in einem übersichtlichen Karten-Raster

3. Echtzeit-Aktualisierung

Der News-Feed aktualisiert sich automatisch, sobald neue Beiträge veröffentlicht werden:

• Automatischer Refresh ohne Seitenreload
• Ungelesene Beiträge werden markiert
• Breaking-News-Banner für Eilmeldungen
• Engagement-Metriken (Likes, Kommentare, Aufrufe)

Ergebnis: Mitarbeitende verpassen keine wichtigen Neuigkeiten mehr.

4. Mobile-optimiert

Der News-Feed ist für alle Bildschirmgrößen optimiert:

• Responsive Kartenansicht auf dem Smartphone
• Touch-optimierte Interaktion
• Featured-Artikel mit Bild-Header
• Kompakte Darstellung für schnelles Scrollen

Typische Anwendungsfälle

📰 Startseite: Unternehmens-News

“Highlight der Woche: Digitalisierungsoffensive – Alle Standorte werden bis Q3 vernetzt”

Die Startseite zeigt die wichtigsten Unternehmensnews im Magazin-Layout – mit Hero-Artikel und sekundären Meldungen darunter.

🏢 Abteilungs-Hub: Gefilterte Channel-News

“#hr-news: Neue Benefits – Deutschlandticket für alle”

Jede Abteilungsseite zeigt nur die News aus dem jeweiligen Channel an – automatisch gefiltert und immer aktuell.

🚨 Breaking News: Live-Ticker

“EILMELDUNG: Vorstand beschließt Erweiterung des Standorts Frankfurt”

Eilmeldungen erscheinen als roter Banner am oberen Rand – mit Live-Kennzeichnung und automatischem Scroll.

📱 Mobile: News für unterwegs

“Hallo Thomas! 3 neue Nachrichten seit deinem letzten Besuch”

Auf dem Smartphone sehen Mitarbeitende ihre personalisierten News in einer mobil-optimierten Kartenansicht.

Integration & Setup

Das News-Feed Widget ist in wenigen Minuten eingerichtet:

1. Widget wählen – Aus der Widget-Galerie hinzufügen
2. Channel/Filter wählen – Staffbase-Channel oder globale News auswählen
3. Layout konfigurieren – Karten, Magazin, Timeline oder Liste
4. Design anpassen – Farben, Schriften und Darstellung konfigurieren
5. Veröffentlichen – Fertig!

Optional: Breaking-News-Banner, Dark Mode oder Engagement-Metriken aktivieren.

Design-Optionen

Ansichtsmodi

• Klassische Karten: News-Karten mit Bild, Titel und Excerpt
• Magazin/Hero: Große Hero-Story mit kleineren Beiträgen darunter
• Kompakte Liste: Platzsparend mit Icons und Kategorie-Filter
• Dark Mode: Für dunkle Themes und Nachtschicht-Monitore
• Channel Grid: News nach Channels in Karten-Raster sortiert
• Timeline: Chronologisch mit Tages-Gruppierung

Anzeigeoptionen

• Kategorie-Tags und Farbcodierung
• Autoren-Avatare und Profilinformationen
• Lesezeit-Angabe
• Engagement-Metriken (Views, Likes, Kommentare)
• Ungelesen-Markierung
• Breaking-News-Banner

Häufige Fragen

Woher kommen die News?

Das Widget greift direkt auf die Staffbase News API zu. Alle veröffentlichten Beiträge in den konfigurierten Channels werden automatisch angezeigt – inklusive der Staffbase-Berechtigungsprüfung.

Kann ich mehrere News-Feeds auf einer Seite haben?

Ja, Sie können mehrere Instanzen mit unterschiedlichen Filtern platzieren – z.B. einen für Unternehmens-News und einen für Abteilungs-News.

Werden die Berechtigungen beachtet?

Ja, das Widget nutzt die Staffbase-Nutzeridentität. Jede*r Mitarbeitende sieht nur News, für die er/sie berechtigt ist – genau wie in der nativen Staffbase-App.

Wie aktuell ist der Feed?

Der Feed aktualisiert sich automatisch alle 60 Sekunden. Neue Beiträge erscheinen ohne manuelles Neuladen. Die Aktualisierungsfrequenz ist konfigurierbar.

Kann ich das Design komplett anpassen?

Ja, alle visuellen Aspekte sind konfigurierbar: Layout, Farben, Schriften, Abstände, Kategorie-Tags und mehr. Das Widget passt sich nahtlos in Ihr Corporate Design ein.

Best Practices

📌 Dos

• Klare Filter setzen: Definieren Sie genau, welche News angezeigt werden sollen
• Layout zum Kontext wählen: Magazin für die Startseite, Liste für die Seitenleiste
• Mobile testen: Die meisten Mitarbeitenden lesen News auf dem Smartphone
• Breaking News sparsam einsetzen: Nur für wirklich wichtige Eilmeldungen

⚠️ Don’ts

• Zu viele News-Feeds auf einer Seite (überfordert die Leser)
• Ohne Filter veröffentlichen (Informationsüberflutung)
• Breaking-News-Banner als Dauerzustand nutzen (verliert die Wirkung)
• Engagement-Metriken deaktivieren (Social Proof motiviert zum Lesen)