PORTAL und PPS Knowledge Base

Veranstaltungsdetailseite

Auf den Veranstaltungsdetailseiten können die jeweiligen Termine beschrieben werden. Auch verschiedene Funktionen sind - je nach Berechtigung - verfügbar. Die Veranstaltungsdetailseite gehört zu den wichtigsten Seitentypen im Veranstaltungskalender und leitet Leser:innen auf weitere für relevante Inhalte weiter.

Funktionalitäten der Veranstaltungsdetailseite

  • Zielseite für die Darstellung von Veranstaltungen

  • Zentrales (SEO-) Durchblutungselement durch das Einbinden von Teasern

  • Integrierte Targetingflächen und Kuration-Slots zur individuellen Befüllung

  • Verwendung von Meta-Tags

Inhaltsverzeichnis

Allgemeine Beschreibung

Veranstaltungsdetailseite - ausgeloggter Zustand

 

Veranstaltungsdetailseite - eingeloggter Zustand mit allen Admin-Funktionen

Auf den Veranstaltungsdetailseiten können die jeweiligen Termine beschrieben werden. Auch verschiedene Funktionen sind – je nach Berechtigung – verfügbar.

Die Veranstaltungsdetailseite gehört zu den wichtigsten Seitentypen im Veranstaltungskalender und leitet Leser:innen auf weitere relevante Inhalte weiter, insbesondere

Standard-Aufbau der Seite

Main (in der Standard-Konfiguration)

  1. Breadcrumb (volle Breite): Home-Icon (mit Verlinkung auf /) → VERANSTALTUNGEN (mit Verlinkung auf /event) → ORT 1 (sofern vorhanden, mit Verlinkung auf /event/[ORT1]) → ORT 2 (sofern vorhanden, mit Verlinkung auf /event/[ORT2]) → KATEGORIE auf /event/[ORT1 oder 2]c-[KATEGORIE])

  2. Targeting-Slot (volle Breite): top

  3. Meta-Zeile (volle Breite) mit Informationen, u. a. Veröffentlichungs- und ggf. Aktualisierungszeitraum, Anzahl der Leser (sofern vorhanden) und die Anzahl der Kommentare & Likes (sofern vorhanden)

  4. H1 (volle Breite)

  5. Autorenteaser (volle Breite)

  6. Social Bar (volle Breite)

  7. Veranstaltungsdetails (volle Breite) inkl. Bild (sofern vorhanden)

  8. Text inklusive Einbettungen (2/3-Breite)

  9. Weitere Bilder der Veranstaltung (2/3-Breite, sofern mehr als 1 Bild vorhanden), öffnet den Foto-Slider

  10. Liken-Funktion (2/3-Breite)

  11. große Profile-Box (2/3-Breite), eine Teaser-Card mit großem Avatar, Links aus Profil, Folgen und Nachricht an Autor:in senden.

  12. Teaser: Weitere Veranstaltungen zu den Themen (2/3-Breite)

  13. Kommentar-Funktion (2/3-Breite)

Aside (in der Standard-Konfiguration)

  1. Globale Suche für VeranstaltungenGlobale Suche für Veranstaltungen(1/3-Breite)

  2. Targeting-Slot (1/3-Breite): content

  3. Teaser: Beliebte Veranstaltungen (1/3-Breite)

  4. Teaser: Neueste Veranstaltungen (1/3-Breite)

Aktuell kein Layout ohne Sidebar vorhanden. <aside> entspricht Sidebar.

Seitenelemente & -blöcke

Element

Beschreibung

Element

Beschreibung

HEADER-START

Start des HTML-<header>-Bereichs in voller Seitenbreite. Enthält u.a. Infoboxen ("Beitrag in Arbeismappe", ...) und das Kontextmenü.

meta

Zeigt den Veröffentlichungs- und ggf. Aktualisierungszeitraum (Date), Anzahl der Leser (Read) und die Anzahl der Kommentare & Likes (Comments) an.

Hinweis:

Kommentar-Icon über Artikel verlinkt nach unten zu den Kommentaren. Gleiches auch beim Counter für “Likes”.

Es werden die Icons für Like und Kommentare erst dann dargestellt, wenn mindestens ein Like oder ein Kommentar abgegeben wurde

block_eventitem_detail_calm_crab_9

 

headline

Dachzeile (kicker) & Überschrift

