dbh Story_Example

Allgemeines (James Story 2.0 Kickoff)

• Die JAMES Story stellt den klassischen, redaktionellen Content in JAMES dar. Sie kann mit einem Blog-Beitrag oder einem Zeitungsartikel verglichen werden.

• Die Story ist der älteste Content Bestandteil von JAMES und mittlerweile ihn ihrer weiterentwickelten und verbesserten Form als Story 2.0 verfügbar.

• Eine Story besteht immer aus einem Hero Image/Hero Slider, einem Titel, einem Untertitel und frei konfigurierbaren Inhalten im Rich Text Editor (siehe Punkte “Darstellung” & “Step-by-Step Guide”).

• Die Story ermöglicht verschiedenste Formatierung- und Gestaltungsoptionen im Rich Text. Mehr dazu unter dem Punkt „Formatierungs- und Gestaltungsoptionen im Überblick“ weiter unten im Artikel. 

• Die Story wird auf JAMES Web & der native JAMES App unterstützt.

• Stories können geliked (wichtig für die Recommendation Ausspielung in dynamischen Grids) und gespeichert werden („Save/Favorite“ Funktion) – Funktion verfügbar auf JAMES Web, JAMES iOS & JAMES Android.

• Stories können auf der JAMES iOS & JAMES Android App auch mit Freunden geteilt werden (Share Funktion).

Formatierungs- und Gestaltungsoptionen im Überblick:

Im Rich Text der Stories werden die folgenden Formatierungsoptionen unterstützt:

• Fünf verschiedene Überschriften (H1-H5)

• Fett gedruckter, kursiver und unterstrichener Text (und alles in Kombination)

• Aufzählungszeichen (Punkte und Nummern) in mehreren Ebenen

• Normaler Fließtext

Im Rich Text der Stories werden die folgenden Link-Optionen zu internen und externen Seiten (via URL), Produkten, Service Providern, Static Content Pages, anderen Stories (via Entry) oder zu PDFs (via Asset) unterstützt:

• Allgemeine Hyperlinks

• Inline Hyperlinks, d.h. Hyperlinks welche innerhalb einer Textzeile dargestellt werden.

• Call to Action Button (eigenes Widget – mehr Informationen dazu im Artikel “Call to Action Button”)

Im Rich Text der Stories werden in der Web-Ansicht (nur am Desktop) die folgenden Layout-/Spalten-Optionen für Texte und Bilder (oder eine Kombination) unterstützt. In der mobilen Webversion und/oder der nativen App werden die Inhalte jeweils untereinander platziert dargestellt:

sit amet, consetetur

Stet clita kasd gubergren

Lorem ipsum dolor

Für die erfolgreiche Konfiguration einer Story werden folgende Felder befüllt:

• Title*:

   

  Der eingegebene Titel wird als Story-Titel im Frontend angezeigt.

• Sub Title*:

   

  Der eingegebene Sub Titel wird als Zusatz unter dem Titel in der Story selbst, sowie in Grids angezeigt.

• SEO Slug*:

   

  Der SEO Slug wird automatisch generiert, basierend auf dem Feld „Title“.

• Excerpt*:

   

  Das Excerpt kann maximal 160 Zeichen enthalten und fasst die Essenz der Story kurz zusammen. Es wird in Grids des Layouts „Big“ angezeigt. Das Excerpt wird außerdem für die SEO-Meta-Beschreibung verwendet. In der Story selbst wird das Excerpt nicht ausgespielt.

• Hero Assets:

   

  Hier können bereits bestehende oder neue Bilder (Media Assets) hinzugefügt werden. Wird nur ein Media Asset hinzugefügt, handelt es sich um ein Single Hero Asset, welches immer angezeigt wird. Werden mehrere Media Assets hochgeladen, kann der Gast mit Hilfe eines Sliders zwischen den einzelnen Bildern navigieren. Im Gegensatz zur Static Content Page wir bei einer Story nie ein Titel auf den Hero Assets abgebildet.

