AMP Beitragsdetailseiten

Header

Logo: verlinkt auf die Startseite (je nach Konfiguration des PORTALs auf die globalisierte oder lokalisierte Startseite)

Hamburger-Menü: öffnet die Navigationsleiste (Top-Bar) im Off-Canvas-Bereich. Unabhängig von der Konfiguration im nicht-AMP-PORTAL ist die Top-Bar im Off-Canvas-Bereich immer ein Drill-down-Menü.

Breadcrumb

 siehe https://peiq.atlassian.net/wiki/spaces/PPSD/pages/236060766/Beitragsdetailseite#Breadcrumb

Meta-Zeile

Enthält die in der normalen Beitragsdetailseite definierten Elemente der Meta-Zeile + Autor.

Sind Kommentare vorhanden, ist der entsprechende Icon mit einer Sprungmarke zu den Kommentaren auf der AMP-Seite verlinkt.

Der Autorenname verlinkt auf die Profilseite des Autors auf der nicht-AMP-Seite.

Static Tags

Sofern am Beitrag static tags vergeben wurden (kommerzielle / Premium-Markierung) werden diese zwischen Meta-Zeile und Titel ausgespielt

Titel

Dachzeile (kicker) & Überschrift

Titelbild

Titelbild inkl. Bildunterschrift, Urhebervermerk und “hochgeladen von”. Das Titelbild verlinkt auf die nicht-AMP-Seite inkl. dem im Fotoslider geöffneten Titelbild.

Der Autorenname des Hochladers verlinkt auf die Profilseite des Autors auf der nicht-AMP-Seite.

Beitragstext

BBCode-Auszeichnungen werden auch in der AMP-Variante dargestellt.

Einbettungen externer Inhalte (z. B. Social-Embeds oder Maps) werden als Platzhalter mit Conversion auf die nicht-AMP-Seite ausgegeben (Grund: Zwei-Klick-Lösung mit Platzhalter-Bild wie auf den nicht-AMP-Seiten ist mit AMP nicht möglich). Der Platzhalter enthält einen Hinweis darauf, um welche Einbettung (z. B. Video) es sich handelt.

Intern eingebettete Inhalte werden dargestellt:

• Eingebettetes Beitragsbild: Wird – ähnlich wie das Titelbild – mit dem <amp-img>-Tag eingebunden. Auf den non-AMP-Seiten wird hier immer das Bild im originalen Bildseitenverhältnis ausgegeben. Auf den AMP-Seiten ist das nicht möglich, weil - bevor die Seite geladen wird - deklariert werden muss müssen, wie groß der Slot für das Bild sein soll. D. h. es muss ein festes Bildseitenverhältnis definiert sein. Insb. bei Hochkantbildern sollte zur Vermeidung von Unschönheiten (abgeschnittene Köpfe) der Bildschwerpunkt gesetzt werden - dieser wird auch auf der AMP-Seite berücksichtigt.

• Eingebetteter Beitrag, Schnappschuss und Veranstaltung: wird mit einer für AMP ausgelegten Teaser-Card ausgespielt. Angezeigt werden Bild (sofern vorhanden) sowie Dachzeile und Überschrift. Teaser für Veranstaltungen enthalten zusätzlich Meta-Infos zur Veranstaltung

• Eingebettete Bildergalerie: Eine eingebettete Bildergalerie wird als Teaser-Card ausgespielt, die jener für Beitrag bzw. Veranstaltungen gleicht. Das dynamische Ausspielen mehrerer Bilder als Kacheln wie in der nicht-AMP-Variante ist aufgrund der AMP-Restriktionen aktuell nicht möglich.

Sonderfall Aktionen: Da auf der AMP-Seite keine Interaktion mit der Aktion möglich ist, wird diese - ähnlich wie externe Inhalte – als Platzhalter – dargestellt und enthalten eine Conversion auf die nicht-AMP-Seite.