block_eventitem_detail_white_donkey_59

 

block_eventitem_detail_selfish_mole_98

 

author

Anzeige des Autors mit folgenden Meta-Daten: Avatar (Profilbild + ggf. Segementmarkierung), Name des Autors, Heimatort des Autors.

block_eventitem_detail_funny_lizard_88

 

socialshare

Social Bar

heroimage-and-eventitems

Großen Bild über die ganze Content-Breite + ggf. Anzeige, wie viele Bilder der Beitrag enthält. Erstes Bild des Beitrags.

Die Zeile unter dem Bild enthält eine Bildunterschrift, Vermerk zum Urheber und eine Verlinkung zum Autor, der das Bild hochgeladen hat

block_eventitem_detail_weak_dolphin_50

 

block_eventitem_detail_spotty_wolverine_46

 

HEADER-END

Definiert das Ende des HTML-<header>s.

ASIDE-START

Start des zweigeteilten Bereichs mit der Sidebar. Folgt üblicherweise direkt nach HEADER-END.

block_eventitem_detail_giant_zebra_2

 

text

Text inklusive Einbettungen.

block_article_detail_terrible_termite_77

 

block_eventitem_detail_wicked_puma_41

 

gallery

Bildergalerie, sofern mehrere Bilder am Beitrag hochgeladen wurden.

like

Like-Funktion

author-profile-box-enhanced

Profil-Box mit ausgewählten Informationen und Kontaktfunktionaliäten zu einem bzw. einer bestimmten Benutzer:in

siehe auch: https://peiq.atlassian.net/wiki/spaces/CORE/pages/969211988/user+profile+card+default+-+Profil-Box

block_eventitem_detail_silly_vampirebat_72

 

tags

Teaser Weitere Beiträge zu den Themen.

Zeigt alle Tags an, welche am Beitrag vergeben wurden.

block_eventitem_detail_sweet_seahorse_56

 

comments

Kommentarfunktion

block_eventitem_detail_happy_cow_38

 

ASIDE-END

Ende des zweigeteilten Sidebar-Bereichs.

Algorithmen der Teaser

Weitere Veranstaltungen zu den Themen

  • Schlagwörter der Veranstaltung.

  • Verlinkung auf die nach Schlagwort (Tag) gefilterte Veranstaltungslistseite

Beliebte Veranstaltungen

  • Diejenigen drei Veranstaltungen mit Terminen in der Zukunft in der Kategorie der Veranstaltung (und im Ort der Veranstaltung), welche die meisten Leser:innen aufweisen.

  • Der Teaser erscheint erst, wenn mindestens 6 Veranstaltungen mit Terminen in der Zukunft vorhanden sind.

Neueste Veranstaltungen

  • Diejenigen fünf Veranstaltungen mit aktuellstem Veröffentlichungsdatum (im Ort der Veranstaltung).

Funktionen der Seite

Funktionen im Kontextmenü

Die Funktionen sind rechts oben über das Drei-Punkte-Menü erreichbar. Je nach Berechtigung sind verschiedene Funktionen verfügbar.

  • Veranstaltung bearbeiten: Berechtigte Benutzer:innen das Veranstaltungsformular aufrufen und die Veranstaltung editieren.

  • Veranstaltung zurücklegen: Berechtigte Benutzer:innen können die Veranstaltung in einen Entwurfsmodus zurückstellen.

  • Veranstaltung löschen: Berechtigte Benutzer:innen können die Veranstaltung löschen (unwiderruflich).

  • Bearbeitungsprotokoll: Berechtigte Benutzer:innen können das Bearbeitungsprotokoll aufrufen

  • Diskussion schließen: Berechtigte Benutzer:innen können die Kommentare | Diskussion schließen

  • Exportieren: Berechtigte Benutzer:innen können über das Exportieren-Overlay verschiedene Export-Funktionen ausführen und die Export-Historie vom Export-Logging einsehen.

  • Analyse und Benchmark (sofern Analytics aktiviert): Berechtigte Benutzer:innen können das Veranstaltungscockpit aufrufen.

  • Veranstaltung melden (sofern Inhalt melden aktiviert): Auf den Detailseiten ist eine Melden-Funktion implementiert, welche es ein- und ausgeloggten Benutzer:innen ermöglicht, Inhalte, die gegen die AGB, Netiquette oder aktuelle Gesetzgebung verstoßen an den Betreiber der Seite zu melden.

 

