Google Workspace-UI erweitern

Auf dieser Seite werden Ihre Optionen zum Erweitern der Google Workspace-Benutzeroberfläche beschrieben. Sie können die Google Workspace-UI aus vielen Gründen erweitern, z. B.:

  • Binden Sie Ihre Anwendung oder Ihren Dienst in Google Workspace ein, damit Nutzer die Anwendung direkt über eine oder mehrere Google Workspace-Anwendungen verwenden können. Erstellen Sie beispielsweise ein Google Workspace-Add-on, das Smartchips und Linkvorschauen für Ihren Dienst in Google Docs erstellt.
  • Unterstützen Sie Google Workspace-Nutzer dabei, produktiver zu arbeiten oder ihren Workflow zu verbessern. Erstellen Sie beispielsweise eine Google Chat-App, mit der Nutzer wöchentliche Arbeitszeitnachweise direkt in Google Chat melden können.
  • Funktionen hinzufügen, die nativ in Google Workspace nicht verfügbar sind. z. B. ein benutzerdefiniertes Menü in Google Docs, Tabellen oder Präsentationen.

Die meisten Optionen zur Erweiterung der Google Workspace-UI können Sie im Google Workspace Marketplace veröffentlichen. Dies ist ein Onlineshop, in dem Nutzer Drittanbieter-Apps finden und installieren können, die sich in Google Workspace einbinden lassen.

Optionen zum Erweitern der Google Workspace-UI

In der folgenden Tabelle sind die Optionen zum Erweitern der Google Workspace-UI aufgeführt und anhand dieser Merkmale verglichen:

  • Apps erweitert: Listet die Google Workspace-Anwendungen auf, die Sie mit der angegebenen Option erweitern können.
  • Coding-Optionen: Hier werden die Möglichkeiten aufgeführt, die Sie erstellen können, z. B.:
    • AppSheet: Eine No-Code-Entwicklungsplattform.
    • Apps Script: Eine cloudbasierte, auf JavaScript basierende Entwicklungsplattform mit wenig Code.
    • Full Dev: Ihr eigenes Technologie-Stack, das Ihre bevorzugte Programmiersprache unterstützt.
  • UI-Frameworks: Gibt die Arten von UI-Frameworks an, mit denen Sie die einzelnen Optionen erstellen können, darunter:
    • Kartenbasiert: Kartenschnittstellen sind vordefinierte Widgets und Karten, die entweder mit dem Kartendienst unter Verwendung von Apps Script oder durch Rückgabe korrekt formatierter JSON-Daten erstellt wurden, um Karten mit Ihrem bevorzugten Technologie-Stack (vollständige Entwicklung) zu rendern. Kartenbasierte Benutzeroberflächen erfordern keine HTML- oder CSS-Kenntnisse und funktionieren sowohl auf Computern als auch auf mobilen Clients gut.
    • HTML: Apps Script bietet einen HTML-Dienst zum Entwickeln von Webseiten, die mit serverseitigen Apps Script-Funktionen interagieren können. Benutzeroberflächen, die mit dem HTML-Dienst entwickelt wurden, lassen sich flexibel anpassen, erfordern jedoch mehr manuelle Arbeit, um eine optimale Nutzererfahrung zu bieten.
    • iFrame: iFrames betten externe Inhalte in Google Workspace ein und bieten die größte Anpassungsmöglichkeit für Benutzeroberflächen.

Nachfolgend finden Sie Beschreibungen der einzelnen Optionen.

Das können Sie erstellen Vorschau Apps erweitert Programmieroptionen Kartenbasierte Benutzeroberfläche HTML-Benutzeroberfläche iFrame-Benutzeroberfläche
Google Workspace-Add-ons Beispiel für ein Google Workspace-Add-on
Gmail
Drive
Kalender
Docs
Tabellen
Präsentationen
Apps Script
Vollständige Entwicklung
Linkvorschauen und Smartchips | Google Workspace-Add-ons Beispiel für Linkvorschauen für das Google Workspace-Add-on
Docs
AppSheet
Apps Script
Vollständige Entwicklung
E-Mail-Entwürfe | Google Workspace-Add-ons Beispiel für ein Google Workspace-Add-on für E-Mail-Entwürfe
Gmail
Apps Script
Vollständige Entwicklung
Kalenderkonferenzen | Google Workspace-Add-ons Beispiel für ein Google Workspace-Add-on für Google Kalender-Videokonferenzen
Kalender
Apps Script

