Google Workspace-UI erweitern

Auf dieser Seite werden Ihre Optionen zum Verlängern des Google Workspace-Nutzerumfangs beschrieben. -Benutzeroberfläche. Es gibt viele Möglichkeiten, die Google Workspace-Benutzeroberfläche zu erweitern. einschließlich:

  • Binden Sie Ihre App oder Ihren Dienst in Google Workspace ein, damit Nutzer direkt aus einer oder mehreren Google Workspace-Apps heraus. Beispiel: ein Google Workspace-Add-on erstellen, das Smartchips und Linkvorschauen für in Google Docs für Ihren Dienst.
  • Unterstützen Sie Google Workspace-Nutzer dabei, produktiver zu sein oder ihren Workflow zu verbessern. Sie können beispielsweise eine Google Chat-App erstellen, mit der Nutzer wöchentliche Berichte erstellen können direkt in Google Chat.
  • Funktionen hinzufügen, die in Google Workspace nicht nativ verfügbar sind. Fügen Sie beispielsweise ein benutzerdefiniertes Menü Google Docs, Google Tabellen oder Google Präsentationen.

Die meisten der Optionen zur Erweiterung der Google Workspace-Benutzeroberfläche können Sie auf Google Workspace Marketplace Onlineshop, in dem Nutzer Drittanbieter-Apps finden und installieren können, mit Google Workspace.

Übersicht über die Optionen zum Erweitern der Google Workspace-Benutzeroberfläche

In der folgenden Tabelle sind die Optionen zum Erweitern des der Google Workspace-Benutzeroberfläche und Eigenschaften:

  • Erweiterte Apps: Hier sind die Google Workspace-Apps aufgelistet, die Sie erweitern können. mit der angegebenen Option.
  • Coding-Optionen: Listet die Möglichkeiten auf, die Sie erstellen können, darunter: <ph type="x-smartling-placeholder">
      </ph>
    • AppSheet: Eine No-Code-Entwicklungsplattform.
    • Apps Script: Cloudbasiertes Low-Code-Snippet Entwicklung in JavaScript basiert.
    • Vollständige Entwicklung: Ihr eigener Technologie-Stack, der Ihre bevorzugte unterstützt Programmiersprache.
  • UI-Frameworks: Gibt die Arten von UI-Frameworks an, die Sie können Sie zum Erstellen der einzelnen Optionen verwenden. Dazu gehören: <ph type="x-smartling-placeholder">
      </ph>
    • Kartenbasiert: Kartenoberflächen sind vordefinierte Widgets und Karten, die erstellt werden. entweder mit dem Card Service oder durch Rückgabe korrekt formatierter JSON-Daten an Karten mit Ihrem bevorzugten Technologie-Stack (vollständige Entwicklung) rendern Kartenbasiert Oberflächen erfordern keine HTML- oder CSS-Kenntnisse und funktionieren in beiden Desktop- und mobile Clients.
    • HTML: Apps Script bietet eine HTML-Dienst zum Entwickeln von Webseiten, die mit serverseitigen Apps Script-Funktionen interagieren. Benutzeroberflächen die mit dem HTML-Dienst entwickelt wurden, sind hochgradig anpassbar, erfordern jedoch mehr manuelle Arbeit, um eine großartige User Experience zu schaffen.
    • iFrame: Über iFrames werden externe Inhalte in Google Workspace eingebettet und bieten die größte Anpassbarkeit für Benutzeroberflächen.

Nachfolgend finden Sie eine Beschreibung der einzelnen Optionen.

<ph type="x-smartling-placeholder">
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
Google Docs
Google Tabellen
Folien
Google Apps-Skript
Vollständige Entwicklung
Linkvorschau und Smartchips | Google Workspace-Add-ons Beispiel für die Linkvorschau für das Google Workspace-Add-on
Google Docs
Google Tabellen
Folien
AppSheet
Google Apps-Skript
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
Google Apps-Skript
Vollständige Entwicklung
Kalenderkonferenzen | Google Workspace-Add-ons Beispiel für das Google Workspace-Add-on für Google Kalender-Konferenzen
Kalender
Google Apps-Skript

Verwendet die vorhandene Benutzeroberfläche

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

