Anpassen von Dashboards
Lernziele
Nachdem Sie diese Lektion abgeschlossen haben, sind Sie in der Lage, die folgenden Aufgaben auszuführen:
- Hinzufügen und Anpassen von Widgets
- Anwenden benutzerdefinierter Designs auf Ihre Seiten
Was sind Widgets?
Widgets sind die grafischen Elemente auf der Seite, die Ihre Daten auf unterschiedliche Weise darstellen, wie z. B. Kreisdiagramme, Tabellen und Balkendiagramme. Das Erstellen eines Widgets ist ganz einfach. Dafür sind nur drei Schritte erforderlich.
- Daten zu Ihrem Widget hinzufügen (obligatorisch)
- Filter anwenden (optional)
- Widget gestalten (optional)
Um ein neues Widget hinzuzufügen, klicken Sie auf das Symbol + Neu hinzufügen und wählen den gewünschten Widget-Typ aus. Widgets sind in drei Kategorien unterteilt, damit Ihnen die Auswahl leichter fällt.
- Diagramme: Zeigen Daten in verschiedenen Formen an, z. B. als Balkendiagramme, Liniendiagramme, Kreisdiagramme und Karten. Nach Wahl einer der Kategorien wird das Standard-Widget geöffnet. Um Kategorien und Widget-Typen einfach zu ändern, klicken Sie auf Mehr.
- Interaktiv: Interaktive Widgets ermöglichen Benutzern, die die Seite durchsuchen, dynamisch zwischen Datumsbereichen, Messwerten und Dimensionen zu wechseln. So können sie die Daten innerhalb der Widgets auf der Seite filtern, ohne die Seite zu verändern.
- Elemente: Sie können statische Elemente wie Rich Text, Videos, Bilder und benutzerdefinierte Widgets, die Sie mit JavaScript, CSS oder HTML erstellt haben, in die Seite einfügen.
Anpassen von Widgets
Nachdem Sie das gewünschte Widget ausgewählt haben, klicken Sie auf Symbol Neu hinzufügen (+), um ihm Daten hinzuzufügen.
Wählen Sie die Messwerte und Dimensionen aus, die Sie anzeigen möchten. Anhand des Symbols können Sie leicht erkennen, ob es sich bei einer Entität um einen Messwert, eine Dimension oder ein Datum handelt.
Beim Hinzufügen Ihrer Daten werden Änderungen in Echtzeit im Widget angezeigt.
Die Dimensionen und Messwerte, die Sie Ihren Widgets hinzufügen können, sind aggregiert und befinden sich auf Kampagnenebene. Detailliertere Daten, wie z. B. Daten auf Abonnentenebene. sind in Ihren Dashboards nicht verfügbar.
Anschließend haben Sie die Möglichkeit, Filter hinzuzufügen oder zu bearbeiten. Mit Filtern können Sie unerwünschte Daten entsprechend den von Ihnen festgelegten Kriterien entfernen. Um die auf die Seite angewendeten Filter anzuzeigen und einem Widget Filter hinzuzufügen, wählen Sie die Registerkarte Filter (1) aus. Klicken Sie dann auf + Filter hinzufügen (2), um einen neuen Filter hinzuzufügen. Hier können Sie auch den Datumsbereich (3) und die Sortierung der Daten (4) bearbeiten, z. B. die ersten fünf Ergebnisse oder die Daten in aufsteigender Reihenfolge anzeigen.
Nun können Sie das Design Ihres Widgets auf der Registerkarte "Design" anpassen. Hier können Sie das Erscheinungsbild ausgewählter Widgets auf Ihrer Dashboard-Seite ändern, z. B. Hintergrund, Schriftarten und Raster. Sehen wir uns das genauer an.
Anwenden eines benutzerdefinierten Designs auf eine Seite
Nachdem Sie eine beeindruckende Seite mit nützlichen Daten erstellt haben, können Sie jetzt Ihr Seitendesign optimieren. Mit InstaBrand können Sie mit nur wenigen Klicks eine angepasste Seite mit eigenem Branding erstellen.
Um InstaBrand zu aktivieren, klicken Sie auf eine beliebige Stelle auf der Seite außerhalb der Widgets, z. B. auf die obere Navigationsleiste (1). Klicken Sie im Bereich "Seite bearbeiten" auf die Registerkarte Design (2), um eine Reihe von Anpassungsoptionen anzuzeigen. Klicken Sie auf den Umschalter für InstaBrand (3), um InstaBrand zu aktivieren.
Fügen Sie dann unter Ressourcen für Branding Ihr Logo und ein Bild für den Hintergrund hinzu. Sie können sogar die Unsplash-Bibliothek mit Bildern nutzen, indem Sie auf das Bildfeld klicken. Hier können Sie ein Stichwort eingeben, um Hunderte von Bildern zu durchsuchen. Klicken Sie auf das Bild, das Sie als Hintergrundbild hinzufügen möchten, woraufhin das ausgewählte Bild automatisch auf Ihrer Seite übernommen wird. Nach Auswahl des Bilds wird nicht nur das Bild zum Hintergrund hinzugefügt, sondern InstaBrand zaubert auch eine ansprechend gestaltete Seite, die der Farbpalette des gewählten Bilds entspricht.
Ihre Seite wird umgehend in eine farblich auf Ihr Branding abgestimmte Seite verwandelt, die einzigartig und professionell gestaltet ist. Auf Wunsch können Sie ein vordefiniertes Design im Optionsmenü DESIGN auswählen, das eine Reihe allgemeiner Designs bietet, die Sie sofort anwenden können.
Nach dem Erstellen oder Auswählen eines Designs können Sie weitere Anpassungen vornehmen, indem Sie die Farbpalette ändern, die Hintergrundeinstellungen anpassen oder die Schriftarten bearbeiten.
Erstellen eines Seitendesigns
Nachdem Sie Ihre perfekte Seite erstellt haben, können Sie mit einem Seitendesign das gleiche Design allen Ihren Seiten zuweisen. Klicken Sie dazu auf eine beliebige Stelle auf der Seite außerhalb der Widgets. Dadurch gelangen Sie auf die Registerkarte Design auf Seitenebene (1). Klicken Sie neben DESIGN auf die Schaltfläche Optionen (2) und wählen Sie Als neues Design speichern (3) aus. Benennen Sie Ihr Design (4) und klicken Sie auf Speichern (5).
Anwenden eines benutzerdefinierten Designs auf Widgets
Ihre Seite ist nun mit Branding versehen und ansprechend gestaltet. Machen Sie sie nun noch informativer, indem Sie bestimmte Widgets stärker hervorheben. Wählen Sie dazu das Widget aus und klicken Sie auf die Registerkarte Design. Passen Sie das Design Ihres Widgets mit den verfügbaren Einstellungsoptionen an (Hinweis: Die Optionen auf der Registerkarte "Design" variieren je nach Widget-Typ.)
Es folgen die verfügbaren Optionen für das Design von Widgets.
-
Raster: Legen Sie den Layout-Stil des Widgets fest. Es gibt drei Arten von Rasterstilen.
- Ohne: Das Widget verbleibt auf der Seite.
- Verankert: Das Widget wird oben auf der Seite fixiert und verbleibt dort, wenn Benutzer weiterblättern.
- Unverankert: Platziert das Widget unverankert oberhalb Ihrer vorhandenen Widgets auf der Seite, wo es verbleibt, auch wenn Benutzer weiterblättern.
- Hintergrund: Passen Sie die Hintergrundanzeige des Widgets an, z. B. Farbe, Deckkraft, Helligkeit und Eckenformat.
- Schriftarten: Passen Sie die Schriftarten in Ihrem Widget an, z. B. für Überschriften und Achsen.
- Erweitert: Fügen Sie Ihrem Widget benutzerdefinierte Cascading Style Sheets (CSS) hinzu.
In dieser Einheit haben Sie gelernt, wie sich Widgets hinzufügen, definieren und anpassen lassen, wie Sie Ihre Seite in eine Seite mit Branding umwandeln und wie Sie eine Vorlage für das Seitendesign erstellen. Fahren Sie mit der nächsten Einheit fort, in der Sie erfahren, wie Sie berechnete Dimensionen und Messwerte erstellen können.