• Cover Images (deprecated)*: Dieses Feld ist veraltet und wird in Zukunft entfernt. Momentan wird das hier referenzierte Bild (Asset) allerdings als Vorschaubild einer Story bei Verwendung in einem Static Content Grid oder Dynamic Content Grid angezeigt. Daher referenzieren Sie in diesem Feld für den Moment am besten das selbe Bild, welches Sie als Startbild im Feld “Hero Assets” gewählt haben.

  • Sollten Bilder in den Feldern “Hero Assets” und “Cover Images” referenziert sein, so werden die Bilder aus dem Feld “Hero Assets” als Hero Images einer Story angezeigt und die Bilder aus dem Feld “Cover Images” als Vorschaubild in Grids verwendet.

• Content*:

   

  In diesem Feld kann beliebiger Inhalt in einem Rich Text Editor eingefügt werden. Innerhalb dieses Feldes werden sämtliche oben beschriebene, aktuell verfügbare Formatierungs-, Gestaltungs- und Einbettungsfunktionen unterstützt.

• Location (X):

   

  Das Feld wird momentan nicht verwendet. Der ursprüngliche Verwendungszweck hinter dem Feld war es, Stories auch in der Map anzuzeigen zu können. Dies wird aber nicht von JAMES Maps unterstützt und ist auch kein geplantes Feature, da es zu keiner guten UX für den Gast führen würde. Es könnte allerdings sein, dass das Feld in der Zukunft eine andere Bedeutung bekommt, daher kann bei Belieben auch gerne gleich eine Location konfiguriert werden – muss aber nicht.

• Regions:

   

  Hier werden alle für die Story relevanten Regionen referenziert. Unter relevant wird verstanden, dass eine Story z.B. von einer spezifischen Region erzählt. Es wird empfohlen zumindest eine oder im Idealfall mehrere Regionen auszuwählen, da diese für die Filterung mittels „Discover Filter Bar“, sowie für die Erstellung von dynamischen Grids herangezogen werden. Regionen werden nicht in Contentful erstellt, sondern werden von MyServices angelegt und müssen nur noch verlinkt werden.

• Customer Segments:

   

  Dieses Feld wird für die Interessens-basierte Ausspielung von Inhalten in JAMES verwendet. Die Customer Segment Tags müssen mit jenen aus Braze übereinstimmen.

• Story Categories:

   

  Hier werden alle, für eine Story relevanten,

   

  Story Categories

   

  erstellt und/oder referenziert. Es wird empfohlen zumindest eine oder im Idealfall mehrere passende

   

  Story Categories

   

  auszuwählen, da diese für die Filterung mittels „Discover Filter Bar“, sowie für die Erstellung von Dynamischen Grids herangezogen werden. Sollte noch keine passende

   

  Story

   

  Category bestehen, kann diese über das Content Model

   

  Story Category

   

  erstellt werden.

• Die Konfiguration der

   

  Story Category

   

  wird in Contentful durchgeführt. Mit einem Klick auf “+” können die Konfigurationsdetails der

   

  Story Category

   

  eingesehen werden.

Content > Content Types > Story CategoryFür die erfolgreiche Konfiguration der Story Category werden folgende Felder befüllt: Title*: Der eingegebene Text wird als Titel der Story Category herangezogen und im Frontend als Kategorie Option in der „Discover Filter Bar“ angezeigt. SEO Slug*: Der SEO Slug wird automatisch generiert, basierend auf dem Feld „Title”. Er wird z.B.: für die “See all” Seite des Category Grids (Mehr Informationen im Artikel “Category Grid”) benötigt. Image: Es kann ein beliebiges Bild (Media Asset) hochgeladen werden, welches in weiterer Folge für die Anzeige im Category Grid benötigt wird. Mehr Informationen dazu finden Sie im Artikel „Category Grid“ (folgt in Kürze). 

