Estensione dell'interfaccia utente di Google Workspace

Questa pagina descrive le opzioni per estendere l'interfaccia utente (UI) di Google Workspace. Puoi estendere l'interfaccia utente di Google Workspace per diversi motivi, tra cui:

  • Integra la tua app o il tuo servizio in Google Workspace, in modo che gli utenti possano utilizzare la tua app direttamente da una o più app Google Workspace. Ad esempio, puoi creare un componente aggiuntivo di Google Workspace che crei smart chip e anteprime dei link per il tuo servizio all'interno di Documenti Google.
  • Aiuta gli utenti di Google Workspace ad aumentare la produttività o a migliorare il flusso di lavoro. Ad esempio, puoi creare un'app Google Chat che consenta agli utenti di registrare i prospetti settimanali direttamente da Google Chat.
  • Aggiungi funzionalità non disponibili in modo nativo in Google Workspace. Ad esempio, aggiungi un menu personalizzato in Documenti, Fogli o Presentazioni Google.

Puoi pubblicare la maggior parte delle opzioni per estendere l'interfaccia utente di Google Workspace su Google Workspace Marketplace, un negozio online in cui gli utenti possono trovare e installare app di terze parti integrate con Google Workspace.

Panoramica delle opzioni per estendere l'interfaccia utente di Google Workspace

La tabella seguente elenca le opzioni per estendere l'UI di Google Workspace e le confronta in base alle seguenti caratteristiche:

  • App estese: elenca le app di Google Workspace che puoi estendere con l'opzione specificata.
  • Opzioni di codifica: elenca i modi in cui puoi eseguire la compilazione, tra cui:
    • AppSheet: una piattaforma di sviluppo no-code.
    • Apps Script: una piattaforma di sviluppo low-code basata su cloud e JavaScript.
    • Sviluppo completo: il tuo tech stack che supporta il linguaggio di programmazione preferito.
  • Framework UI: indica i tipi di framework UI che puoi utilizzare per creare ogni opzione, tra cui:
    • In base a schede: le interfacce delle schede sono widget e schede predefinite creati con Card Service utilizzando Apps Script o restituendo JSON formattato correttamente per il rendering delle schede con la tua tecnologia preferita (sviluppo completo). Le interfacce basate su schede non richiedono la conoscenza di HTML o CSS e funzionano bene sia sui client desktop che su quelli mobile.
    • HTML: Apps Script offre un servizio HTML per lo sviluppo di pagine web che possono dialogare con le funzioni di Apps Script lato server. Le interfacce sviluppate con il servizio HTML sono altamente personalizzabili, ma richiedono un lavoro manuale maggiore per creare un'esperienza utente ottimale.
    • iframe: gli iframe inseriscono contenuti esterni in Google Workspace e offrono la massima personalizzazione per le interfacce utente.

Di seguito alla tabella sono riportate le descrizioni di ogni opzione.

Che cosa puoi creare Anteprima App estese Opzioni di codifica Interfaccia utente basata su schede Interfaccia utente HTML Interfaccia utente di iframe
Componenti aggiuntivi di Google Workspace Esempio di componente aggiuntivo di Google Workspace
Gmail
Drive
Calendar
Documenti
Fogli
Presentazioni
Apps Script
Completo
Anteprime dei link e smart chip | Componenti aggiuntivi di Google Workspace Esempio di anteprime dei link ai componenti aggiuntivi di Google Workspace
Documenti
Fogli
Presentazioni
AppSheet
Apps Script
Completo
Bozze email | Componenti aggiuntivi di Google Workspace Esempio di componente aggiuntivo di Google Workspace per le bozze email
Gmail
Apps Script
Completo
Piattaforma principale e riquadro laterale della riunione | Componenti aggiuntivi di Google Workspace Componenti aggiuntivi di Google Meet
Meet
Completo
Riunioni di Calendar | Componenti aggiuntivi di Google Workspace Esempio di componente aggiuntivo di Google Workspace per le conferenze di Calendar
Calendar
Apps Script

Utilizza l'interfaccia utente esistente

Componenti aggiuntivi dell'editor Esempio di componente aggiuntivo Editor
Documenti
Fogli
Presentazioni
Moduli
Apps Script
App Google Chat Esempio di app di chat
Chat
AppSheet
Apps Script
Completo
Funzioni personalizzate Esempio di funzione personalizzata
Fogli
Apps Script

Utilizza l'interfaccia utente esistente

Macro Esempio di macro
Fogli
Apps Script

Utilizza l'interfaccia utente esistente

