Informationen und Nutzereinstellungen für Google Workspace-Add-ons werden in der Seitenleiste der Benutzeroberfläche der Hostanwendung angezeigt. Ein Add-on besteht aus einer Hauptsymbolleiste und einer oder mehreren Karten.
Jede Karte steht für eine bestimmte Seite der UI des Add-ons. Das Aufrufen einer neuen Karte ist in der Regel nur eine Aufgabe der Erstellung dieser Karte und deren Übertragung in einen internen Kartenstapel. Sie können Navigationsabläufe zwischen Karten definieren, um eine umfassende Interaktion zu ermöglichen.
Infokarten können keinen Kontext oder keinen Kontext haben. Kontextkarten werden dem Nutzer angezeigt, wenn sich die Hostanwendung in einem bestimmten Kontext befindet. z. B. beim Öffnen einer Gmail-Nachricht oder eines Kalendertermins. Karten ohne Kontext (z. B. Startseiten) werden dem Nutzer außerhalb eines bestimmten Kontexts des Hosts angezeigt. z. B. wenn ein Nutzer gerade seinen Gmail-Posteingang, seinen Drive-Hauptordner oder seinen Kalender aufruft.
In Apps Script erstellte Google Workspace-Add-ons verwenden den Kartendienst, um Benutzeroberflächen aus Karten zu erstellen. Add-ons, die in anderen Sprachen erstellt wurden, müssen korrekt formatiertes JSON-Format zurückgeben, damit die Schnittstelle als Karten gerendert wird.
Jede Karte besteht aus einer Kopfzeile und einem oder mehreren Kartenabschnitten. Jeder Abschnitt besteht aus einer Reihe von Widgets. Widgets zeigen dem Nutzer Informationen an oder bieten Interaktionssteuerungen wie Schaltflächen.
Kartenbasierte Schnittstellen bieten folgende Vorteile:
- Zum Erstellen kartenbasierter Schnittstellen sind keine HTML- oder CSS-Kenntnisse erforderlich.
- Karten und Widgets werden automatisch so gestaltet, dass sie mit den erweiterten Google Workspace-Anwendungen funktionieren.
Kartenbasierte Schnittstellen funktionieren sowohl auf Computern als auch auf Mobilgeräten, müssen jedoch nur einmal definiert werden.
Kartenbasierte Schnittstellen erstellen
Beim Erstellen kartenbasierter Add-ons ist es wichtig, bestimmte Konzepte und Designmuster zu verstehen. Die folgenden Leitfäden enthalten die Informationen, die Sie zum Erstellen effektiver kartenbasierter Add-ons benötigen:
- Infokarten
- Startseiten
- Widgets
- Aktionen
- Ereignisobjekte
- Karten erstellen
- Interaktive Karten erstellen
- Zwischen Karten navigieren
- Universelle Aktionen verwenden
- Automatische Vervollständigung bei Texteingaben hinzufügen
- Auf Sprachen und Zeitzonen von Nutzern zugreifen
- Verbindung zu Diensten von Drittanbietern herstellen
- Style guide
- Best Practices
Diese Seiten sollten Sie berücksichtigen, wenn Sie Karten erstellen und UI-Verhalten implementieren. Die folgenden zusätzlichen Beispiele können bei der Implementierung Ihres Add-ons hilfreich sein:
Kurzanleitung für das Google Workspace-Add-on „Katzen“
Dieses Add-on-Beispiel zeigt eine einfache UI für Google Workspace-Add-ons mit mehreren Seiten und Startseiten.
Google Workspace-Add-on: „Übersetzen“
Dieses Add-on-Beispiel zeigt ein Google Workspace-Add-on, mit dem Nutzer Text aus Google Docs, Google Tabellen und Google Präsentationen übersetzen können.
Add-on für Google Workspace: „Liste der Teams“
Dieses Add-on-Beispiel zeigt ein komplexeres Beispiel für ein Google Workspace-Add-on, in dem Nutzerinformationen zu Gmail-Nachrichtenempfängern, Bearbeitern von Drive-Dateien oder Teilnehmern von Google Kalender-Terminen angezeigt werden. Sie können dieses Add-on nur innerhalb einer Domain verwenden, da es über die Directory API Nutzerinformationen abruft.