Einbettungen, die über die Code-Einbetten-Funktion, eingefügt werden, werden für die AMP-Variante aus dem Inhalt geparsed, weil nicht gewährleistet werden kann, dass selbst eingefügter Code auch in AMP funktioniert.

Bildergalerie

Sofern mehrere Bilder am Beitrag hochgeladen wurden, wird im Anschluss an den Beitragstext eine swipebare Bildergalerie eingeblendet.

Die Bildergalerie startet bei Bild 2 (da Bild 1 im Titelbild zu sehen ist) und zeigt die Anzahl der Bilder.

Bei Klick auf das Bild werden die Benutzer:innen auf das im Fotoslider geöffnete Bild auf der nicht-AMP-Beitragsdetailseite gelenkt.

Social Bar

Die AMP-Social-Bar berücksichtigt nicht die Konfigurationsmöglichkeiten der regulärenhttps://peiq.atlassian.net/wiki/spaces/PUPKB/pages/303956405. In der AMP-Variante werden an dieser Stelle immer die Elemente System-Sharing (nur bei Zugriff über Smartphone)/Facebook/Twitter/E-Mail/Whatsapp angezeigt.

Über die Social Bar wird der Link der nicht-AMP-Variante (canonical) geteilt.

Teaser “Weitere Beiträge zu den Themen”

Zeigt alle Themen an, die aufgrund der am Beitrag vergebenen Schlagworte mit dem Beitrag verknüpft sind.

Mit Klick auf ein Schlagwort werden die Benutzer:innen auf die entsprechende (nicht-AMP) Themenseite weitergeleitet.

Kommentare

Es werden immer die neuesten drei Kommentare angezeigt. Zusätzlich erscheint eine Conversion mit Verlinkung auf den Kommentarbereich der nicht-AMP-Beitragsdetailseite.

Je nach Anzahl der Kommentare, gibt es einen gesonderten Text für das Conversion-Element.

0 Kommentare: “Beteiligen Sie sich! Es gibt noch keine Kommentare. Um zu kommentieren, öffnen Sie den Artikel auf unserer Webseite. Zur Webseite”

1-3 Kommentare (alle vorhandenen Kommentare werden dargestellt): “Beteiligen Sie sich! Um zu kommentieren, öffnen Sie den Artikel auf unserer Webseite. Zur Webseite”

mehr als 3 Kommentare (es gibt mehr Kommentare als auf der AMP-Seite dargestellt werden): “Beteiligen Sie sich! Hier können Sie nur eine begrenzte Anzahl an Kommentaren sehen. Auf unserer Webseite sehen Sie alle Kommentare und Ihnen stehen alle Funktionen zur Verfügung. Zur Webseite”

Teaser “Themen der Woche”

Funktionalität siehe “Themen der Woche” in der Dokumentation zur https://peiq.atlassian.net/wiki/spaces/PPSD/pages/236060766/Beitragsdetailseite#Themen-der-Woche

H2 “Aktuelle Themen” ist der Link auf die https://peiq.atlassian.net/wiki/spaces/PUPKB/pages/304709704 (nicht-AMP)

Bei Klick auf ein Thema werden die Benutzer:innen auf die entsprechende (nicht-AMP) https://peiq.atlassian.net/wiki/spaces/PUPKB/pages/266108933 geleitet.

Teaser “Meistgelesene Beiträge”

Funktionalität siehe “meistgelesen” in der Dokumentation zur https://peiq.atlassian.net/wiki/spaces/PPSD/pages/236060766/Beitragsdetailseite#Themen-der-Woche

Bei Klick auf einen Beitrag werden die Benutzer:innen auf die entsprechende nicht-AMP-Beitragsdetailseite geleitet.

Footer

Der Footer ist statisch und enthält rechtlich erforderliche Links zu Datenschutz, Impressum und AGB. Siehe “Reduzierter Footer mit Basis-Verlinkungen”