Verwendet die vorhandene Benutzeroberfläche

Makros Beispiel für ein Makro
Google Tabellen
Google Apps-Skript

Verwendet die vorhandene Benutzeroberfläche

Benutzerdefinierte Menüs, Dialogfelder und Seitenleisten Beispiel für Menü und Seitenleiste
Google Docs
Google Tabellen
Folien
Formulare
Google Apps-Skript
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 eingebunden werden können Apps. Ein Google Workspace-Add-on kann mehrere Google Workspace-Apps Meistens öffnet sich die App in einer Seitenleiste aus dem die erweiterte Version der Google Workspace App.

Dokumentation zu Google Workspace-Add-ons ansehen

Veröffentlichbar



Coding-Optionen:

Google Apps-Skript
Vollständige Entwicklung

Erweitert folgende Apps:

Gmail
Google Drive
Kalender

Google Docs
Google Tabellen
Folien

Verfügbare UI-Frameworks:

Karten-Framework



Beispiel für eine Linkvorschau

Mit Google Workspace-Add-ons kann Google Docs benutzerdefinierte Links erstellen Vorschau eines Drittanbieterdienstes anzeigen. Ähnlich wie Smartchips, die Docs generiert für Erwähnungen einer Person, Datei, eines Kalendertermins oder eine andere Entität innerhalb einer Google Workspace-Anwendung kann ein Add-on einen Smartchip für den Link eines Drittanbieters und zeigt eine Vorschaukarte an, die Maus über den Chip bewegt.

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

Linkvorschau und Dokumentation zu Smartchips ansehen

Veröffentlichbar



Coding-Optionen:

AppSheet
Google Apps-Skript
Vollständige Entwicklung

Erweitert folgende Apps:

Google Docs
Google Tabellen
Folien

Verfügbare UI-Frameworks:

Karten-Framework



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

Beispiel für einen E-Mail-Entwurf

Mit Google Workspace-Add-ons für Gmail können Sie wenn der Nutzer neue Nachrichten schreibt oder auf bestehende Nachrichten antwortet. Um diese Oberfläche zu verwenden, öffnen Nutzer das Add-on über im E-Mail-Entwurf entweder am Ende des Entwurfs oder . Weitere Optionen.

Dokumentation zu E-Mail-Entwürfen ansehen

Veröffentlichbar



Coding-Optionen:

Google Apps-Skript
Vollständige Entwicklung

Erweitert folgende 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 ergänzt Google Kalender um Ihre Konferenzlösung. Das Add-on fügt ein Videokonferenzoption für Kalendertermine, mit denen Nutzer direkt über Google Kalender an diesen Konferenzen teilnehmen.

Dokumentation zu Google Kalender-Konferenzen ansehen

Veröffentlichbar



Coding-Optionen:

Google Apps-Skript

Erweitert folgende Apps:

Kalender

Verfügbare UI-Frameworks:

Verwendet die vorhandene Benutzeroberfläche


Editor-Add-ons

Beispiel für ein Editor-Add-on

Editor-Add-ons sind Apps, die Google Docs, Google Tabellen, Google Präsentationen, oder Google Formulare. Editor-Add-ons können nur für eine App erweitert werden pro Add-on. Sie können aber auch mehrere Editor-Add-ons im selben Marktplatz . Nutzer öffnen Editor-Add-ons über das Menü Erweiterungen in der App, die sie erweitern.

Sie können folgende Schnittstellen für ein Editor-Add-on:

Dokumentation zu Editor-Add-ons ansehen

Veröffentlichbar



Coding-Optionen:

Google Apps-Skript

Erweitert folgende Apps:

Google Docs
Google Tabellen
Folien
Formulare

Verfügbare UI-Frameworks:

HTML-Datei
iFrame



Chat-Apps

Beispiel für eine Chat-App

Chat-Apps bieten Ressourcen und Dienste in Google Chat. Sie können Chat-Apps so entwerfen, dass sie auf viele Arten mit Nutzern interagieren, einschließlich:

  • Mit einer Textnachricht auf Slash-Befehle antworten oder eine Kartennachricht.
  • Dialogfeld öffnen, um Nutzer bei der Ausführung der mehrstufigen Schritte zu unterstützen wie das Ausfüllen von Formulardaten.
  • Vorschaulinks durch Hinzufügen von Karten mit hilfreichen Informationen, mit denen Nutzende direkt aus dem Gespräch heraus eine Aktion ausführen.