Menu, finestre di dialogo e barre laterali personalizzati Esempio di menu e barra laterale
Documenti
Fogli
Presentazioni
Moduli
Apps Script
App di Google Drive Esempio di app Drive
Drive
Completo

Utilizza l'interfaccia utente esistente

Componenti aggiuntivi di Google Classroom Componenti aggiuntivi di Google Classroom
Classroom
Completo

Componenti aggiuntivi di Google Workspace

Esempio di componente aggiuntivo di Google Workspace

I componenti aggiuntivi di Google Workspace sono applicazioni che si integrano con le app Google Workspace. Un componente aggiuntivo di Google Workspace può estendere più app Google Workspace. Molto spesso, l'app si apre in una barra laterale all'interno dell'app Google Workspace che estende.

Visualizzare la documentazione dei componenti aggiuntivi di Google Workspace

Pubblicabile



Opzioni di codifica:

Apps Script
Completo

Estensione delle seguenti app:

Gmail
Guida
Calendar

Documenti
Fogli
Presentazioni

Framework UI disponibili:

Struttura delle schede



Esempio di anteprima link

I componenti aggiuntivi di Google Workspace che estendono Documenti possono creare anteprime personalizzate dei link da un servizio di terze parti. Analogamente agli smart chip che Documenti genera per le menzioni di una persona, un file, un evento nel calendario o un'altra entità all'interno di un'applicazione Google Workspace, un componente aggiuntivo può generare uno smart chip per un link di terze parti e mostrare una scheda di anteprima quando un utente passa il mouse sopra il chip.

Puoi aggiungere anteprime dei link ai componenti aggiuntivi di Google Workspace esistenti o creare un componente aggiuntivo di Google Workspace separato specificamente per le anteprime dei link.

Visualizzare le anteprime dei link e la documentazione degli smart chip

Pubblicabile



Opzioni di codifica:

AppSheet
Apps Script
Completo

Estensione delle seguenti app:

Documenti
Fogli
Presentazioni

Framework UI disponibili:

Struttura delle schede



Bozze email | Componenti aggiuntivi di Google Workspace

Esempio di bozza di email

I componenti aggiuntivi di Google Workspace che estendono Gmail possono fornire un'interfaccia personalizzata quando l'utente scrive nuovi messaggi o risponde a quelli esistenti. Per utilizzare questa interfaccia, gli utenti aprono il componente aggiuntivo dalla bozza dell'email, in fondo alla bozza o nel menu Altre opzioni.

Visualizzare la documentazione relativa alle bozze di email

Pubblicabile



Opzioni di codifica:

Apps Script
Completo

Estensione delle seguenti app:

Gmail

Framework UI disponibili:

Struttura delle schede



Fase principale e riquadro laterale della riunione | Componenti aggiuntivi di Google Workspace

Componenti aggiuntivi di Meet

I componenti aggiuntivi di Google Workspace che estendono Meet ti consentono di incorporare la tua app nell'interfaccia della fase principale o del riquadro laterale di una riunione, dove gli utenti possono scoprire, condividere e collaborare nella tua app senza uscire da Meet.

A differenza di altri componenti aggiuntivi di Google Workspace, i componenti aggiuntivi di Meet non utilizzano l'interfaccia utente del framework delle schede. ma puoi incorporare l'app utilizzando un iframe.

Visualizzare la documentazione dell'SDK dei componenti aggiuntivi di Meet

Pubblicabile



Opzioni di codifica:

Completo

Estensione delle seguenti app:

Meet

Framework UI disponibili:

iframe



Conferenze di Calendar | Componenti aggiuntivi di Google Workspace

Esempio di videoconferenza di Calendar

Se sei un fornitore di servizi di videoconferenza web, puoi creare un componente aggiuntivo di Google Workspace che espanda Google Calendar con la tua soluzione per le conferenze. Il componente aggiuntivo aggiunge un'opzione per le conferenze per gli eventi di Calendar, consentendo agli utenti di creare e partecipare alle conferenze direttamente da Calendar.

Visualizzare la documentazione relativa alle conferenze di Calendar

Pubblicabile



Opzioni di codifica:

Apps Script

Estensione delle seguenti app:

Calendar

Framework UI disponibili:

Utilizza l'interfaccia utente esistente


Componenti aggiuntivi dell'editor

Esempio di componente aggiuntivo Editor

I componenti aggiuntivi per gli editor sono app che estendono Documenti, Fogli, Presentazioni o Moduli. I componenti aggiuntivi di Editor possono estendere una sola app per componente aggiuntivo, ma puoi pubblicare più componenti aggiuntivi di Editor nella stessa scheda di Marketplace. Gli utenti aprono i componenti aggiuntivi di Editor dal menu Estensioni nell'app che estendono.

