Estensione dell'interfaccia utente di Google Workspace

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

  • Integra la tua app o il tuo servizio in Google Workspace, in modo che gli utenti possano utilizzare l'app direttamente da una o più app di Google Workspace. Ad esempio, crea 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 a essere più produttivi o a migliorare il proprio flusso di lavoro. Ad esempio, crea un'app Google Chat che consenta agli utenti di generare report settimanali direttamente da Google Chat.
  • Aggiungi funzionalità che non sono 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 a Google Workspace Marketplace, un negozio online in cui gli utenti possono trovare e installare app di terze parti che si integrano con Google Workspace.

Panoramica delle opzioni per estendere l'UI di Google Workspace

La seguente tabella elenca le opzioni per l'estensione dell'UI di Google Workspace e le confronta in base a queste caratteristiche:

  • App estese: elenca le app di Google Workspace che puoi estendere con l'opzione specificata.
  • Opzioni di programmazione: elenca i modi in cui puoi creare, tra cui:
    • AppSheet: una piattaforma di sviluppo senza codice.
    • Apps Script: una piattaforma di sviluppo low code basata su cloud e basata su JavaScript.
    • Sviluppo completo: il tuo stack tecnico che supporta il tuo linguaggio di programmazione preferito.
  • Framework dell'interfaccia utente: indica i tipi di framework dell'interfaccia utente che puoi utilizzare per creare ciascuna opzione, tra cui:
    • Basate su schede. Le interfacce delle schede sono widget e schede predefiniti creati con Card Service utilizzando Apps Script o restituendo un JSON formattato correttamente per visualizzare le schede con il tuo stack tecnico preferito (dev completo). Le interfacce basate su schede non richiedono conoscenza di HTML o CSS e funzionano bene sia sui client desktop che sui dispositivi mobili.
    • HTML: Apps Script offre un servizio HTML per sviluppare pagine web in grado di interagire con le funzioni di Apps Script lato server. Le interfacce sviluppate con il servizio HTML sono altamente personalizzabili, ma richiedono più operazioni manuali per creare una fantastica esperienza utente.
    • iFrame: gli iframe incorporano contenuti esterni in Google Workspace e offrono la massima personalizzazione per le interfacce utente.

Di seguito sono riportate le descrizioni di ciascuna opzione.

Cosa puoi creare Anteprima App estese Opzioni di programmazione UI basata su schede Interfaccia utente HTML UI di iframe
Componenti aggiuntivi di Google Workspace Esempio di componente aggiuntivo di Google Workspace
Gmail
Drive
Calendario
Documenti
Fogli
Presentazioni
Apps Script
Sviluppo completo
Anteprime di link e smart chip | Componenti aggiuntivi di Google Workspace Esempio di anteprima dei link per il componente aggiuntivo di Google Workspace
Documenti
AppSheet
Apps Script
Sviluppo completo
Bozze di email | Componenti aggiuntivi di Google Workspace Esempio di componente aggiuntivo di Google Workspace per le bozze di email
Gmail
Apps Script
Sviluppo completo
Conferenza di Calendar | Componenti aggiuntivi di Google Workspace Esempio di componente aggiuntivo di Google Workspace per le conferenze di Calendar
Calendario
Apps Script

Usa l'UI esistente

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

Usa l'UI esistente

Macro Esempio di macro
Fogli
Apps Script

Usa l'UI esistente

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

Usa l'UI esistente

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 di Google Workspace. Un componente aggiuntivo di Google Workspace può estendere la copertura a più app. Molto spesso, l'app si apre in una barra laterale all'interno dell'app Google Workspace che si estende.

Visualizza la documentazione sui componenti aggiuntivi di Google Workspace

Pubblicabile



Opzioni di programmazione:

Apps Script
Sviluppo completo

Estende le seguenti app:

Gmail
in auto
Calendario

Documenti
Fogli
Presentazioni

Framework dell'interfaccia utente disponibili:

Framework 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 generati da Documenti per le menzioni di una persona, un file, un evento di calendario o un'altra entità all'interno di un'applicazione Google Workspace, i componenti aggiuntivi possono generare uno smart chip per un link di terze parti e mostrare una scheda di anteprima quando qualcuno 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 specifico per le anteprime dei link.

Visualizzare la documentazione sulle anteprime dei link e sugli smart chip