Funktionen in der Profile-Card

Weitere Funktionen auf der Seite

URL-Schema

URL-Muster

Alternative Pfade

URL-Muster

Alternative Pfade

/event/[ORT, sofern vorhanden]/c-[Kategorie]/[H1 normalisiert]_e[ID der Veranstaltung]

  • /event/[ID der Veranstaltung]

  • /event/[ORT, sofern vorhanden]/c-[Kategorie]/[H1 normalisiert]_e[ID der Veranstaltung]?ref=curate, sofern über Kurationsfläche aufgerufen

Meta-Tags

Title, Description & H1

Details zu Title, Description & H1 finden sich hier.

Meta-Tag

Beschreibung

Meta-Tag

Beschreibung

H1

[Überschrift]

description

Die ersten vollständigen Sätze der Veranstaltung, welche im Bereich der ersten 150 bis 250 Zeichen des Textes enden.

title

[Überschrift]

robots-Meta-Tag

Details zum robots-Meta-Tag finden sich hier.

Regel

robots-Meta-Tag

Regel

robots-Meta-Tag

Standard

<meta name="robots" content="all, max-snippet:-1">

Veranstaltung verfügt über ein Bild

<meta name="robots" content="all, max-snippet:-1, max-image-preview:large">

Zeichenzahl Haupttextfeld < 100 Zeichen UND kein Bild

<meta name="robots" content="noindex">

 

Zeichenanzahl Titel < 10 Zeichen UND "Zeichenzahl Text" < 150 Zeichen

 

canonical-Tag

Details zu canonical-Tags finden sich hier. Das canonical-Tag der Beitragsdetailseite zeigt immer auf die sprechende URL (ohne Parameter):

Schema URL

Schema canonical-URL

Schema URL

Schema canonical-URL

https://example.com/event/[Ort, sofern lokalisiert]/c-[Kategorie]/[normalisierte Überschrift]_e[VeranstaltungsID]?ref=curate

https://example.com/event/[Ort, sofern lokalisiert]/c-[Kategorie]/[normalisierte Überschrift]_e[VeranstaltungsID]

https://example.com/event/[VeranstaltungsID]

https://example.com/event/[Ort, sofern lokalisiert]/c-[Kategorie]/[normalisierte Überschrift]_e[VeranstaltungsID]

schema.org-Auszeichnungen

Veranstaltungsdetailseiten werden als itemtyp schema.org/Event ausgezeichnet. Dabei werden folgende Properties ausgewiesen:

Element

itemprop

Veranstaltungstitel

name

Titelbild (soweit vorhanden)

image

URL

mainEntityOfPage

Description

description

Startzeitpunkt

startDate

Endzeitpunkt

endDate

POI / Veranstaltungsadresse

location

POI / Veranstaltungsadresse

location.name

POI / Veranstaltungsadresse

location.address

POI/ Online-Veranstaltung

VirtualLocation

twitter-Card

siehe https://peiq.atlassian.net/wiki/spaces/PUPKB/pages/375062598

og-Tags

Tag

Standard

Tag

Standard

og:title

[Überschrift]

og:type

event

og:image

Bild-URL des ersten Beitragsbildes. Falls kein Bild vorhanden ist, wird das hinterlegte logo-open-graph.png genutzt.

og:image:width

Breite des obigen Bildes

og:image:height

Höhe des obigen Bildes

og:url

Canonische URL des Beitrags (siehe canonical-Tag)

og:site_name

Hinterlegter Portalname.

og:description

Enspricht der description (siehe Title, Description & H1)

Code-Beispiel

Set-up & Konfiguration

Konfigurationsparameter

Beschreibung

Konfigurationsparameter

Beschreibung

Vermarktungsintegration

Kundenspezifische Banner- & Vermarktungsintegration

Kurationsflächen

Kundenspezifische Kurationsflächen

Targeting-Slots

Kundenspezifische Targeting-Slots

Aktivierung der Interaction Bar

Die Interaction Bar bündelt Elemente zum Liken (Like Bar), Teilen (Social Bar) und Melden von Inhalten auf den Detailseiten und kann auf Kundenwunsch hin als alternative Darstellungsvariante dieser Elemente aktiviert werden.

 

Verwandte Seiten