Veranstaltungsdetailseite

Nur für PEIQ-Mitarbeiter:innenAuf 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

über die Breadcrumb auf die jeweils relevanten Veranstaltungsmagazin-Seiten
über die Autorenteaser auf die Profilseite des bzw. der Autor:in
über die Teaser Beliebte Veranstaltungen sowie Neueste Veranstaltungen auf weitere Veranstaltungsdetailsseiten
über den Teaser Weitere Veranstaltungen zu den Themen auf die jeweilige nach Schlagwort und ggf. Ort gefilterte Veranstaltungslistseite

Standard-Aufbau der Seite

Main (in der Standard-Konfiguration)

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])
Targeting-Slot (volle Breite): top
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)
H1 (volle Breite)
Autorenteaser (volle Breite)
Social BarSocial Bar(volle Breite)
Veranstaltungsdetails (volle Breite) inkl. Bild (sofern vorhanden)
Text inklusive Einbettungen (2/3-Breite)
Weitere Bilder der Veranstaltung (2/3-Breite, sofern mehr als 1 Bild vorhanden), öffnet den Foto-Slider
Liken-Funktion (2/3-Breite)
große Profile-Box (2/3-Breite), eine Teaser-Card mit großem Avatar, Links aus Profil, Folgen und Nachricht an Autor:in senden.
Teaser: Weitere Veranstaltungen zu den Themen (2/3-Breite)
Kommentar-Funktion (2/3-Breite)

Aside (in der Standard-Konfiguration)

Globale Suche für VeranstaltungenGlobale Suche für Veranstaltungen(1/3-Breite)
Targeting-Slot (1/3-Breite): content
Teaser: Beliebte Veranstaltungen (1/3-Breite)
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

Social Bar
Über die Schaltfläche In Kalender speichern kann ein Termin als .ics-Datei exportiert werden und auf dem Endgerät direkt in den Kalender eingetragen werden.
https://peiq.atlassian.net/wiki/spaces/PUPKB/pages/68093710
https://peiq.atlassian.net/wiki/spaces/PUPKB/pages/68257272
https://peiq.atlassian.net/wiki/spaces/PUPKB/pages/301826265

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.

PORTAL und PPS Knowledge Base