PORTAL und PPS Knowledge Base

Foto-Slider

Der Foto-Slider wird beim Öffnen von Einzelbildern und Bildergalerien aufgerufen. Er öffnet sich als Overlay zur jeweiligen Inhaltsform und stellt keine eigene Zielseite oder Seitentyp dar. Der Foto-Slider dient dazu, im Nachrichtenportal, im Veranstaltungskalender, im Kleinanzeigenmarkt und im Stellenmarkt, Bilder an einem Inhalt responsiv und mobil swipe-fähig darzustellen.

Funktionalitäten des Foto-Sliders

  • Öffnen und Anzeigen von Einzelbildern oder Bildergalerien

  • Responsive und mobil swipe-fähige Darstellung von Bildern

 

Inhaltsverzeichnis

Allgemeine Beschreibung

Der Foto-Slider erscheint beim Öffnen in einer Lightbox, in welcher die Bilder angezeigt werden. Diese können durch Swipen (Pfeiltasten oder auf mobilen Endgeräten mit dem Finger rechts/links wischen sowie auf dem Desktop mit der Maus ziehen) oder durch die angezeigten Pfeile durchgesehen werden. Obwohl die Bilder keine eigene Seite haben, können einzelne Bilder anhand der URL verlinkt werden. Durch den Zusatz #gallery=<Galerie>&pid=<Bild-id> am Ende der URL kann ein bestimmtes Bild direkt im Slider geöffnet werden.

Beispiel: Kinder- und Jugendbeirat Meidling: Jugend gestaltet ihr Grätzel

Struktur

Der Foto-Slider ist so aufgebaut, dass oberhalb und unterhalb der Bilder ein Rahmen dargestellt wird. Befindet sich in der Auswahl mehr als ein Bild, werden im Slider rechts und links an den Seiten außerdem Pfeile zum Weiterblättern angezeigt.

Oben links wird die Gesamtmenge der Bilder des Inhalts sowie die Nummer des aktuell ausgewählten Bildes dargestellt. In der rechten oberen Ecke findet sich zudem ein Schließen-Button (Kreuz), mit dem der Slider geschlossen werden kann – der bzw. die Benutzer:in gelangt wieder zurück zur Inhaltsdetailseite. Link vom Schließen-Button (Kreuz) ist die Funktion für das Anzeigen im Vollbildmodus positioniert. Der Vollbildmodus kann über die Esc-Taste wieder beendet werden.

Beispielhafte Ansicht des Foto-Sliders

Am unteren Rahmen wird die Bildunterschrift, der oder die Bildautor:in und der bzw. die Autor:in des Inhalts, welche:r die Bilder hochgeladen hat, dargestellt. Von dem bzw. der Autor:in des Inhalts wird auf die Profilseite verlinkt.

Im Falle des Kleinanzeigen- und Stellenanzeigen-Moduls können die Informationen am unteren Rahmen kundenspezifisch ausgeblendet werden.

Beispiel eines Bildes im Kleinanzeigenmarkt, bei dem der Autor und der Autor, welcher das Bild hochgeladen hat, weg konfiguriert wurde.

Verhalten

Der unter Struktur beschriebene Rahmen wird nach einiger Zeit ausgeblendet und wird wieder eingeblendet, sobald der oder die Benutzer:in eine Swipe-Bewegung anstößt.

Die Bildergalerie endet beim letzten Bild. Nach dem letzten Bild zeigt das System bei Artikeln des Nachrichtenportals und Veranstaltungsbeiträgen des Veranstaltungskalenders einen zusätzlichen Slide mit Empfehlungen an (siehe folgendes Kapitel), wenn entsprechende Inhalte gefunden werden.

Je nach Bildgröße kann der oder die Benutzer:in auch in das Bild hineinzoomen.

Empfehlungen für andere Bildergalerien im Nachrichtenportal und Veranstaltungskalender

Am Ende des Foto-Sliders wird ein zusätzlicher Slide mit Empfehlungen angezeigt. Die Anzahl der Slides weist im Foto-Slider daher immer “+1” auf. Auch wenn ein Inhalt nur ein Bild beinhaltet, wird im Foto-Slider “1/2” und “2/2” angezeigt, da auf dem Slide “2/2” dann die Empfehlungen dargestellt werden.

Empfehlungen im Foto-Slider bei Artikeln:

  • Die Vorschläge werden ab dem ersten Bild ausgespielt.

  • Das Design der Teaser ist dynamisch und passt sich der zur Verfügung stehenden Fläche an.

  • Als Vorschläge werden Bildergalerien (Beiträge mit mind. 6 Bildern) aus der gleichen Rubrik in chronologisch absteigender Reihenfolge dargestellt. Sind für diese Kriterien keine Daten vorhanden, wird kein zusätzlicher Slide ausgespielt, ansonsten werden bis zu 3 Teaser ausgespielt.

 

Beispiele für Empfehlungen im Nachrichtenportal in unterschiedlichen Bildschirmgrößen.

Empfehlungen im Foto-Slider bei Veranstaltungen:

  • Die Vorschläge werden ab dem ersten Bild ausgespielt.

  • Das Design der Teaser ist dynamisch und passt sich der zur Verfügung stehende Fläche an.

  • Als Vorschläge werden Termine aus der gleichen Rubrik in chronologisch absteigender Reihenfolge dargestellt. Sind für diese Kriterien keine Daten vorhanden, wird kein zusätzlicher Slide ausgespielt, ansonsten werden bis zu 3 Teaser ausgespielt.

 

Beispiele für Empfehlungen in Veranstaltungsbeiträgen des Veranstaltungskalenders in unterschiedlichen Bildschirmgrößen.

Vermarktung

Informationen zur Vermarktung im Foto Slider können hier eingesehen werden.

Tracking

Beim Foto-Slider wird die Benutzerinteraktion, also das “Swipen”, getrackt. Dieser Vorgang wird von PEIQ als page-impression an Google Analytics gesendet. Für das ÖWA-Tracking wird der Pfad des Beitrages getracked, in dem sich das Bild oder die Bildergalerie befindet. (z. B. RedCont/Sport/Eishockey o. ä.)

 

Verwandte Seiten

 

Nur für PEIQ-Mitarbeiter:innen
https://peiq.atlassian.net/wiki/x/yIbQAg