Estensione dell'interfaccia utente di Google Workspace

In questa pagina vengono descritte le opzioni a tua disposizione per estendere l'accesso agli utenti di Google Workspace a riga di comando (UI). Puoi estendere la 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: creare un componente aggiuntivo di Google Workspace che crei smart chip e anteprime link per il tuo servizio all'interno di Documenti Google.
  • Aiuta gli utenti di Google Workspace a essere più produttivi o a migliorare il loro flusso di lavoro. Ad esempio, crea un'app Google Chat che consenta agli utenti di generare report su base settimanale direttamente da Google Chat.
  • Aggiungi funzionalità che non sono disponibili in modo nativo in Google Workspace. Ad esempio, aggiungi un menu personalizzato Documenti, Fogli o Presentazioni Google.

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

Panoramica delle opzioni per estendere la UI di Google Workspace

Nella tabella seguente sono elencate le opzioni per estendere la UI di Google Workspace e le confronta 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 no-code.
    • Apps Script: una soluzione low-code basata su cloud sviluppo basata su JavaScript.
    • Sviluppo completo: il tuo stack tecnico che supporta le tue preferenze linguaggio di programmazione.
  • Framework UI: indica i tipi di framework dell'UI che vuoi per creare ciascuna opzione, tra cui:
      .
    • Basato su schede: le interfacce delle schede sono widget e schede predefiniti creati con il Servizio carte che utilizzano Apps Script o restituendo un file JSON formattato correttamente eseguire il rendering delle schede con il tuo stack tecnico preferito (sviluppo completo). Basata su carta interfacce non richiedono la conoscenza di HTML o CSS e funzionano bene su entrambi client desktop e per dispositivi mobili.
    • HTML: Apps Script offre un Servizio HTML per lo sviluppo di pagine web che possono interagire con le funzioni di Apps Script lato server. Interfacce sviluppati con il servizio HTML sono altamente personalizzabili, ma richiedono maggiori lavoro manuale per creare un'esperienza utente ottimale.
    • iFrame: gli iframe incorporano contenuti esterni in Google Workspace. offrono la massima personalizzazione per le interfacce utente.

Di seguito la tabella descrive le singole opzioni.

Cosa puoi creare Anteprima App estese Opzioni di programmazione UI basata su schede UI HTML UI di iframe
Componenti aggiuntivi di Google Workspace Esempio di componente aggiuntivo di Google Workspace
Gmail
Drive
Calendario
Documenti
Fogli
Diapositive
Apps Script
Sviluppo completo
Anteprime dei link e smart chip | Componenti aggiuntivi di Google Workspace Esempio di anteprime di link dei componenti aggiuntivi di Google Workspace
Documenti
Fogli
Diapositive
AppSheet
Apps Script
Sviluppo completo
Bozze di email | Componenti aggiuntivi di Google Workspace Esempio di componente aggiuntivo di Google Workspace per le bozze delle email
Gmail
Apps Script
Sviluppo completo
Conferenze del calendario | Componenti aggiuntivi di Google Workspace Esempio di componente aggiuntivo di Google Workspace per le conferenze di Calendar
Calendario
Apps Script

Usa l'interfaccia utente esistente

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

Usa l'interfaccia utente esistente

Macro Esempio di macro
Fogli
Apps Script

Usa l'interfaccia utente esistente

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

Usa l'interfaccia utente esistente

Componenti aggiuntivi di Google Classroom Componenti aggiuntivi di Google Classroom
Classe
Sviluppo 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 Google Workspace app. Un componente aggiuntivo di Google Workspace può estendere le app Google Workspace. Molto spesso, l'app si apre in una barra laterale dall'interno di Google Workspace che estende.

Visualizza la documentazione dei componenti aggiuntivi di Google Workspace

Pubblicabile



Opzioni di programmazione:

Apps Script
Sviluppo completo

Estende le seguenti app:

Gmail
In auto
Calendario

Documenti
Fogli
Diapositive

Framework UI disponibili:

Struttura della scheda



Esempio di anteprima link

I componenti aggiuntivi di Google Workspace che estendono Documenti possono creare link personalizzati le anteprime da un servizio di terze parti. Simile agli smart chip che Documenti genera le menzioni di una persona, un file, un evento di calendario un'altra persona giuridica in un'applicazione Google Workspace, un componente aggiuntivo può generare uno smart chip per un link di terze parti e mostra una scheda di anteprima qualcuno passa il mouse sopra il chip.

Puoi aggiungere anteprime dei link ai componenti aggiuntivi di Google Workspace esistenti o creare una separato di Google Workspace, appositamente per le anteprime dei link.