Per un componente aggiuntivo di Editor puoi utilizzare le seguenti interfacce:

Visualizzare la documentazione dei componenti aggiuntivi di Editor

Pubblicabile



Opzioni di codifica:

Apps Script

Estensione delle seguenti app:

Documenti
Fogli
Presentazioni
Moduli

Framework UI disponibili:

HTML
iframe



App di chat

Esempio di app di chat

Le app di Chat aggiungono risorse e servizi a Chat. Puoi progettare app di Chat per interagire con gli utenti in molti modi, tra cui:

  • Rispondere ai comandi con barra con un messaggio o una scheda.
  • Apri una finestra di dialogo per aiutare gli utenti a completare procedure con più passaggi, ad esempio la compilazione dei dati del modulo.
  • Visualizza l'anteprima dei link allegando schede con informazioni utili che consentono agli utenti di eseguire azioni direttamente dalla conversazione.

Visualizzare la documentazione delle app di Chat

Pubblicabile



Opzioni di codifica:

AppSheet
Apps Script
Completo

Estensione delle seguenti app:

Chat

Framework UI disponibili:

Struttura delle schede



Funzioni personalizzate

Esempio di funzione personalizzata

Le funzioni personalizzate ti consentono di aggiungere altre funzioni in Fogli. Gli utenti possono trovarle e utilizzarle come qualsiasi delle centinaia di funzioni incorporate disponibili in Fogli. Puoi pubblicare una funzione personalizzata come plug-in di Editor.

Visualizza la documentazione delle funzioni personalizzate

Pubblicabile



Opzioni di codifica:

Apps Script

Estensione delle seguenti app:

Fogli

Framework UI disponibili:

Utilizza l'interfaccia utente esistente


Macro

Esempio di macro

Le macro sono registrazioni in Fogli che duplicano una serie specifica di interazioni con l'interfaccia utente che definisci. Puoi collegare una macro a una scorciatoia da tastiera o eseguirla dal menu Estensioni > Macro.

Quando registri una macro, Fogli crea automaticamente una funzione Apps Script che replica le interazioni con l'interfaccia utente. Puoi modificare le macro direttamente nell'editor di Apps Script. Puoi scrivere le macro da zero in Apps Script o prendere le funzioni che hai già scritto e trasformarle in macro.

Visualizzare la documentazione delle macro

Opzioni di codifica:

Apps Script

Estensione delle seguenti app:

Fogli

Framework UI disponibili:

Utilizza l'interfaccia utente esistente


Menu, finestre di dialogo e barre laterali personalizzate

Esempio di menu personalizzato

Puoi aggiungere menu, prompt, avvisi e finestre di dialogo e barre laterali personalizzate basate su HTML ai file in Documenti, Fogli, Presentazioni e Moduli. I menu personalizzati vengono visualizzati accanto ai menu predefiniti dell'app che estendono. Le finestre di dialogo, le barre laterali, le richieste e gli avvisi vengono solitamente attivati da azioni utente come i clic sugli elementi del menu o da attivatori come quelli basati su eventi.

Visualizzare la documentazione relativa a menu, finestre di dialogo e barre laterali personalizzati

Opzioni di codifica:

Apps Script

Estensione delle seguenti app:

Documenti
Fogli
Presentazioni
Moduli

Framework UI disponibili:

HTML
iframe



App di Drive

Esempio di app Drive

Se la tua app supporta i file di Drive, puoi integrarla con l'interfaccia utente di Drive per presentarla come opzione per creare o aprire file. La tua app può essere visualizzata nel menu Nuovo > Altro e nel menu Apri con quando un utente fa clic con il tasto destro del mouse su un file in Drive. Quando un utente seleziona la tua app da uno dei due menu, l'app si apre in una nuova finestra.

Visualizzare la documentazione delle app di Drive

Pubblicabile



Opzioni di codifica:

Completo

Estensione delle seguenti app:

Guida

Framework UI disponibili:

Utilizza l'interfaccia utente esistente


Componenti aggiuntivi di Google Classroom

Componenti aggiuntivi di Classroom

I componenti aggiuntivi di Google Classroom consentono agli insegnanti di creare allegati su compiti, annunci o materiali del corso. Questi allegati aprono contenuti di terze parti in iframe in Classroom. Gli iframe aprono URL distinti a seconda del tipo di utente e del contesto di Classroom.

Visualizzare la documentazione dei componenti aggiuntivi di Classroom

Pubblicabile



Opzioni di codifica:

Completo

Estensione delle seguenti app:

Classroom

Framework UI disponibili:

iframe