NEU: SG AI – DEIN AI ASSISTANT FÜR TYPO3 - SEO, (BILD-)TEXTE, BILDER & MEHR!
Inhaltselemente: Plug-Ins
TYPO3 besitzt bereits eine breite Palette an Inhaltselementen. Mit Erweiterungen weitet sich das Spektrum verfügbarer Elemente und ermöglicht das Darstellen und Umsetzen von speziellen Inhalten. Plug-Ins sind Inhaltselemente aus solchen Erweiterungen. Auch andere Inhaltselementgruppen, wie News oder Account, beinhalten Plug-Ins, diese stellen wir separat vor.
Reiter Allgemein
Dieser Reiter sieht bei allen Plug-Ins gleich aus. Hier kann man lediglich die Überschrift des Elementes festlegen. Der Tab beinhaltet die gleichen Felder wie das Inhaltselement Nur Überschrift.
Das Allgemeine Plug-In kann genutzt werden, um alle vorhandenen Arten von Plug-Ins anzulegen. Die meisten Plug-Ins sind jedoch bereits als eigene Inhaltselemente aufgelistet. Es macht keinen Unterschied, ob Sie ein allgemeines Plug-In wählen und dann z. B. Kommentare einstellen oder direkt das Inhaltselement einfügen. Alle Plug-Ins werden im Inhaltsbereich mit dem Symbol gekennzeichnet, das Sie hier sehen.
Reiter Plug-In
Beim allgemeinen Plug-In klicken Sie in das Feld unter Ausgewähltes Plug-In und wählen aus der erschienenen Liste die gewünschte Option mit einem Links-Klick an. Ein Kontext-Fenster informiert Sie darüber, dass sich eine Änderung auf die verfügbaren Felder auswirken wird. Klicken Sie auf Ok. Für die nächsten Schritte kommt es nun darauf an, welches Plug-In Sie gewählt haben.
In der Liste der Plug-Ins finden Sie nur ein Plug-In, das nicht als gesondertes Inhaltselement eingefügt werden kann: Das Plug-In Bestätigung der E-Mail-Adresse stellen wir bei den Account-Inhaltselementen vor.
Kommentarspalten erlauben es User:innen Meinungen, Lob oder Kritik mitzuteilen. Das Plug-In Kommentare ist in wenigen Schritten nach Ihren Wünschen konfigurierbar. Wenn Sie das Inhaltselement hinzufügen möchten, werden Sie das Sprechblasensymbol antreffen. Da es sich um ein Plug-In handelt, wird das Würfelsymbol im Inhaltsbereich angezeigt.
Reiter Plug-In
Dieser Tab ist in weitere Reiter unterteilt. Hier befinden sich alle Optionen zum Einstellen des Kommentar-Plug-Ins.
Unterreiter Allgemein
Modus
Ihnen stehen im Dropdown-Menü die Optionen Seitenkommentare und Extension Kommentare zur Verfügung. Die Modi unterscheiden sich darin, wie der Thread-Bezeichner definiert werden kann.
Einzigartiger Thread-Bezeichner
Ein Thread ist ein Verlauf einer Unterhaltung oder auch die Abfolge von Kommentaren und Antworten. Ein Thread-Bezeichner ist nur notwendig, wenn ein Thread auf der Seite mehrfach vorkommt. Das heißt, wenn Sie mehrere Kommentar-Plug-Ins auf einer Seite einfügen möchten und diese unabhängig voneinander sein sollen, sollten Sie den Bezeichner ausfüllen. Dieser muss einzigartig sein. Ein leerer Bezeichner wird durch die aktuelle Seiten-ID ersetzt. Soll auf mehreren Seiten ein Thread angezeigt werden, fügen Sie einfach auf den entsprechenden Seiten das Kommentar-Element mit demselben Thread-Bezeicher ein.
Wenn Sie sich im Modus Seitenkommentare befinden, tragen Sie hier eine eindeutige Bezeichnung ein. Im Modus Extension Kommentare ist es möglich mehrere Threads getrennt durch ein Komma einzutragen.
Benachrichtigungen aktivieren
Diese Option ermöglicht es Benutzer:innen, sich benachrichtigen zu lassen, wenn ein neuer Kommentar veröffentlicht wird. Standardmäßig ist hier ein Häkchen gesetzt, was bedeutet, dass die Option aktiv ist.
Sprachen beachten
Wenn die Option aktiviert ist, werden im Frontend nur Kommentare angezeigt, die zur aufgerufenen Seitensprache gehören. In der Voreinstellung ist dies nicht aktiviert.
Bewertung aktivieren
Wenn die Option aktiviert ist, haben Benutzer:innen die Möglichkeit, mit ihrem Kommentar eine 1-5 Sterne Bewertung abzugeben. Die Durchschnittsbewertung wird oberhalb des Kommentar-Threads angezeigt. Diese Einstellung ist standardmäßig aktiviert.
Unterreiter Darstellung
Neueste Kommentare am Anfang des Threads anzeigen
Die Option ist beim Anlegen des Plug-Ins bereits aktiviert. Wenn Sie an dieser Stelle kein Häkchen setzen, werden die Kommentare chronologisch, angefangen beim ältesten Kommentar, angezeigt.
Schlanke Ansicht verwenden
Wenn diese Einstellung aktiviert wird, werden nur die grundlegendsten Elemente (Kommentare, Bewertungen und Textfelder für neue Kommentare) angezeigt. Entfernt werden Kommentarzähler, Durchschnittsbewertung (falls aktiviert), Überschrift und Schaltfläche zum Deaktivieren von Benachrichtigungen. Die schlanke Ansicht ist standardmäßig deaktiviert.
Max. Anzahl der sichtbaren Zeichen pro Kommentar
Setzen Sie die Zahl auf 0, gibt es keine Begrenzung der sichtbaren Zeichen pro Kommentar. Bei jeder anderen Zahl werden Kommentare mit einer höheren Zeichenanzahl gekürzt dargestellt. Durch einen Klick auf drei Punkte am Ende von Kommentaren, können diese erweitert werden.
Unterreiter Verwaltung
Nur angemeldeten Nutzern erlauben, Kommentare zu schreiben
Bevor User:innen Kommentare hinterlassen können, müssen Sie sich auf Ihrer Seite registrieren und sich einloggen. Nicht-eingeloggte Personen können Kommentare sehen, aber keine schreiben. Beim Erstellen des Inhaltselementes ist diese Einstellung aktiviert.
Nicht angemeldete Nutzer dürfen nur kommentieren, wenn sie eine E-Mail-Adresse angeben
Wer auf Ihrer Seite nicht registriert ist, kann Kommentare hinterlassen, wenn eine E-Mail-Adresse angegeben wird. Auch diese Option ist bereits aktiv beim Erstellen des Elementes. Wenn sich Benutzer:innen allerdings zum Kommentieren anmelden müssen, hat diese Option keine Auswirkung.
Antworten auf einzelne Kommentare erlauben
Die aktivierte Option erlaubt es nicht bloß zu kommentieren, sondern auch auf vorhandene Kommentare zu reagieren.
Deaktivierung der Moderation für diesen Thread
Wenn diese Option deaktiviert ist, müssen alle Kommentare in diesem Thread vor der Veröffentlichung von Moderator:innen im Backend-Modul Kommentare überprüft werden. Wenn Sie diese Option aktivieren, werden alle Kommentare angezeigt, die zuvor veröffentlicht wurden, unabhängig davon, ob sie überprüft wurden oder nicht. Standardmäßig ist unter dieser Einstellung kein Häkchen gesetzt.
Thread für neue Kommentare schließen
Wenn diese Option aktiviert ist, können diesem Thread keine weiteren Kommentare oder Antworten hinzugefügt werden. Alle zuvor erstellten Kommentare sind weiterhin sichtbar.
Unterreiter Datei-Upload
Datei-Upload aktivieren
Die Option erlaubt es Nutzern ihren Kommentaren Datei anzuhängen, was standardmäßig aktiviert ist.
Maximale Anzahl von Dateien pro Kommentar
Legen Die hier fest, wie viele Dateien pro Kommentar hochgeladen werden dürfen. Wenn Sie nicht möchten, dass Dateien angehangen werden können, entfernen Sie einfach das Häkchen bei Datei-Upload aktivieren.
Erlaubte Dateiendungen
Bestimmen Sie, welche Dateitypen Kommentatoren hochladen dürfen. Beim Anlegen des Plug-Ins sind alle möglichen Dateiendungen eingetragen: gif, jpg, jpeg, pdf, png, docx, doc. Löschen Sie bei Bedarf die unerwünschten Dateitypen aus dem Feld.
Max. Dateigröße in MB
Entscheiden Sie, wie groß die Dateien maximal sein dürfen, die in den Kommentaren hochgeladen werden.
Verstecke die Datei-Vorschau für geschützte Dateien
Wenn geschützte Dateien nicht in der Vorschau angezeigt werden sollen, behalten Sie an dieser Stelle das Häkchen aktiviert.
Kommentare im Frontend
Wenn Sie über Ihre Website Stellenanzeigen schalten und Bewerbungen annehmen möchten, finden Sie auch für diesen Zweck nützliche Tools in unserer TYPO3 Website-Base. Das Plug-In Bewerbungsformular rendert eine Eingabemaske für Initiativbewerbungen. Mit wenigen Klicks ist das Formular einsatzbereit.
Reiter Allgemein
Wie oben beschrieben, können Sie im Reiter Allgemein einen Titel für das Element vergeben. Zusätzlich wird automatisch der Titel 'Initiativbewerbung' generiert. Wie das Bild zeigt, werden dann zwei Überschriften über einander angezeigt. Um das zu vermeiden, können Sie Ihre manuell eingetragene Überschrift ausblenden.
Tab Plug-In
Beim Erstellen des Bewerbungsformulars weist ein rotes Ausrufezeichen darauf hin, dass noch erforderliche Informationen fehlen. Im Fall der Initiativbewerbung muss eine Seite angegeben werden, auf die weitergeleitet wird, wenn die Bewerbung abgeschickt wurde.
Klicken Sie unter Erweiterungsoptionen einfach auf den Button Seite oder auf das Ordnersymbol rechts neben dem Feld. Wählen Sie dann im erschienenen Kontextmenü die Seite, auf die nach der Bewerbung verlinkt werden soll.
Anschließend sollten Sie unbedingt die Dateschutzinformationsseite verlinken. Der Hinweis über den Datenschutz wird automatisch von dem Plug-In eingefügt, den Link müssen Sie an dieser Stelle selbst einfügen. Klicken sie dafür auf das Linksymbol und wählen Sie die Seite mit den Datenschutzbestimmungen.
Wenn Sie außerdem möchten, dass die Initiativbewerbung die gleiche Auswahl an Standorten (und somit auch die gleichen Kontaktdaten) wie die regulären Bewerbungsformulare hat, fügen Sie unter Datensatzsammlung die Seite oder den Ordner hinzu, in dem sich entsprechende Daten befinden. Normalerweise sind sich die Standorte/Unternehmen und Kontakte im Ordner für Stellenanzeigen angelegt. Die Kontakte und Unternehmen sehen Sie nur in der Listenansicht. Hier können Sie auch neue Daten hinzufügen oder bereits vorhandene Datensätze bearbeiten.
Die eingeschickten Bewerbungen finden Sie im Datensatz Bewerbung, den Sie ebenfalls im Modul Liste sehen. In der Website-Base ist dieser Datensatz in der Seite Initiativbewerbung angelegt.
Bewerbungsformular – Initiativbewerbung im Frontend
Bewerbungsformular – Initiativbewerbung im Frontend
Die Plug-Ins Bewerbungsformular, Liste der Stellenangebote und Teaser für Stellenangebot gehören gemeinsam mit dem Backend Modul Liste der Stellenangebote zu der TYPO3 Extension sg_jobs. Für das Modul haben wir ebenfalls ein Tutorial für Redakteur:innen erstellt.
Die Liste der Stellenangebote generiert eine Eingabemaske und eine Liste aller Stellenanzeigen. Potenzielle Bewerber:innen können so die Angebote einfach filtern. Das ist ein großer Vorteil, wenn besonders viele Jobangebote verfügbar sind. Denn Interessenten erlaubt es, schnell einen Überblick über alle relevanten Stellen zu gewinnen.
Reiter Plug-In
Seite, die das Bewerbungsformular enthält
Fügen Sie hier z. B. die Seite Karriere oder Initiativbewerbung hinzu. Klicken Sie dafür auf den Button Seite oder das Ordnersymbol rechts neben dem Feld. Wählen Sie im Kontextmenü aus dem Seitenbaum die entsprechende Seite aus.
Anzahl der Anzeigen pro Seite
Tragen Sie hier die Anzahl der Stellenanzeigen, die auf einmal angezeigt werden, ein. Eine Eingrenzung der Anzeigen pro Seite hilft Interessierten einen Überblick über die Stellenangebote zu behalten.
Sortierung der Stellenangebote
Standardmäßig ist die manuelle Sortierung eingestellt. Sollten Sie eine andere bevorzugen, klicken Sie in das Feld unter der Überschrift, im Dropdown-Menü erscheinen insgesamt drei Optionen: Alphabetisch nach Job-Titel, Manuell (Stellenangebote werden wie im Modul Liste der Stellenangebote sortiert), Nach Erstellungsdatum.
Berücksichtigte Standorte, Berücksichtigte Bereiche, Filter nach Berufserfahrung
Sollten Sie in der Liste nicht alle Stellenangebote anzeigen, sondern nur bestimmte Standorte, Bereiche und/oder Erfahrungslevels abbilden wollen, können Sie hier die notwendigen Filter einstellen.
Datensatzsammlung
Wählen Sie hier die Seite oder den Ordner, der die Datensätze enthält, nach denen sich Stellenangebote filtern lassen können, z. B. Standort, Unternehmen oder Berufserfahrung.
Liste der Stellenangebote im Frontend
Die Plug-Ins Bewerbungsformular, Liste der Stellenangebote und Teaser für Stellenangebot gehören gemeinsam mit dem Backend Modul Liste der Stellenangebote zu der TYPO3 Extension sg_jobs. Für das Modul haben wir ebenfalls ein Tutorial für Redakteur:innen erstellt.
Das Plug-In Twitter Stream ermöglicht es mit wenigen Klicks einen Twitter Stream auf einer Webseite abbilden zu lassen. Dafür brauchen Sie nur den einzigartigen Nutzernamen einzugeben. Wenn Sie das Inhaltselement in im Backend hinzufügen möchten, werden Sie das Twittersymbol finden, im Inhaltsbereich ist das Element jedoch durch das Plug-In-Symbol gekennzeichnet.
Reiter Plug-In
Erweiterungsoptionen
Twitter Handle
Twitter Handle oder Nutzer:innenname ist die entscheidende Angabe für einen funktionierenden Twitter Stream. Der Name beginnt immer mit @. Im Gegensatz zum Profilnamen, der beliebig vergeben werden kann, ist der Twitter Handle eindeutig. Der Profilname steht immer als Erstes da, darunter finden Sie den Twitter Handle, den Sie durch das @-Zeichen erkennen.
Antworten nicht anzeigen
Wenn Sie nur Tweets und keine dazugehörigen Antworten im Stream anzeigen lassen möchten, setzen Sie hier ein Häkchen. Standardmäßig ist keines gesetzt.
Retweets anzeigen
Beim Erstellen des Plug-Ins sind Retweets nicht aktiviert. Wenn auch Retweets angezeigt werden sollen, aktivieren Sie die Option mit dem Setzen eines Häkchens an dieser Stelle. Wenn Retweets angezeigt werden, kann es passieren, dass kaum Posts vom angegebenen Profil, sondern nur Retweets von anderen Profilen gezeigt werden.
Anzahl der angezeigten Tweets
Begrenzen Sie die Zahl der Tweets, die im Frontend angezeigt werden. Fünf Tweets sind vorgegeben, die Anzahl können Sie jedoch beliebig verändern.
Twitter-Handles, Hashtags und URLs als Hyperlinks darstellen
In den Standard-Einstellungen ist das nicht aktiviert. Sollten Sie in den Tweets Links haben wollen, setzen Sie hier ein Häkchen.
Twitter Stream im Frontend (Nutzernamen, Hashtags & URLs als Links)
Technische Dokumentation
Das Twitter Plug-In beruht auf der sg_twitter Extension. Zu dieser TYPO3 Erweiterung gibt es eine technische Dokumentation, die vorrangig an Entwickler:innen gerichtet ist.
Zur technischen Dokumentation
Mit dem Plug-In Seiten/Inhalte in Tabs lassen sich sowohl ganze Seiten als auch einzelne Inhaltselemente zusammengefügt in Tabs darstellen. Inhalte von verschiedenen Seiten und ganze Seiten lassen sich so zum Beispiel zu einem Themenbündel kombinieren.
Reiter Plug-in
Erweiterungsoptionen
Modus
Es stehen drei Modi zur Verfügung: 'Zeige jedes Inhaltselement der aktuellen Seite als ein Tab', ‘Zeige für jede Unterseite dieser Seite jeweils einen Tab’, ‘Kombiniert (je unten ausgewähltem Element wird ein Tab angezeigt)’. Probieren Sie verschiedene Optionen aus, um ein optimales Ergebnis zu erzielen.
Seiten und Inhalte, welche als Tabs gerendert werden sollen
Hier fügen Sie die Seiten oder einzelne Inhalte, die als Tabs dargestellt werden sollen, hinzu. Wenn Sie eine ganze Seite als Tab einbauen möchten, klicken Sie auf den Button Seite unter dem weißen Feld oder klicken auf das Ordnersymbol rechts neben dem Feld. Wenn Sie einen Tab mit einem Inhaltselement befüllen möchten, klicken Sie auf den Button Seiteninhalt oder auf das Ordnersymbol. Beim Klick auf das Symbol können Sie sowohl Seiten als auch einzelne Inhalte einfügen.
Titel der Reiter überschreiben
In diesem Feld vergeben Sie die Titel der Tabs. Trennen Sie die Tab-Überschriften per Zeilenumbruch. Pro Zeile muss ein Titel eingetragen werden. Falls ein Titel nicht überschrieben werden soll, lassen Sie eine Leerzeile frei oder befüllen diese mit DEFAULT. Leere Zeilen am Anfang werden ignoriert. Wenn Sie also die ersten Tab-Titel nicht überschreiben müssen, jedoch aber die folgenden, müssen in der ersten Zeile DEFAULT eintragen.
Hash
Hash ist der Name, der zur Implementierung von History- und Direct-Linking-Funktionen verwendet wird.
Seiten/Inhalte in Tabs im Frontend
Wie Seiten/Inhalte in Tabs im Frontend aussehen können, zeigt unsere Vorschau-Seite.
Zur sgalinski Cookie Opt-In Extension gehört auch das gleichnamige Plug-In dazu. Mit dem Cookie-Opt-In Inhaltselement integrieren Sie das Cookie Consent Fenster, was bei allen neuen Besucher:innen Ihrer Seite erscheint, zusätzlich auf einer Seite (z. B. auf der Datenschutzseite).
Reiter Plug-In
Beim Reiter Plug-In muss nichts eingestellt werden. Das im Frontend abgebildete Inhaltselement stellt die Konfigurationen dar, die Sie im Modul Tracking / Cookies vorgenommen haben.
Cookie-Opt-In im Frontend
Das Cookie OptIn Plug-In ist in unserer sg_cookie_optin TYPO3 Extension integriert. Zu der Erweiterung haben wir eine technische Dokumentation und eine Produktseite inklusive einer umfangreichen Anleitung zur Konfiguration der Extension und des Backend Moduls Tracking / Cookies erstellt haben.
Zur sgalinski Cookie Opt-In Extension gehört das gleichnamige Plug-In dazu und die Cookie-List. Mit der Cookie-List lässt sich eine Liste aller eingetragenen Cookies inklusive ihrer Informationen erstellen. Zusätzlich können Sie eine Überschrift und Beschreibung hinzufügen. Nutzen Sie die Liste z. B. auf der Datenschutzseite.
Reiter Plug-In
Cookie-List im Frontend
Das Cookie OptIn Plug-In ist in unserer sg_cookie_optin TYPO3 Extension integriert. Zu der Erweiterung haben wir eine technische Dokumentation und eine Produktseite inklusive einer umfangreichen Anleitung zur Konfiguration der Extension und des Backend Moduls Tracking / Cookies erstellt haben.
Mit dem YouTube Plug-In lassen sich YouTube-Videos unkompliziert einbinden, ohne dass Videos heruntergeladen und im System wieder hochgeladen werden müssen. Zudem besitzt das Inhaltselement diverse Optionen, mit denen sich die Darstellung und Verhalten der Videos individuell anpassen lassen.
Reiter Plug-in
Einstellungen
ID eines Channels, einer Playlist oder eines einzelnen Videos
Tragen Sie hier die ID des Kanals, der Playlist oder eines einzelnen YouTube-Videos ein. Mehrere IDs tragen Sie durch Kommas getrennt ein (ABCD_12, EFGH_34). Im Abschnitt zu den YouTube IDs zeigen wir, wo die IDs zu finden sind.
Video ist ein "YouTube Shorts"-Video
Unsere Video-Extension erlaubt es auch, YouTube Shorts zu nutzen. Aktivieren Sie dafür die Checkbox und stellen Sie sicher, dass Sie im Tab Aussehen einen Thumbnail-Typ mit hoher Auflösung nutzen sowie das Seitenverhältnis 4:3 wählen. Bei benutzerdefinierten Thumbnails sollten die Bilder ein Verhältnis von 9:16 haben.
Ausschließende Video-IDs
Wenn Sie bestimmte Videos einer Playlist oder eines Kanals nicht auf Ihrer Website zeigen möchten, können Sie diese ausschließen. Tragen Sie die entsprechenden IDs mit einem Komma getrennt hintereinander weg ein (ABCD_12, EFGH_34).
Abfragetext
Dieses Feld kann genutzt werden, wenn Sie bspw. nicht alle Videos eines gesamten Kanals einbinden möchten, sondern nur die mit bestimmten Inhalten, Themen oder Tags. Sie können dieses Feld wie die Suche in YouTube nutzen.
Maximale Anzahl
Entscheiden Sie, wie viele Videos maximal angezeigt werden sollen und tragen Sie die gewünschte Zahl ein. Bitte beachten Sie, dass manche Layouts nur bei oder ab einer bestimmten Anzahl von Videos funktionieren (siehe Layout-Art beim Abschnitt 'Aussehen').
Zusätzliche URL-Parameter
Für weitere Anpassungen der eingebundenen Videos können Sie YouTube Player Parameter nutzen. Die Parameter funktionieren nur, wenn Videos direkt auf der Seite abgespielt werden. Mehr Informationen dazu finden Sie unter: https://developers.google.com/youtube/player_parameters.
Filter
Wenn Sie besonders viele Videos einbinden, können Filter sinnvoll sein. Je nach Konfiguration stehen Ihnen im rechten Feld verschiedene Filter zur Verfügung. Klicken Sie auf den oder die gewünschten Filter. Diese erscheinen nun im linken Feld und werden und werden nach dem Speichern im Frontend in einem Formular angezeigt, sodass die Benutzer dynamisch mit den angezeigten Videos interagieren können. Zum Beispiel:
- Suchbegriff: Ermöglicht Benutzern die Eingabe eines Suchbegriffs, um Videos nach Schlüsselwörtern zu filtern. (Der Suchbegrifffilter funktioniert nicht für YouTube Playlists.)
- Dauer-Filter: Bietet ein Dropdown-Menü zum Filtern von Videos nach Länge (kurz, mittel, lang, usw.).
Die Filterwerte werden an die YouTube-API gesendet, und die Videoliste wird anhand der ausgewählten Kriterien aktualisiert.
WICHTIG: Befolgen Sie folgende zwei Schritte, wenn Sie Filter nutzen wollen!
- Gehen Sie im TYPO3-Backend zum Modul Einstellungen (Abschnitt Verwaltung- und Pflegewerkzeuge) und klicken Sie auf Configure extensions. Klicken Sie auf sg_youtube, aktivieren Sie die Checkbox uncached und speichern Sie. Dadurch wird die Extension die Ergebnisse nicht zwischenspeichern und die Daten werden dynamisch geladen, basierend auf den Filtereinstellungen.
- Weiterhin müssen Sie in Ihrer Konfiguration die TYPO3 cHash Parameter-Validierung deaktivieren und
$GLOBALS['TYPO3_CONF_VARS']['FE']['cacheHash']['enforceValidation'] = falsesetzen.
Aussehen
Layout-Art
Zur Auswahl stehen das Standard-, Zeilen- oder Playlist-Layout. Außerdem gibt es das Layout für einzelne Videos, das automatisch genutzt wird, wenn Sie nur ein Video einbinden. Wichtig ist zudem zu wissen, dass das Standard- und das Zeilenlayout ab zwei Videos und das Playlist-Layout ab vier Videos funktionieren. Wie diese aussehen, präsentieren wir auf unserer Vorschau-Seite.
Videotitel anzeigen & Videobeschreibungen anzeigen
Mit diesen Checkboxen können Sie festlegen, ob Titel oder Beschreibungen des Videos angezeigt werden sollen oder nicht. Wenn Sie keine Titel und/oder Beschreibungen anzeigen, müssen Sie keine Zeichenbegrenzung festlegen.
Zeichenbegrenzung bei Titel & Beschreibung
Titel und Beschreibungen von Videos können unterschiedlich lang sein, deswegen können Sie eine Begrenzung für Titel und Beschreibung festlegen. Das Plug-in bricht dabei nicht mitten im Wort ab, sondern berücksichtigt ganze Wörter. Standardmäßig ist der Wert '0' (null) eingetragen, mit dieser Einstellung gibt es keine Begrenzung für die Zeichenanzahl.
Unabhängig zu der Zeichenanzahl sind die Zeilen der Beschreibung begrenzt: beim einzelnen Video, dem Standard- und dem Playlist-Layout sind es vier Zeilen und beim Zeilenlayout fünf Zeilen. Im Frontend lässt sich Rest der Beschreibung über einen Button aufklappen. Beachten Sie außerdem, dass bei der einer Zeichenbegrenzung der Beschreibung, der Text immer nur bis zur Begrenzung gezeigt wird, auch wenn Sie diese aufklappen.
Aspect Ratio
Legen Sie das Seitenverhältnis fest. Die Einstellung wird nur genutzt, wenn der Thumbnail-Typ das prüfen soll. Diese Einstellung beeinflusst nicht das Seitenverhältnis der benutzerdefinierten Thumbnails.
Thumbnail-Typ
Legen Sie hier die Auflösung von maximal bis niedrig fest. Nicht immer sind alle Optionen vorhanden.
Benutzerdefinierte Thumbnails für Videos
Es besteht auch die Möglichkeit, eigene Thumbnail-Bilder für Videos festzulegen. Dabei wird das erste Bild über das erste Video gelegt, das zweite Bild wird über das zweite Video gelegt usw.
Das Seitenverhältnis der benutzerdefinierten Thumbnails entspricht dem Seitenverhältnis des verwendeten Bildes. Laden Sie Bilder mit dem gewünschten Seitenverhältnis in der Dateiliste hoch oder bearbeiten Sie die Miniaturansichten im Fotoeditor direkt in diesem Inhaltselement, um das gewünschte Seitenverhältnis zu erreichen.
Verhalten
Video nicht in der Lightbox, sondern direkt auf der Webseite abspielen
Standardmäßig wird ein Video in einer Lightbox abgespielt. Sie können hier festlegen, Videos direkt auf der Seite abspielen zu lassen.
Zeige API-Ergebnis an
Legen Sie fest, ob Debug-Informationen angezeigt werden sollen.
YouTube IDs
YouTube Kanal-ID
Es gibt verschiedene Wege, um die Kanal-ID herauszufinden, denn durch die URL ist die ID schon seit einiger Zeit nicht mehr ersichtlich. Wenn es sich um die ID des eigenen YouTube-Kanals handelt, findet man die Buchstaben und Zahlenfolge in den erweiterten Einstellungen des Accounts. Dazu finden Sie hier eine Anleitung von Google.
Wenn Sie die Kanal-ID eines beliebigen YouTube-Kanals benötigen, müssen Sie dafür in YouTube den gewünschten Kanal öffnen. Klicken Sie in der Kanalbeschreibung auf 'mehr' und klicken dann im erschienen Fenster auf Kanal teilen. Dort finden Sie die Option ‘Kanal-ID kopieren’. Die kopierte ID können Sie dann in die YouTube-Extension einfügen.
Die Kanal-ID fügen Sie dann einfach in das Plug-In ein und machen alle weiteren Einstellungen, die Sie benötigen.
YouTube Playlist-ID
Um eine Playlist-ID hinzuzufügen, kopieren Sie aus dem Link der Playliste alles, was nach list= kommt und fügen es in Zeile für die ID ein.
- Playlist-Link:
www.youtube.com/watch?v=rrVDATvUitA&list=PLmhUZw8WWzebYTvtVWHkb_YMgKARy6UON - Playlist-ID:
PLmhUZw8WWzebYTvtVWHkb_YMgKARy6UON
YouTube Video-ID
Um eine Video-ID hinzuzufügen, kopieren Sie aus dem Link des Videos alles, was nach watch?v= kommt und fügen es in Zeile für die ID ein.
- Video-Link:
www.youtube.com/watch?v=IBAhAk0-sPo - Video-ID:
IBAhAk0-sPo
Inhaltsbereich
Im Inhaltsbereich sehen Sie eine Übersicht über die Einstellungen, die Sie im YouTube Plug-In vorgenommen haben.
YouTube im Frontend
Je nachdem, welche Einstellungen im Plug-In gewählt wurden, können Videos, Playlists und Kanäle ganz unterschiedlich aussehen. Auf unserer Vorschau-Seite sehen Sie einige Beispiele, wie unterschiedliche Einstellungen sich auf die Optik im Frontend auswirken.
Mit dem Vimeo Plug-in können Vimeo-Videos auf einer TYPO3-Seite angezeigt werden, ohne dass die Videos heruntergeladen und wieder ins System hochgeladen werden müssen. Außerdem verfügt das Inhaltselement, wie auch das YouTube-Plugin, über verschiedene Optionen, mit denen sich Aussehen und Verhalten der Videos individuell anpassen lassen.
Reiter Plug-In
Ihnen stehen folgende Optionen zur Verfügung. Diese gleichen den Optionen für das YouTube Plug-In. Beim Bearbeiten des Vimeo Inhaltselements können Sie sich also an den YouTube Anleitungen orientieren.
Einstellungen
- Video-ID, Kanal-Name oder Showcase: Im Abschnitt zu den Vimeo IDs zeigen wir, wo die IDs zu finden sind.
- Auszuschließende Video-IDs
- Abfragetext
- Maximale Anzahl
- Zusätzliche URL-Parameter: Wie bei YouTube können Sie für weitere Anpassungen Parameter nutzen. Das funktioniert nur, wenn Videos direkt auf der Seite abgespielt werden. Mehr Informationen zu Parametern finden Sie unter: https://help.vimeo.com/hc/en-us/articles/12426260232977-About-Player-parameters.
- Filter
Aussehen
- Layout-Art
- Videotitel anzeigen & Videobeschreibungen anzeigen
- Zeichenbegrenzung für Titel & Beschreibungen
- Benutzerdefinierte Thumbnails für Videos
Verhalten
- Video nicht in der Lightbox, sondern direkt auf der Webseite abspielen
- Zeige API-Ergebnis an
Vimeo-Video IDs
Vimeo Kanal-Name
HINWEIS: Vimeo hat die Nutzung der Kanäle für Besucher aus der EU und dem Vereinigten Königreich eingeschränkt.
Gegebenenfalls können keine Videos angezeigt werden, auch wenn sie eine gültige Kanal-ID verwendet haben.
Um eine Kanal-ID hinzuzufügen, kopieren Sie aus dem Link des Kanals alles, was nach vimeo.com/channels/ kommt und fügen es in Zeile für die ID ein.
- Kanal-Link:
vimeo.com/channels/staffpicks - Kanal-Name:
staffpicks
Vimeo-Showcase ID
Um eine Showcase ID hinzuzufügen, kopieren Sie aus dem Showcase-Link alles, was nach vimeo.com/showcase/ kommt und fügen es in Zeile für die ID ein.
- Showcase-Link:
vimeo.com/showcase/vimeocanhelp - Showcase ID:
vimeocanhelp
Vimeo-Video ID
Um eine Video ID hinzuzufügen, kopieren Sie aus dem Link des Videos alles, was nach vimeo.com/ kommt und fügen es in Zeile für die ID ein.
- Video-Link:
vimeo.com/246107487 - Video ID:
246107487
WICHTIG: Sie müssen sicherstellen, dass der Account, der mit den API-Schlüsseln clientId und clientSecret verknüpft ist, über die richtigen Berechtigungen für die Suche in dem Kanal verfügt, in dem die Filter verwendet werden. Andernfalls führt die Suche nach einer Abfragezeichenfolge immer zu einer leeren Ergebnismenge.
Inhaltsbereich
Im Inhaltsbereich sehen Sie eine Übersicht über die Einstellungen, die Sie im Vimeo Plug-In vorgenommen haben.
Vimeo im Frontend
Je nach vorgenommenen Einstellungen kann das Ergebnis im Frontend sehr unterschiedlich aussehen. In unserer Vorschau-Seite sehen Sie einige Beispiele dafür.
Mit dem Inhaltselement Video können YouTube-, Vimeo- und lokale Videos direkt auf einer TYPO3-Seite eingebunden werden. Die bisher getrennten Erweiterungen sg-vimeo und sg-youtube wurden in sg-video zusammengeführt. Statt eines Plug-ins wird nun ein eigenes Inhaltselement verwendet, das die bisherigen Funktionen zentral bereitstellt.
Reiter Einstellungen
Ihnen stehen folgende Optionen zur Verfügung.
Einstellungen
- Anbieter (Youtube / Vimeo / Lokales Video)
- Typ (Video / Kanal / Showcase)
- Video-ID, Kanal-Name oder Showcase: Im Abschnitt zu den Youtube/Vimeo IDs weiter unten zeigen wir, wo die IDs zu finden sind.
- Auszuschließende Video-IDs
- Abfragetext
- Maximale Anzahl
- Zusätzliche URL-Parameter: Dieses Feld können Sie für weitere Anpassungen Parameter nutzen. Das funktioniert nur, wenn Videos direkt auf der Seite abgespielt werden. Mehr Informationen zu Parametern finden Sie unter: https://help.vimeo.com/hc/en-us/articles/12426260232977-About-Player-parameters.
- Filter
Aussehen
- Layout-Art
- Videotitel anzeigen & Videobeschreibungen anzeigen
- Zeichenbegrenzung für Titel & Beschreibungen
- Benutzerdefinierte Thumbnails für Videos
Verhalten
- Video nicht in der Lightbox, sondern direkt auf der Webseite abspielen
- Zeige API-Ergebnis an
Vimeo-Video IDs
Vimeo Kanal-Name
HINWEIS: Vimeo hat die Nutzung der Kanäle für Besucher aus der EU und dem Vereinigten Königreich eingeschränkt.
Gegebenenfalls können keine Videos angezeigt werden, auch wenn sie eine gültige Kanal-ID verwendet haben.
Um eine Kanal-ID hinzuzufügen, kopieren Sie aus dem Link des Kanals alles, was nach vimeo.com/channels/ kommt und fügen es in Zeile für die ID ein.
- Kanal-Link:
vimeo.com/channels/staffpicks - Kanal-Name:
staffpicks
Vimeo-Showcase ID
Um eine Showcase ID hinzuzufügen, kopieren Sie aus dem Showcase-Link alles, was nach vimeo.com/showcase/ kommt und fügen es in Zeile für die ID ein.
- Showcase-Link:
vimeo.com/showcase/vimeocanhelp - Showcase ID:
vimeocanhelp
Vimeo-Video ID
Um eine Video ID hinzuzufügen, kopieren Sie aus dem Link des Videos alles, was nach vimeo.com/ kommt und fügen es in Zeile für die ID ein.
- Video-Link:
vimeo.com/246107487 - Video ID:
246107487
WICHTIG: Sie müssen sicherstellen, dass der Account, der mit den API-Schlüsseln clientId und clientSecret verknüpft ist, über die richtigen Berechtigungen für die Suche in dem Kanal verfügt, in dem die Filter verwendet werden. Andernfalls führt die Suche nach einer Abfragezeichenfolge immer zu einer leeren Ergebnismenge.
YouTube IDs
YouTube Kanal-ID
Es gibt verschiedene Wege, um die Kanal-ID herauszufinden, denn durch die URL ist die ID schon seit einiger Zeit nicht mehr ersichtlich. Wenn es sich um die ID des eigenen YouTube-Kanals handelt, findet man die Buchstaben und Zahlenfolge in den erweiterten Einstellungen des Accounts. Dazu finden Sie hier eine Anleitung von Google.
Wenn Sie die Kanal-ID eines beliebigen YouTube-Kanals benötigen, müssen Sie dafür in YouTube den gewünschten Kanal öffnen. Klicken Sie in der Kanalbeschreibung auf 'mehr' und klicken dann im erschienen Fenster auf Kanal teilen. Dort finden Sie die Option ‘Kanal-ID kopieren’. Die kopierte ID können Sie dann in die YouTube-Extension einfügen.
Die Kanal-ID fügen Sie dann einfach in das Plug-In ein und machen alle weiteren Einstellungen, die Sie benötigen.
YouTube Playlist-ID
Um eine Playlist-ID hinzuzufügen, kopieren Sie aus dem Link der Playliste alles, was nach list= kommt und fügen es in Zeile für die ID ein.
- Playlist-Link:
www.youtube.com/watch?v=rrVDATvUitA&list=PLmhUZw8WWzebYTvtVWHkb_YMgKARy6UON - Playlist-ID:
PLmhUZw8WWzebYTvtVWHkb_YMgKARy6UON
YouTube Video-ID
Um eine Video-ID hinzuzufügen, kopieren Sie aus dem Link des Videos alles, was nach watch?v= kommt und fügen es in Zeile für die ID ein.
- Video-Link:
www.youtube.com/watch?v=IBAhAk0-sPo - Video-ID:
IBAhAk0-sPo
Inhaltsbereich
Im Inhaltsbereich sehen Sie eine Übersicht über die Einstellungen, die Sie im Inhaltselement vorgenommen haben.
Videos im Frontend
Je nach vorgenommenen Einstellungen kann das Ergebnis im Frontend sehr unterschiedlich aussehen. In unserer Vorschau-Seite sehen Sie einige Beispiele dafür.
Sie wollen mehr zu unserer Website-Base wissen?
Alle Informationen zu den verfügbaren Editionen finden Sie auf der Webseite für unsere TYPO3 Website-Base. Sie haben die Möglichkeit eine Webseite zum Fixpreis erstellen zu lassen oder entscheiden sich für ein Website as a Service Paket, mit dem keine weiteren Kosten für Hosting oder Sicherheits- und Funktionsupdates auf Sie zukommen werden.