Nutzt die vorhandene UI

Editor-Add-ons Beispiel für ein Editor-Add-on
Docs
Tabellen
Präsentationen
Formulare
Apps Script
Google Chat-Apps Beispiel für eine Chat-App
Chat
AppSheet
Apps Script
Vollständige Entwicklung
Benutzerdefinierte Funktionen Beispiel für eine benutzerdefinierte Funktion
Tabellen
Apps Script

Nutzt die vorhandene UI

Makros Beispiel für Makro
Tabellen
Apps Script

Nutzt die vorhandene UI

Benutzerdefinierte Menüs, Dialogfelder und Seitenleisten Beispiel für Menü und Seitenleiste
Docs
Tabellen
Präsentationen
Formulare
Apps Script
Google Drive-Apps Beispiel für eine Drive-App
Drive
Vollständige Entwicklung

Nutzt die vorhandene UI

Google Workspace-Add-ons

Beispiel für ein Google Workspace-Add-on

Google Workspace-Add-ons sind Anwendungen, die in Google Workspace-Anwendungen eingebunden werden können. Ein Google Workspace-Add-on kann mehrere Google Workspace-Anwendungen erweitern. Meistens wird die Anwendung in einer Seitenleiste innerhalb der Google Workspace-App geöffnet, die sie erweitert.

Dokumentation zu Google Workspace-Add-ons ansehen

Veröffentlichungsfähig



Codierungsoptionen:

Apps Script
Vollständige Entwicklung

Erweitert die folgenden Apps:

Gmail
Drive
Kalender

Docs
Tabellen
Präsentationen

Verfügbare UI-Frameworks:

Karten-Framework



Beispiel für Linkvorschau

Mit Google Workspace-Add-ons, die Docs erweitern, können benutzerdefinierte Linkvorschauen von einem Drittanbieterdienst erstellt werden. Ähnlich wie Smartchips, die Docs für die Erwähnungen einer Person, einer Datei, eines Kalendertermins oder einer anderen Entität in einer Google Workspace-Anwendung generiert, kann ein Add-on einen Smartchip für einen Link eines Drittanbieters generieren und eine Vorschaukarte anzeigen, wenn jemand den Mauszeiger auf den Chip bewegt.

Sie können vorhandenen Google Workspace-Add-ons Linkvorschauen hinzufügen oder ein separates Google Workspace-Add-on speziell für die Linkvorschau erstellen.

Dokumentation zu Linkvorschauen und Smartchips ansehen

Veröffentlichungsfähig



Codierungsoptionen:

AppSheet
Apps Script
Vollständige Entwicklung

Erweitert die folgenden Apps:

Docs

Verfügbare UI-Frameworks:

Karten-Framework



E-Mail-Entwürfe | Google Workspace-Add-ons

Beispiel für einen E-Mail-Entwurf

Google Workspace-Add-ons, die Gmail erweitern, können eine benutzerdefinierte Oberfläche bereitstellen, wenn Nutzer neue Nachrichten schreiben oder auf vorhandene Nachrichten antworten. Zur Verwendung dieser Oberfläche ö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öffentlichungsfähig



Codierungsoptionen:

Apps Script
Vollständige Entwicklung

Erweitert die folgenden Apps:

Gmail

Verfügbare UI-Frameworks:

Karten-Framework



Kalenderkonferenzen | Google Workspace-Add-ons

Beispiel für eine Kalenderkonferenz

Wenn Sie Anbieter von Webkonferenzen sind, können Sie ein Google Workspace-Add-on erstellen, um Google Kalender mit Ihrer Konferenzlösung zu erweitern. Das Add-on bietet eine Option für Videokonferenzen in Google Kalender, mit der Nutzer direkt in Google Kalender Konferenzen erstellen und daran teilnehmen können.

Dokumentation zu Google Kalender-Videokonferenzen ansehen

Veröffentlichungsfähig



Codierungsoptionen:

Apps Script

Erweitert die folgenden Apps:

Kalender

Verfügbare UI-Frameworks:

Verwendet vorhandene UI


Editor-Add-ons

Beispiel für ein Editor-Add-on