Visualizza le anteprime dei link e la documentazione relativa agli smart chip

Pubblicabile



Opzioni di programmazione:

AppSheet
Apps Script
Sviluppo completo

Estende le seguenti app:

Documenti
Fogli
Diapositive

Framework UI disponibili:

Struttura della scheda



Bozze di email | Componenti aggiuntivi di Google Workspace

Esempio di bozza di email

I componenti aggiuntivi di Google Workspace che estendono Gmail possono fornire una quando l'utente scrive nuovi messaggi o risponde a messaggi esistenti. Per utilizzare questa interfaccia, gli utenti possono aprire il componente aggiuntivo da all'interno della bozza dell'email, in fondo alla bozza o Menu Altre opzioni.

Visualizza la documentazione sulle bozze delle email

Pubblicabile



Opzioni di programmazione:

Apps Script
Sviluppo completo

Estende le seguenti app:

Gmail

Framework UI disponibili:

Struttura della scheda



Conferenza con Calendar | Componenti aggiuntivi di Google Workspace

Esempio di videoconferenza di Calendar

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

Visualizza la documentazione relativa alle conferenze di Calendar

Pubblicabile



Opzioni di programmazione:

Apps Script

Estende le seguenti app:

Calendario

Framework UI disponibili:

Usa l'interfaccia utente esistente


Componenti aggiuntivi dell'editor

Esempio di componente aggiuntivo Editor

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

Puoi utilizzare le seguenti interfacce per un Componente aggiuntivo Editor:

Visualizza la documentazione sui componenti aggiuntivi Editor

Pubblicabile



Opzioni di programmazione:

Apps Script

Estende le seguenti app:

Documenti
Fogli
Diapositive
Moduli

Framework UI disponibili:

HTML
iFrame



App di chat

Esempio di app di chat

Le app di chat integrano risorse e servizi in Chat. Puoi progettare app di chat affinché interagiscano con gli utenti in molti modi, tra cui:

  • Rispondere ai comandi slash con un messaggio o il messaggio della scheda.
  • Apri una finestra di dialogo per aiutare gli utenti a completare più passaggi come la compilazione dei dati dei moduli.
  • Visualizza l'anteprima dei link allegando schede con informazioni che consentono agli utenti di acquisire 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:

Chatta

Framework UI disponibili:

Struttura della scheda



Funzioni personalizzate

Esempio di funzione personalizzata

Le funzioni personalizzate ti consentono di aggiungere altre funzioni in Fogli. Gli utenti possono trovarle e utilizzarle come tutte le centinaia di funzioni integrate disponibili in Fogli. Puoi pubblicare una funzione personalizzata come Componenti aggiuntivi dell'editor.

Visualizza la documentazione sulle funzioni personalizzate

Pubblicabile



Opzioni di programmazione:

Apps Script

Estende le seguenti app:

Fogli

Framework UI disponibili:

Usa l'interfaccia utente esistente


Macro

Esempio di macro

Le macro sono registrazioni in Fogli che duplicano una serie specifica di interazioni nell'interfaccia utente da te definite. Puoi collegare una macro a una scorciatoia da tastiera o eseguilo dalla pagina Estensioni > Menu 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 di creare macro da zero in Apps Script, o utilizzare le funzioni che hai già scritte e le trasforma in macro.

Visualizza la documentazione sulle macro

Opzioni di programmazione:

Apps Script

Estende le seguenti app:

Fogli

Framework UI disponibili:

Usa l'interfaccia utente esistente


Menu, finestre di dialogo e barre laterali personalizzati

Esempio di menu personalizzato

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

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

Opzioni di programmazione:

Apps Script

Estende le seguenti app:

Documenti
Fogli
Diapositive
Moduli

Framework UI disponibili:

HTML
iFrame



App Drive

Esempio di app Drive

Se la tua app supporta i file di Drive, puoi eseguire l'integrazione con Interfaccia utente di Drive per presentare la tua app come opzione di creazione o aprire i file. La tua app può essere visualizzata nella sezione Nuovo > Altro e il 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.

Visualizza la documentazione delle app Drive

Pubblicabile



Opzioni di programmazione:

Sviluppo completo

Estende le seguenti app:

In auto

Framework UI disponibili:

Usa 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 attività del corso, annunci o materiali delle attività del corso. Questi allegati si aprono contenuti di terze parti negli iframe di Classroom. Gli iframe si aprono separati in base al tipo di utente e al contesto di Classroom.

Visualizza la documentazione sui componenti aggiuntivi di Classroom

Pubblicabile



Opzioni di programmazione:

Sviluppo completo

Estende le seguenti app:

Classe

Framework UI disponibili:

iFrame