Pubblicabile



Opzioni di programmazione:

AppSheet
Apps Script
Sviluppo completo

Estende le seguenti app:

Documenti

Framework dell'interfaccia utente disponibili:

Framework delle schede



Bozze di 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 messaggi esistenti. Per utilizzare questa interfaccia, gli utenti devono aprire il componente aggiuntivo dalla bozza dell'email, nella parte inferiore della bozza o nel menu Altre opzioni.

Visualizza la documentazione relativa alle bozze delle email

Pubblicabile



Opzioni di programmazione:

Apps Script
Sviluppo completo

Estende le seguenti app:

Gmail

Framework dell'interfaccia utente disponibili:

Framework delle schede



Conferenza in Calendar | Componenti aggiuntivi di Google Workspace

Esempio di conferenza di Calendar

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

Visualizza la documentazione delle conferenze di Calendar

Pubblicabile



Opzioni di programmazione:

Apps Script

Estende le seguenti app:

Calendario

Framework dell'interfaccia utente disponibili:

Usa la UI esistente


Componenti aggiuntivi dell'editor

Esempio di componente aggiuntivo dell'editor

I componenti aggiuntivi dell'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 pubblicarne più componenti aggiuntivi nella stessa scheda del 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:

Visualizza la documentazione sui componenti aggiuntivi dell'editor

Pubblicabile



Opzioni di programmazione:

Apps Script

Estende le seguenti app:

Documenti
Fogli
Presentazioni
Moduli

Framework dell'interfaccia utente disponibili:

HTML
iFrame



App di chat

Esempio di app di chat

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

  • Rispondere ai comandi slash con un messaggio di testo o biglietti.
  • Apri una finestra di dialogo per aiutare gli utenti a completare procedure in più passaggi, come la compilazione dei dati del modulo.
  • Visualizza l'anteprima dei link allegando schede con informazioni utili che consentano agli utenti di intraprendere un'azione direttamente dalla conversazione.

Visualizza la documentazione delle app di chat

Pubblicabile



Opzioni di programmazione:

AppSheet
Apps Script
Sviluppo completo

Estende le seguenti app:

Chat

Framework dell'interfaccia utente disponibili:

Framework delle schede



Funzioni personalizzate

Esempio di funzione personalizzata

Le funzioni personalizzate ti consentono di aggiungere più funzioni in Fogli. Gli utenti possono trovarli e utilizzarli come una qualsiasi delle centinaia di funzioni integrate disponibili in Fogli.

Visualizza la documentazione delle funzioni personalizzate

Pubblicabile



Opzioni di programmazione:

Apps Script

Estende le seguenti app:

Fogli

Framework dell'interfaccia utente disponibili:

Usa la UI esistente


Macro

Esempio di macro

Le macro sono registrazioni in Fogli che duplicano una serie specifica di interazioni UI da te definite. 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 dell'interfaccia utente. Puoi modificare le macro direttamente nell'editor di Apps Script. Puoi scrivere macro da zero in Apps Script o utilizzare le funzioni che hai già scritto e trasformarle in macro.

Visualizza la documentazione sulle macro

Opzioni di programmazione:

Apps Script

Estende le seguenti app:

Fogli

Framework dell'interfaccia utente disponibili:

Usa la UI esistente


Menu, finestre di dialogo e barre laterali personalizzati

Esempio di menu personalizzato

Puoi aggiungere menu, prompt, avvisi, finestre di dialogo e barre laterali personalizzate basate su HTML ai file di Documenti, Fogli, Presentazioni e Moduli. I menu personalizzati vengono visualizzati accanto ai menu predefiniti dell'app che estendono. Finestre di dialogo, barre laterali, prompt e avvisi in genere vengono attivati da azioni utente come clic sulle voci di menu o da attivatori come attivatori basati su eventi.

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

Opzioni di programmazione:

Apps Script

Estende le seguenti app:

Documenti
Fogli
Presentazioni
Moduli

Framework dell'interfaccia utente 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 presentare l'app 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 menu, l'app si apre in una nuova finestra.

Visualizza la documentazione delle app di Drive

Pubblicabile



Opzioni di programmazione:

Sviluppo completo

Estende le seguenti app:

in auto

Framework dell'interfaccia utente disponibili:

Usa la UI esistente