Auf dieser Seite werden die Optionen zum Erweitern der Google Workspace-Benutzeroberfläche beschrieben. Es gibt viele Gründe, die Google Workspace-Benutzeroberfläche zu erweitern, z. B.:
- Integrieren Sie Ihre App oder Ihren Dienst in Google Workspace, damit Nutzer die App direkt über eine oder mehrere Google Workspace-Apps verwenden können. Sie können beispielsweise ein Google Workspace-Add-on erstellen, mit dem Smartchips und Linkvorschauen für Ihren Dienst in Google Docs erstellt werden.
- Google Workspace-Nutzern helfen, produktiver zu sein oder ihren Workflow zu verbessern. Sie können beispielsweise eine Google Chat-App erstellen, mit der Nutzer wöchentliche Zeiterfassungen direkt über Google Chat einreichen können.
- Funktionen hinzufügen, die in Google Workspace nicht nativ verfügbar sind. Sie können beispielsweise in Google Docs, Google Sheets oder Google Präsentationen ein benutzerdefiniertes Menü hinzufügen.
Die meisten Optionen zur Erweiterung der Google Workspace-Benutzeroberfläche können Sie im Google Workspace Marketplace veröffentlichen. Das ist ein Onlineshop, in dem Nutzer Drittanbieter-Apps finden und installieren können, die in Google Workspace eingebunden sind.
Übersicht über die Optionen zum Erweitern der Google Workspace-Benutzeroberfläche
In der folgenden Tabelle sind die Optionen zum Erweitern der Google Workspace-Benutzeroberfläche aufgeführt und anhand der folgenden Merkmale verglichen:
- Erweiterte Apps: Hier werden die Google Workspace-Apps aufgeführt, die Sie mit der jeweiligen Option erweitern können.
- Codierungsoptionen: Hier werden die Möglichkeiten aufgelistet, wie Sie ein Projekt erstellen können, darunter:
- AppSheet: Eine No-Code-Entwicklungsplattform.
- Apps Script: Eine cloudbasierte Low-Code-Entwicklungsplattform auf JavaScript-Basis.
- Full Dev: Ihr eigener Tech-Stack, der Ihre bevorzugte Programmiersprache unterstützt.
- UI-Frameworks: Gibt die Arten von UI-Frameworks an, die Sie zum Erstellen der einzelnen Optionen verwenden können, darunter:
- Kartenbasiert: Kartenoberflächen sind vordefinierte Widgets und Karten, die entweder mit dem Kartendienst mit Apps Script oder durch Rückgabe korrekt formatierter JSON-Daten erstellt werden, um Karten mit Ihrem bevorzugten Tech-Stack zu rendern (Full Dev). Für cardbasierte Benutzeroberflächen sind keine HTML- oder CSS-Kenntnisse erforderlich und sie funktionieren sowohl auf Desktop- als auch auf Mobilgeräten.
- HTML: Apps Script bietet einen HTML-Dienst zum Entwickeln von Webseiten, die mit serverseitigen Apps Script-Funktionen interagieren können. Mit dem HTML-Dienst entwickelte Oberflächen sind hochgradig anpassbar, erfordern aber mehr manuelle Arbeit, um eine gute Nutzererfahrung zu schaffen.
- iframe: Iframes sind externe Inhalte, die in Google Workspace eingebettet sind. Sie bieten die größte Anpassungsfähigkeit für Benutzeroberflächen.
Nach der Tabelle finden Sie Beschreibungen der einzelnen Optionen.
| Was Sie erstellen können | Vorschau | Apps erweitert | Codierungsoptionen | Kartenbasierte Benutzeroberfläche | HTML-Benutzeroberfläche | iFrame-Benutzeroberfläche |
|---|---|---|---|---|---|---|
| Google Workspace-Add-ons |
|
Gmail  Drive
Kalender
Google Docs
 Meet