Dokumentation zu Chat-Apps ansehen

Veröffentlichbar



Coding-Optionen:

AppSheet
Google Apps-Skript
Vollständige Entwicklung

Erweitert folgende Apps:

Chatten

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 finden und verwenden können, genau wie die zahlreichen integrierten Funktionen, die Ihnen zur Verfügung stehen. in Google Tabellen. Sie können eine benutzerdefinierte Funktion als Editor-Add-ons.

Dokumentation zu benutzerdefinierten Funktionen ansehen

Veröffentlichbar



Coding-Optionen:

Google Apps-Skript

Erweitert folgende Apps:

Google Tabellen

Verfügbare UI-Frameworks:

Verwendet die vorhandene Benutzeroberfläche


Makros

Beispiel für ein Makro

Makros sind Aufzeichnungen in Google Tabellen, die eine bestimmte Reihe duplizieren von Ihnen definierten UI-Interaktionen. Sie können ein Makro mit einer Tastenkombination verknüpfen, oder führen Sie es über die Seite Erweiterungen &gt; aus. Menü Makros:

Wenn Sie ein Makro aufnehmen, wird in Google Tabellen automatisch ein Apps Script-Funktion, die die UI-Interaktionen repliziert Sie können Makros lassen sich direkt im Apps Script-Editor bearbeiten. Sie können Folgendes schreiben: in Apps Script neue Makros erstellen oder bereits und wandeln sie in Makros um.

Dokumentation zu Makros ansehen

Coding-Optionen:

Google Apps-Skript

Erweitert folgende Apps:

Google Tabellen

Verfügbare UI-Frameworks:

Verwendet die vorhandene Benutzeroberfläche


Benutzerdefinierte Menüs, Dialogfelder und Seitenleisten

Beispiel für ein benutzerdefiniertes Menü

Sie können benutzerdefinierte Menüs, Eingabeaufforderungen, Benachrichtigungen und HTML-basierte Dialogfelder hinzufügen und Seitenleisten zu Dateien in Google Docs, Google Tabellen Google Präsentationen und Google Formulare. Benutzerdefinierte Menüs werden neben dem Standardmenüs der App, die sie erweitern. Dialogfelder, Seitenleisten, Aufforderungen und Benachrichtigungen in der Regel durch Nutzeraktionen wie Klicks auf Speisekarten oder Trigger wie ereignisgesteuerte Trigger.

Dokumentation zu benutzerdefinierten Menüs, Dialogfeldern und Seitenleisten ansehen

Coding-Optionen:

Google Apps-Skript

Erweitert folgende Apps:

Google Docs
Google Tabellen
Folien
Formulare

Verfügbare UI-Frameworks:

HTML-Datei
iFrame



Drive-Apps

Beispiel für eine Drive-App

Wenn Ihre App Drive-Dateien unterstützt, können Sie sie mit dem Drive-Benutzeroberfläche zur Präsentation Ihrer App als Option zum Erstellen oder Dateien öffnen. Ihre App kann nun im Bereich Neu &gt; das Dreipunkt-Menü und das Öffnen mit, wenn ein Nutzer mit der rechten Maustaste auf eine Datei in Google 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 folgende Apps:

Google Drive

Verfügbare UI-Frameworks:

Verwendet die vorhandene Benutzeroberfläche


Add-ons für Google Classroom

Add-ons für Classroom

Mit Add-ons für Google Classroom können Lehrkräfte Anhänge Kursaufgaben, Ankündigungen oder Kursmaterialien. Diese Anhänge werden geöffnet Inhalte von Drittanbietern in iFrames in Classroom an. Die iFrames öffnen sich separate URLs je nach Nutzertyp und Classroom-Kontext.

Dokumentation zu Classroom-Add-ons ansehen

Veröffentlichbar



Coding-Optionen:

Vollständige Entwicklung

Erweitert folgende Apps:

Google Classroom

Verfügbare UI-Frameworks:

iFrame