Snippets in Campus Events
Campus Events bietet die Möglichkeit, über ein kleines Script (Snippets) Daten aus Campus Events in Webseiten oder Webanwendungen zu integrieren. Bei Snippets handelt es sich um einen technischen Codeschnipsel, welcher in die Webseite/-anwendung eingebunden wird. An dieser Stelle werden entsprechend der Konfiguration in Campus Events Daten ausgegeben, sodass beispielsweise Veranstaltungen aus Campus Events automatisiert ausgegeben werden können.
Admins können die Inhalte und Darstellung im Backend Konfigurieren. Anschließend reicht es aus, 1 Zeile Code per Copy & Paste in die jeweilige Webseite zu übernehmen.
Mit den Campus Events "Event-Snippet" können Veranstaltungen auf einer anderen Website angezeigt werden. Dabei ist egal, ob diese Webseite mit einem Content-Management-System (CMS) wie z.B. TYPO3 oder WordPress aufgebaut ist, oder als normale HTML Seite?
Für diesen Fall gibt es die Event-Snippets. Ein Event-Snippet lässt sich in zwei Formen nutzen: 1. als HTML-Snippet oder 2. als JavaScript-Snippet.
Für jedes Event-Snippet lassen sich präzise Filter Einstellungen vornehmen, sodass nur Veranstaltungen in der generierten Liste angezeigt werden, die bestimmten Filterkriterien entsprechen.
Event-Snippet hinzufügen
Allgemeine Angaben
| Titel | Beschreibung |
|---|---|
| Mandant | Berechtigung zum Editieren und Sehen in der Verwaltungsoberfläche festlegen. |
| Name | Ein guter Name hilft, das Events-Snippet später in der Verwaltungsoberfläche leichter zu finden. Campus Events benutzt Name, um im Event-Snippet in HTML den Titel zu setzen. Lautet der Name beispielsweise "Alle Veranstaltungen" sieht dies in HTML so aus <title>Alle Veranstaltungen</title>. Solche Metadaten sind wichtig für die Suchmaschinenoptimierung. |
| Aktiv | Kontrollkästchen aktivieren, um das Snippet nutzen zu können. Wenn deaktiviert, wird bei der Vorschau ein Hinweis angezeigt: "Dieses Snippet ist zur Zeit leider nicht verfügbar." und es werden keine Veranstaltungen aufgelistet. |
| Objekte pro Seite | Anzahl der Veranstaltungen pro Seite begrenzen. Wenn mehr Veranstaltungen vorhanden sind als die festgelegte Anzahl, wird die Liste in mehrere Seiten aufgeteilt. |
| Erlaubte Domains | Erlaubter Aufruf von Domains z.B. *.example.com|*.example.de |
| Hinweis, wenn keine Einträge gefunden | Die Einstellung des Hinweises sorgt dafür, dass die Benutzeroberfläche der Webseite klar und informativ bleibt, auch wenn keine Veranstaltungen angezeigt werden können. |
Objekt-Auswahl
Die anzuzeigenden Informationen der Veranstaltungen auswählen. Formatierung des Events Snippets festlegen.
| Titel | Beschreibung |
|---|---|
| Objekt | Zur Zeit nur Veranstaltung. |
| sichtbare Objektmerkmale | Auswählen welche Attribute einer Veranstaltung angezeigt werden: Bezeichnung, Unterüberschrift, Veranstaltungsbeginn, Veranstaltungsende, Veranstaltungsorte, Veranstalter, Moderatoren, Sponsoren, Kategorien, Zielgruppen, Beschreibung. |
| Sortieren nach | Die Reihenfolge der Veranstaltungen nach verschiedenen Attributen ordnen. Auf den + Button unterhalb "Sortieren nach" klicken, um ein oder mehrere Sortier-Attribute hinzufügen zu können: Bezeichnung, Unterüberschrift, Veranstaltungsbeginn, Veranstaltungsende, Veranstaltungsorte, Veranstalter, Moderatoren, Sponsoren, Kategorien, Zielgruppen, Beschreibung. |
| Termine anzeigen | Bei Auswahl werden alle Einzeltermine angezeigt, ansonsten nur Start und Ende des Events. |
| Beschreibung: HTML aktivieren | Bei Auswahl wird die Beschreibung mit allen Formatierungen angezeigt, ansonsten als unformatierter Text. |
| Beschreibung: Maximale Länge | Hat keine Auswirkung, falls HTML für die Beschreibung aktiviert wurde. Leer lassen für die komplette Beschreibung. |
Objekt-Filter
Filterbedingungen für die Auswahl von Veranstaltungen festlegen, um nur die passenden Veranstaltungen in der Listenansicht zu zeigen.
| Titel | Beschreibung |
|---|---|
| Objektmerkmal | Veranstaltungs-Eigenschaften, die für die Filterung von Veranstaltungen verwendet werden können: Abgesagt, Kategorien, Erledigt, Filter-Kategorien, Veranstaltungsorte, Veranstalter, Moderatoren, Sponsoren, Zielgruppen, Veranstaltungslisten, Bezeichnung, Veranstaltungsbeginn, Veranstaltungsende. |
Individuelle CSS-Anpassungen
Um das Event Snippet individuell zu gestalten, kann eigenes CSS benutzt werden.
| Titel | Beschreibung |
|---|---|
| Standard CSS verwenden | Bei Auswahl wird zusätzlich zum Custom CSS das Standard CSS für Snippets verwendet. |
| URL für Custom-CSS | Eine URL zur individuellen CSS-Datei kann hinterlegt werden. |
| Custom-CSS (Inline) | CSS direkt in Campus Events hinterlegen. |