Google Tabellen
Präsentationen |
Apps Script
Vollständige Entwicklung
|
|||
| Linkvorschau und Smartchips | Google Workspace-Add-ons |
|
Google Docs
Google Tabellen
Präsentationen
|
AppSheet
Apps Script
Vollständige Entwicklung
|
|||
| E-Mail-Entwürfe | Google Workspace-Add-ons |
|
Gmail |
Apps Script
Vollständige Entwicklung
|
|||
| Hauptbildschirm und Seitenleiste von Google Meet | Google Workspace-Add-ons |
|
Meet
|
Vollständige Entwicklung
|
|||
| Videokonferenzen in Google Kalender | Google Workspace-Add-ons |
|
Kalender
|
Apps Script
|
Verwendet vorhandene Benutzeroberfläche |
||
| Add-ons für den Editor |
|
Google Docs
Google Tabellen
Präsentationen
Formulare |
Apps Script
|
|||
| Benutzerdefinierte Funktionen | Editor-Add-ons |
|
Google Tabellen
|
Apps Script
|
Verwendet vorhandene Benutzeroberfläche |
||
| Makros | Editor-Add-ons |
|
Google Tabellen
|
Apps Script
|
Verwendet vorhandene Benutzeroberfläche |
||
| Benutzerdefinierte Menüs, Dialogfelder und Seitenleisten | Editor-Add-ons |
|
Google Docs
Google Tabellen
Präsentationen
Formulare |
Apps Script
|
|||
| Google Chat-Apps |
|
Chat
|
AppSheet
Apps Script
Vollständige Entwicklung
|
|||
| Google Drive-Apps |
|
Drive
|
Vollständige Entwicklung
|
Verwendet vorhandene Benutzeroberfläche |
||
| Google Classroom-Add-ons |
|
 Classroom