• Variants (X):

   

  Dieses Feature wird momentan nicht verwendet. Der Ursprüngliche Verwendungszweck galt A/B-Tests. Bitte lassen Sie dieses Feld leer.

• Start Advertising Date:

   

  Mithilfe dieses Feldes kann festgelegt werden, ab wann die Story im JAMES Frontend angezeigt werden soll. Tragen Sie hier das Datum ein, ab dem die Story (sofern „gepublisht“) im Frontend aufscheinen soll. Wird das Feld leergelassen, so wird davon ausgegangen, dass die Story jederzeit beworben und somit veröffentlicht werden kann. Daher wird sie im Falle eines nicht befüllten “Start Advertising Dates” und dem Status “published” direkt nach Klick auf “publish” im Frontend angezeigt. Soll eine Story nicht im Frontend aufscheinen, so benötigt sie also ein “Start Advertising Date” in der Zukunft oder den Status “Draft” / “Archived”.

• Start Event Date:

   

  Mithilfe dieser Datumsauswahl kann festgelegt werden, wann der Story-Inhalt (Produkt, Event, Ticket, etc.) relevant bzw. gültig ist. Es wird empfohlen immer einen präzisen Zeitrahmen zu setzen, da dieser für die Filterung mittels „Discover Filter Bar“ verwendet wird.

• End Event Date: Mithilfe dieser Datumsauswahl kann festgelegt werden, bis wann der Story-Inhalt (Produkt, Event, Ticket, etc.) relevant bzw. gültig ist. Es wird empfohlen immer einen präzisen Zeitrahmen zu setzen, da dieser für die Filterung mittels „Discover Filter Bar“ verwendet wird.

  • WICHTG: Bei Erreichen des „End Event Dates“ wird die Story NICHT automatisch unpublisht bzw. von der Frontend Ansicht entfernt. Dies muss manuell bzw. über das Contentful „Set Schedule“ Tool gemacht werden.

• Hidden In: Es besteht die Möglichkeit eine Story in den „See All“ Link Seiten der Grids und/oder in den Empfehlungen (Dynamic Content Grid, Filter Engine “Recommendation”) zu verstecken.

  • Dieses Feature ist momentan nur auf JAMES iOS & JAMES Android verfügbar.

  • Eine generelle Überarbeitung und Ausweitung des Features auf mehrere „hidden-in“ Optionen (z.B. Map) sowie alle JAMES Plattformen (Native App & Web) ist für die Zukunft geplant.

• Excluded From (deprecated) (X):

   

  Dieses Eingabefeld ist veraltet und kann leergelassen werden. Es wurde durch das Feld “Channels” ersetzt.

• Channels*: Wählen Sie den zutreffenden Content Channel für ihre JAMES Installation aus. Die Channels variieren von Kunden-Space zu Kunden-Space. Bei Kunden mit nativer App unterteilen sich die Channels aber meist in:

  • “Kundenumgebung Web”

  • “Kundenumgebung iOS”

  • “Kundenumgebung Android”

  • Bei White Label Shops (WLS) wird meist zwischen den einzelnen WLS Shops eines Marktplatzes unterschieden

• Meta Titel:

   

  SEO-Thema. Wird in einem separaten Artikel behandelt.

• Meta Description:

   

  SEO-Thema. Wird in einem separaten Artikel behandelt.

• Keywords:

   

  SEO-Thema. Wird in einem separaten Artikel behandelt.

• No Index:

   

  SEO-Thema. Wird in einem separaten Artikel behandelt.

• Canonical:

   

  SEO-Thema. Wird in einem separaten Artikel behandelt.

• SchemaOrg Annotation:

   

  Feature in Neuplanung. Feld bitte leer lassen.

• User Targeted Content Segments (X):

   

  Hierbei handelt es sich um ein neues Feature, welches noch nicht verfügbar ist. Bitte lassen Sie das Feld leer.

Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.

Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis.