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 sein 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 in Google Workspace nicht nativ verfügbar sind. Sie können z. B. ein benutzerdefiniertes Menü in Google Docs, Google Tabellen oder Google Präsentationen hinzufügen.

Sie können die meisten Optionen für die Erweiterung der Google Workspace-UI im Google Workspace Marketplace veröffentlichen. In diesem Onlineshop können Nutzer Drittanbieter-Apps finden und installieren, 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-UI aufgeführt und sie werden anhand der folgenden Merkmale verglichen:

  • Erweiterte Anwendungen: Listet die Google Workspace-Anwendungen auf, die Sie mit der angegebenen Option erweitern können.
  • Coding-Optionen: Listet verschiedene Möglichkeiten auf, darunter:
    • AppSheet: Eine No-Code-Entwicklungsplattform.
    • Apps Script: Eine cloudbasierte Low-Code-Entwicklungsplattform, die auf JavaScript basiert.
    • Vollständige Entwicklung: Ihr eigener Technologie-Stack, der 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: Kartenoberflächen sind vordefinierte Widgets und Karten, die entweder mit dem Card Service unter Verwendung von Apps Script erstellt werden oder indem eine korrekt formatierte JSON-Datei zurückgegeben wird, um Karten mit Ihrem bevorzugten Technologie-Stack (vollständige Entwicklung) zu rendern. Kartenbasierte Oberflächen erfordern keine HTML- oder CSS-Kenntnisse und funktionieren sowohl auf Desktop- als auch auf mobilen Clients einwandfrei.
    • HTML: Apps Script bietet einen HTML-Dienst zum Entwickeln von Webseiten, der mit serverseitigen Apps Script-Funktionen interagieren kann. Mit dem HTML-Dienst entwickelte Oberflächen sind vielseitig anpassbar, erfordern jedoch mehr manuelle Arbeit, um eine optimale Nutzererfahrung zu bieten.
    • iFrame: iFrames betten externe Inhalte in Google Workspace ein und bieten die größtmögliche Anpassbarkeit für Benutzeroberflächen.

Nachfolgend finden Sie eine Beschreibung der einzelnen Optionen.

Das können Sie erstellen Vorschau Apps erweitert Programmieroptionen Kartenbasierte UI 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
Linkvorschau und Smartchips | Google Workspace-Add-ons Beispiel für die Linkvorschau für das Google Workspace-Add-on
Docs
Tabellen
Präsentationen
AppSheet
Apps Script
Vollständige Entwicklung
E-Mail-Entwürfe | Google Workspace-Add-ons Beispiel für das Google Workspace-Add-on für E-Mail-Entwürfe
Gmail
Apps Script
Vollständige Entwicklung
Google Kalender-Konferenzen | Google Workspace-Add-ons Beispiel für das Google Workspace-Add-on für Google Kalender-Konferenzen
Kalender
Apps Script

Verwendet die vorhandene Benutzeroberfläche

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

Verwendet die vorhandene Benutzeroberfläche

Makros Beispiel für ein Makro
Tabellen
Apps Script

Verwendet die vorhandene Benutzeroberfläche

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

Verwendet die vorhandene Benutzeroberfläche

Google Classroom-Add-ons Add-ons für Google Classroom
Classroom:
Vollständige Entwicklung

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 App in einer erweiterten Seitenleiste in der Google Workspace-App geöffnet.

Dokumentation zu Google Workspace-Add-ons ansehen

Veröffentlichbar



Coding-Optionen:

Apps Script
Vollständige Entwicklung

Erweitert die folgenden Apps:

Gmail
Mit dem Auto
Kalender

Docs
Tabellen
Präsentationen

Verfügbare UI-Frameworks:

Karten-Framework



Beispiel für eine Linkvorschau

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

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

Linkvorschau und Dokumentation zu Smartchips ansehen

Veröffentlichbar



Coding-Optionen:

AppSheet
Apps Script
Vollständige Entwicklung

Erweitert die folgenden Apps:

Docs
Tabellen
Präsentationen

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 der Nutzer neue Nachrichten schreibt oder auf vorhandene Nachrichten antwortet. 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öffentlichbar



Coding-Optionen:

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, das Google Kalender um Ihre Konferenzlösung erweitert. Das Add-on fügt eine Konferenzoption für Kalendertermine hinzu, damit Nutzer diese Konferenzen direkt in Google Kalender erstellen und daran teilnehmen können.

Dokumentation zu Google Kalender-Konferenzen ansehen

Veröffentlichbar



Coding-Optionen:

Apps Script

Erweitert die folgenden Apps:

Kalender

Verfügbare UI-Frameworks:

Verwendet die 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 aber mehrere Editor-Add-ons in einem Marketplace-Eintrag veröffentlichen. Nutzer öffnen Editor-Add-ons über das Menü Erweiterungen in der jeweiligen App.

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

Dokumentation zu Editor-Add-ons ansehen

Veröffentlichbar



Coding-Optionen:

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

Chat-Apps bieten Ressourcen und Dienste in Google Chat. Chat-Apps können auf verschiedene Arten mit Nutzern interagieren, z. B.:

  • Antworten Sie auf Slash-Befehle mit einer Textnachricht oder einer Kartennachricht.
  • Öffnen Sie ein Dialogfeld, um Nutzer bei mehrstufigen Prozessen wie dem Ausfüllen von Formulardaten zu unterstützen.
  • Vorschaulinks durch Anhängen von Karten mit hilfreichen Informationen, mit denen Nutzer direkt in der Unterhaltung aktiv werden können.

Dokumentation zu Chat-Apps ansehen

Veröffentlichbar



Coding-Optionen:

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 weitere Funktionen in Google Tabellen hinzufügen. Nutzer können diese wie jede der Hunderten integrierten Funktionen suchen und verwenden, die in Google Tabellen verfügbar sind. Sie können eine benutzerdefinierte Funktion als Editor-Add-ons veröffentlichen.

Dokumentation zu benutzerdefinierten Funktionen ansehen

Veröffentlichbar



Coding-Optionen:

Apps Script

Erweitert die folgenden Apps:

Tabellen

Verfügbare UI-Frameworks:

Verwendet die vorhandene UI


Makros

Beispiel für ein Makro

Makros sind Aufzeichnungen in Google Tabellen, die eine bestimmte Reihe von UI-Interaktionen duplizieren, die Sie definieren. Sie können ein Makro mit einer Tastenkombination verknüpfen oder ü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 repliziert. Sie können Makros direkt im Apps Script-Editor bearbeiten. Sie können Makros in Apps Script von Grund auf neu schreiben oder Funktionen, die Sie bereits geschrieben haben, in Makros umwandeln.

Dokumentation zu Makros ansehen

Coding-Optionen:

Apps Script

Erweitert die folgenden Apps:

Tabellen

Verfügbare UI-Frameworks:

Verwendet die 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 jeweiligen Anwendung angezeigt. Dialogfelder, Seitenleisten, Aufforderungen und Benachrichtigungen werden in der Regel durch Nutzeraktionen wie Klicks auf Menüoptionen oder durch Trigger wie ereignisgesteuerte Trigger aktiviert.

Dokumentation zu benutzerdefinierten Menüs, Dialogfeldern und Seitenleisten ansehen

Coding-Optionen:

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

Dokumentation zu Drive-Apps ansehen

Veröffentlichbar



Coding-Optionen:

Vollständige Entwicklung

Erweitert die folgenden Apps:

Mit dem Auto

Verfügbare UI-Frameworks:

Verwendet die vorhandene UI


Add-ons für Google Classroom

Add-ons für Classroom

Mit Google Classroom-Add-ons können Lehrkräfte Anhänge zu Kursarbeiten, Ankündigungen oder Kursmaterialien erstellen. Mit diesen Anhängen werden Inhalte von Drittanbietern in iFrames in Classroom geöffnet. Die iFrames öffnen je nach Nutzertyp und Classroom-Kontext separate URLs.

Dokumentation zu Classroom-Add-ons ansehen

Veröffentlichbar



Coding-Optionen:

Vollständige Entwicklung

Erweitert die folgenden Apps:

Google Classroom

Verfügbare UI-Frameworks:

iFrame