|
Vollständige Entwicklung
|
|||
Arten von App-Integrationen
Im folgenden Abschnitt werden die Arten von App-Integrationen beschrieben, mit denen Sie die Google Workspace-Benutzeroberfläche erweitern können.
Wenn Sie Ihre Funktion für andere Google Workspace-Nutzer freigeben möchten, können Sie einen Eintrag im Google Workspace Marketplace veröffentlichen. Informationen dazu, welche Arten von App-Integrationen gemeinsam aufgeführt werden können, finden Sie in der Marketplace-Dokumentation unter App-Integrationen gemeinsam auflisten.
Google Workspace-Add-ons
Google Workspace-Add-ons sind Anwendungen, die in Google Workspace-Apps eingebunden werden können. Ein Google Workspace-Add-on kann mehrere Google Workspace-Apps erweitern. In den meisten Fällen wird die App in einer Seitenleiste in der Google Workspace-App geöffnet, die sie erweitert.
Neben Seitenleisten können Sie für ein Add-on auch die folgenden Funktionen erstellen:
- Smartchips, die eine Vorschau von Links von einem Drittanbieterdienst anzeigen.
- Oberflächen zum Verfassen von E-Mails in Gmail
- Eine Option für Webkonferenzen über Termine in Google Kalender
Dokumentation zu Google Workspace-Add-ons ansehen
Veröffentlicht
Codierungsoptionen:
Apps Script
Vollständige Entwicklung
Erweitert die folgenden Apps:
Gmail
Drive
Kalender
Google Docs
Meet
Google Tabellen
Präsentationen
Verfügbare UI-Frameworks:
Karten-Framework
Linkvorschauen und Smartchips
Mit Google Workspace-Add-ons, die Docs erweitern, können benutzerdefinierte Linkvorschauen von einem Drittanbieterdienst erstellt werden. Ähnlich wie Smartchips, die in Google Docs für Erwähnungen einer Person, Datei, eines Kalendertermins oder eines anderen Elements in einer Google Workspace-Anwendung generiert werden, kann ein Add-on einen Smartchip für einen Drittanbieterlink generieren und eine Vorschaukarte anzeigen, wenn der Mauszeiger auf den Chip bewegt wird.
Sie können vorhandenen Google Workspace-Add-ons Linkvorschauen hinzufügen oder ein separates Google Workspace-Add-on speziell für Linkvorschauen erstellen.
Dokumentation zu Linkvorschauen und Smartchips ansehen
Veröffentlicht
Codierungsoptionen:
AppSheet
Apps Script
Vollständige Entwicklung
Erweitert die folgenden Apps:
Google Docs
Google Tabellen
Präsentationen
Verfügbare UI-Frameworks:
Karten-Framework
E-Mail-Entwürfe
Google Workspace-Add-ons, die Gmail erweitern, können eine benutzerdefinierte Benutzeroberfläche bereitstellen, wenn der Nutzer neue Nachrichten verfasst oder auf vorhandene Nachrichten antwortet. Um diese Benutzeroberfläche zu verwenden, öffnen Nutzer das Add-on im E-Mail-Entwurf, entweder unten im Entwurf oder im Menü Weitere Optionen.
Dokumentation zu E-Mail-Entwürfen ansehen
Veröffentlicht
Codierungsoptionen:
Apps Script
Vollständige Entwicklung
Erweitert die folgenden Apps:
Gmail
Verfügbare UI-Frameworks:
Karten-Framework
Hauptbildschirm und Seitenleiste eines Meetings
Mit Google Workspace-Add-ons, die Meet erweitern, können Sie Ihre App in die Hauptoberfläche oder die Seitenleiste einer Videokonferenz einbetten. So können Nutzer Ihre App entdecken, Inhalte teilen und zusammenarbeiten, ohne Meet verlassen zu müssen.
Im Gegensatz zu anderen Google Workspace-Add-ons wird für Meet-Add-ons nicht die Benutzeroberfläche des Karten-Frameworks verwendet. Stattdessen betten Sie Ihre App über einen iFrame ein.
SDK-Dokumentation für Meet-Add-ons ansehen
Veröffentlicht
Codierungsoptionen:
Vollständige Entwicklung
Erweitert die folgenden Apps:
Meet
Verfügbare UI-Frameworks:
iframe
Videokonferenzen in Google Kalender
Wenn Sie ein Anbieter von Webkonferenzen sind, können Sie ein Google Workspace-Add-on erstellen, mit dem Google Kalender um Ihre Konferenzlösung erweitert wird. Das Add-on fügt eine Konferenzoption für Kalendertermine hinzu, mit der Nutzer diese Konferenzen direkt in Google Kalender erstellen und daran teilnehmen können.
Dokumentation zu Kalenderkonferenzen ansehen
Veröffentlicht
Codierungsoptionen:
Apps Script
Erweitert die folgenden Apps:
Kalender
Verfügbare UI-Frameworks:
Verwendet vorhandene Benutzeroberfläche
Editor-Add-ons
Editor-Add-ons sind Apps, die Google Docs, Google Tabellen, Google Präsentationen oder Google Formulare erweitern. Mit Editor-Add-ons kann nur eine App pro Add-on erweitert werden. Sie können jedoch mehrere Editor-Add-ons im selben Marketplace-Eintrag veröffentlichen. Nutzer öffnen Editor-Add-ons über das Menü Erweiterungen in der App, die sie erweitern.
Sie können die folgenden Funktionen für ein Editor-Add-on erstellen:
- Eine benutzerdefinierte Funktion oder ein Makro in einer Google Tabellen-Tabelle.
- Ein Dialogfeld oder eine Seitenleiste in der App, die erweitert wird.
- Ein Menüpunkt, der ein Script ausführt.
Dokumentation zu Editor-Add-ons ansehen
Veröffentlicht
Codierungsoptionen:
Apps Script
Erweitert die folgenden Apps:
Google Docs
Google Tabellen
Präsentationen
Formulare
Verfügbare UI-Frameworks:
HTML
iframe
Benutzerdefinierte Funktionen
Mit benutzerdefinierten Funktionen können Sie Google Tabellen weitere Funktionen hinzufügen. Nutzer können sie wie jede der Hunderte von integrierten Funktionen in Google Tabellen finden und verwenden. Sie können eine benutzerdefinierte Funktion als Editor-Add-on veröffentlichen.
Dokumentation zu benutzerdefinierten Funktionen ansehen
Veröffentlicht
Codierungsoptionen:
Apps Script
Erweitert die folgenden Apps:
Google Tabellen
Verfügbare UI-Frameworks:
Verwendet vorhandene Benutzeroberfläche
Makros
Makros sind Aufzeichnungen in Google Tabellen, die eine bestimmte Reihe von von Ihnen definierten UI-Interaktionen duplizieren. Sie können ein Makro mit einer Tastenkombination verknüpfen oder es über das Menü Erweiterungen > Makros ausführen.
Wenn Sie ein Makro aufzeichnen, wird in Google Tabellen automatisch eine Apps Script-Funktion erstellt, die die UI-Interaktionen nachahmt. Sie können Makros direkt im Apps Script-Editor bearbeiten. Sie können Makros in Apps Script von Grund auf neu schreiben oder bereits geschriebene Funktionen in Makros umwandeln. Eine Makrodefinition kann in einem Editor-Add-on enthalten sein, aber nicht veröffentlicht werden.
Dokumentation zu Makros ansehen
Codierungsoptionen:
Apps Script
Erweitert die folgenden Apps:
Google Tabellen
Verfügbare UI-Frameworks:
Verwendet vorhandene Benutzeroberfläche
Benutzerdefinierte Menüs, Dialogfelder und Seitenleisten
Sie können Dateien in Google Docs, Google Tabellen, Google Präsentationen und Google Formulare im Rahmen eines Editor-Add-ons benutzerdefinierte Menüs, Prompts, Benachrichtigungen sowie HTML-basierte Dialogfelder und Seitenleisten hinzufügen. Benutzerdefinierte Menüs werden neben den Standardmenüs der App angezeigt, die sie erweitern. Dialogfelder, Seitenleisten, Prompts und Benachrichtigungen werden in der Regel durch Nutzeraktionen wie Klicks auf Menüpunkte oder durch Trigger wie ereignisgesteuerte Trigger aktiviert.
Dokumentation zu benutzerdefinierten Menüs, Dialogfeldern und Seitenleisten ansehen
Codierungsoptionen:
Apps Script
Erweitert die folgenden Apps:
Google Docs
Google Tabellen
Präsentationen
Formulare
Verfügbare UI-Frameworks:
HTML
iframe
Google Chat-Apps
Chat-Apps binden Ressourcen und Dienste in Google Chat ein. Sie können Chat-Apps so gestalten, dass Nutzer auf verschiedene Arten interagieren können, z. B.:
- Sie können auf Schrägstricheingaben mit einer SMS oder einer Kartennachricht antworten.
- Öffnen Sie ein Dialogfeld, um Nutzern bei mehrstufigen Prozessen wie dem Ausfüllen von Formulardaten zu helfen.
- Vorschaulinks: Hängen Sie Karten mit hilfreichen Informationen an, über die Nutzer direkt in der Unterhaltung Aktionen ausführen können.
Dokumentation zu Chat-Apps ansehen
Veröffentlicht
Codierungsoptionen:
AppSheet
Apps Script
Vollständige Entwicklung
Erweitert die folgenden Apps:
Chat
Verfügbare UI-Frameworks:
Karten-Framework
Google Drive-Apps
Wenn Ihre App Drive-Dateien unterstützt, können Sie sie in die Drive-Benutzeroberfläche einbinden, damit Ihre App als Option zum Erstellen oder Öffnen von Dateien angezeigt wird. Ihre App kann im Menü Neu > Dreipunkt-Menü und im Menü Mit angezeigt werden, wenn ein Nutzer in Drive mit der rechten Maustaste auf eine Datei klickt. Wenn ein Nutzer Ihre App über eines der beiden Menüs auswählt, wird sie in einem neuen Fenster geöffnet.
Dokumentation zu Drive-Apps ansehen
Veröffentlicht
Codierungsoptionen:
Vollständige Entwicklung
Erweitert die folgenden Apps:
Drive
Verfügbare UI-Frameworks:
Verwendet vorhandene Benutzeroberfläche
Google Classroom-Add-ons
Mit Google Classroom-Add-ons können Lehrkräfte Anhänge zu Kursarbeiten, Ankündigungen oder Kursmaterialien erstellen. Diese Anhänge öffnen Drittanbieterinhalte in Iframes in Classroom. Die Iframes öffnen je nach Nutzertyp und Classroom-Kontext separate URLs.
Dokumentation zu Classroom-Add-ons ansehen
Veröffentlicht
Codierungsoptionen:
Vollständige Entwicklung
Erweitert die folgenden Apps:
Classroom
Verfügbare UI-Frameworks:
iframe
Weitere Informationen
- Mit Google Workspace entwickeln: Hier erhalten Sie einen ersten Einblick in die Entwicklung für Google Workspace.
- Google Workspace Marketplace: Hier können Sie Ihre App-Integrationen veröffentlichen, um Ihre Lösungen für Google Workspace-Nutzer freizugeben.