Editor-Add-ons sind Anwendungen zur Erweiterung von Google Docs, Google Tabellen, Google Präsentationen oder Google Formulare. Editor-Add-ons können nur eine Anwendung pro Add-on erweitern. Sie können jedoch mehrere Editor-Add-ons in demselben Marketplace-Eintrag veröffentlichen. Nutzer öffnen Editor-Add-ons über das Menü Erweiterungen in der App, die sie erweitern.

Sie können die folgenden Benutzeroberflächen für ein Editor-Add-on verwenden:

Dokumentation zu Editor-Add-ons ansehen

Veröffentlichungsfähig



Codierungsoptionen:

Apps Script

Erweitert die folgenden Apps:

Docs
Tabellen
Präsentationen
Formulare

Verfügbare UI-Frameworks:

HTML
iFrame



Chat-Apps

Beispiel für eine Chat-App

Mit Chat-Apps können Sie Ressourcen und Dienste in Google Chat einbinden. Sie können Chat-Apps so entwerfen, dass sie auf verschiedene Arten mit Nutzern interagieren. Dazu gehören:

  • Mit einer Text- oder Kartennachricht auf Slash-Befehle 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, damit Nutzer direkt in der Unterhaltung Aktionen ausführen können.

Dokumentation zu Chat-Apps ansehen

Veröffentlichungsfähig



Codierungsoptionen:

AppSheet
Apps Script
Vollständige Entwicklung

Erweitert die folgenden Apps:

Chat

Verfügbare UI-Frameworks:

Karten-Framework



Benutzerdefinierte Funktionen

Beispiel für eine benutzerdefinierte Funktion

Mit benutzerdefinierten Funktionen können Sie in Google Tabellen weitere Funktionen hinzufügen. Nutzer können sie wie jede der Hunderte von integrierten Funktionen in Google Tabellen finden und verwenden.

Dokumentation zu benutzerdefinierten Funktionen ansehen

Veröffentlichungsfähig



Codierungsoptionen:

Apps Script

Erweitert die folgenden Apps:

Tabellen

Verfügbare UI-Frameworks:

Verwendet vorhandene UI


Makros

Beispiel für Makro

Makros sind Aufzeichnungen in Google Tabellen, die eine bestimmte Reihe von UI-Interaktionen duplizieren, die Sie definiert haben. Sie können ein Makro mit einer Tastenkombination verknüpfen oder über das Menü Erweiterungen > Makros ausführen.

Wenn Sie ein Makro aufzeichnen, erstellt Google Tabellen automatisch eine Apps Script-Funktion, die die UI-Interaktionen repliziert. Sie können Makros direkt im Apps Script-Editor bearbeiten. Sie können Makros von Grund auf in Apps Script schreiben oder bereits geschriebene Funktionen in Makros umwandeln.

Dokumentation zu Makros ansehen

Codierungsoptionen:

Apps Script

Erweitert die folgenden Apps:

Tabellen

Verfügbare UI-Frameworks:

Verwendet vorhandene UI


Benutzerdefinierte Menüs, Dialogfelder und Seitenleisten

Beispiel für ein benutzerdefiniertes Menü

Sie können Dateien in Google Docs, Google Tabellen, Google Präsentationen und Google Formulare benutzerdefinierte Menüs, Aufforderungen, Benachrichtigungen und HTML-basierte Dialogfelder und Seitenleisten hinzufügen. Benutzerdefinierte Menüs werden neben den Standardmenüs der App angezeigt, die sie erweitern. Dialogfelder, Seitenleisten, Aufforderungen 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:

Docs
Tabellen
Präsentationen
Formulare

Verfügbare UI-Frameworks:

HTML
iFrame



Drive-Apps

Beispiel für eine Drive-App

Wenn Ihre App Drive-Dateien unterstützt, können Sie sie in die Drive-Benutzeroberfläche einbinden, um Ihre App als Option zum Erstellen oder Öffnen von Dateien zu präsentieren. Wenn ein Nutzer in Drive mit der rechten Maustaste auf eine Datei klickt, kann Ihre App im Menü Neu > Mehr und im Menü Öffnen mit angezeigt werden. Wenn ein Nutzer Ihre App aus einem der beiden Menüs auswählt, wird sie in einem neuen Fenster geöffnet.

Dokumentation für Drive-Apps ansehen

Veröffentlichungsfähig



Codierungsoptionen:

Vollständige Entwicklung

Erweitert die folgenden Apps:

Drive

Verfügbare UI-Frameworks:

Verwendet vorhandene UI