Zum Hauptinhalt springen

v0 Hero-Slider: Quellen (manual, DOOH, News)

Was

Startseiten-Hero-Slider für individuelle v0-Websites (websiteTemplate null/default) können aus drei Körben kommen — nicht nur aus hardcodierten Bildern im Frontend.

Warum

Redaktion und Vertrieb (KAM) pflegen Inhalte an unterschiedlichen Stellen. Agenten und v0 sollen wissen: „Slider anpassen“ kann Webseiten → Hero-Slider, Digital Experience → DOOH oder Content → News bedeuten.

Wer ist betroffen

  • Redaktion, Center-Betrieb, KAM-Vertretung im Urlaub
  • v0-Entwicklung, MCP/AgencyOS-Agenten

Wo im Cockpit

QuellePfadSpeicher
Manuelle SlidesWebseiten → Hero-Slider (v0)templateContent.base.hero.slides[]
News automatischGleicher Reiter: News-Highlights im SlidertemplateContent.base.hero.includeNewsSlides
DOOH-PlaylistDigital Experience → DOOH Videodooh_playlist / Items
News HighlightContent → News → Als Highlight markierennews.featured / news.isHeroFeatured

Öffentlich lesen (v0)

GET /api/centers/{centerId}/public-visitor-surface
→ data.hero.slides[]

Jeder Slide (aufgelöst):

FeldBedeutung
sourcemanual | dooh | news
kindimage | video | dooh-inline
imageDesktop / videoUrlMedien-URL
aspectRatioz. B. 1/1 (Square), 16/9, 9/16
doohPlaylistSlug + doohItemsNur bei kind: dooh-inline@mall-os/ui DoohSlot
durationSecondsAnzeigedauer (DOOH-Item)
newsIdReferenz auf News-Eintrag

DOOH direkt (ohne Hero-Konfig):

  • data.apiHints.doohPublicPlaylistsListGet
  • data.apiHints.doohPublicPlaylistBySlugGet?slug=…
  • Playlist-Metadaten: slotAspectRatio (16/9, 4/3, 1/1, 9/16)

DOOH-Wiedergabe im Slider

Cockpit-Einstellungv0-Verhalten
doohPlayback: expand (Standard)Jedes VIDEO/IMAGE der Playlist = eigener Hero-Slide
doohPlayback: inlineEin Slide, kind: dooh-inline, alle Items in doohItems — Player spielt nacheinander (DoohSlot)

Ohne expand laufen mehrere Playlist-Videos in einem Slide hintereinander — für Website-Slider oft ungewollt.

Agenten: Urlaubsvertretung

Typische Anfrage: „Kollege im Urlaub — Hero-Slider auf der Startseite ändern.“

  1. cockpit_get_center_website_config → Reiter base-hero-slider, Feld templateContent.base.hero
  2. Wenn leer oder unverändert: DOOH prüfen (/dooh/playlists, Slug z. B. website-hero, idle)
  3. News prüfen: featured / isHeroFeatured, heroVideoUrl, image
  4. Öffentlich verifizieren: GET public-visitor-surfacedata.hero.slides

News-Highlight setzen: Content → News bearbeiten → „Als Highlight markieren“ oder AgencyOS isHeroFeatured: true.

DOOH-Video tauschen: Digital Experience → DOOH → Playlist-Item ersetzen (kein v0-Deploy nötig, wenn v0 aus Surface liest).

So testen

  1. Center ohne Template, Website aktiv
  2. DOOH-Playlist mit Square-Format (slotAspectRatio: 1/1) und einem VIDEO
  3. Hero-Slider: Slide Quelle DOOH, Wiedergabe expand
  4. GET public-visitor-surface → Slide source: dooh, kind: video
  5. News mit Highlight + includeNewsSlides: true → zusätzliche Slides source: news

Nutzungsstatistik: Seitenaufrufe werden anonymisiert erfasst. Im Umami-Dashboard nach diesem Pfad filtern: /developer-guide/v0-hero-slider-quellen