Ampliar a interface do Google Workspace

Esta página descreve as opções para estender a interface do usuário (UI) do Google Workspace. Você pode estender a interface do Google Workspace por vários motivos, incluindo:

  • Integrar seu app ou serviço ao Google Workspace para que os usuários possam usar o app diretamente em um ou mais apps do Google Workspace. Por exemplo, crie um complemento do Google Workspace que crie ícones inteligentes e visualizações de links para seu serviço nos Documentos Google.
  • Ajudar os usuários do Google Workspace a serem mais produtivos ou melhorar o fluxo de trabalho deles. Por exemplo, crie um app do Google Chat para os usuários enviarem planilhas de horas semanais diretamente do Google Chat.
  • Adicionar recursos que não estão disponíveis nativamente no Google Workspace. Por exemplo, adicione um menu personalizado nos Documentos, Planilhas ou Apresentações Google.

Você pode publicar a maioria das opções para estender a interface do Google Workspace no Google Workspace Marketplace, uma loja on-line em que os usuários podem encontrar e instalar apps de terceiros que se integram ao Google Workspace.

Visão geral das opções para estender a interface do Google Workspace

A tabela a seguir lista as opções para estender a interface do Google Workspace e as compara por estas características:

  • Apps estendidos: lista os apps do Google Workspace que podem ser estendidos com a opção especificada.
  • Opções de programação: lista as maneiras de criar, incluindo:
    • AppSheet: uma plataforma de desenvolvimento sem código.
    • Apps Script: uma plataforma de desenvolvimento de baixo código baseada na nuvem e em JavaScript.
    • Desenvolvimento completo: sua própria pilha de tecnologia que oferece suporte à linguagem de programação preferida.
  • Estruturas de interface: indica os tipos de estruturas de interface que você pode usar para criar cada opção, incluindo:
    • Baseado em cards: as interfaces de card são widgets e cards predefinidos criados com o Card Service usando o Apps Script ou retornando JSON formatado corretamente para renderizar cards com sua tecnologia preferida (desenvolvimento completo). As interfaces baseadas em cards não exigem conhecimento de HTML ou CSS e funcionam bem em clientes de computador e dispositivos móveis.
    • HTML: o Apps Script oferece um serviço HTML para desenvolver páginas da Web que podem interagir com funções do Apps Script do lado do servidor. As interfaces desenvolvidas com o serviço HTML são altamente personalizáveis, mas exigem mais trabalho manual para criar uma ótima experiência do usuário.
    • iframe: os iframes incorporam conteúdo externo ao Google Workspace e oferecem a maior capacidade de personalização para interfaces do usuário.

A seguir, há descrições de cada opção.

O que você pode criar Visualizar Apps estendidos Opções de programação Interface baseada em cards Interface HTML Interface do iframe
Complementos do Google Workspace Exemplo de complemento do Google Workspace
Gmail
Drive
Agenda
Chat
Documentos
Meet
Planilhas
Apresentações
Apps Script
Full dev
Prévia de links e ícones inteligentes | Complementos do Google Workspace Exemplo de prévias de link de complementos do Google Workspace
Documentos
Planilhas
Apresentações
AppSheet
Apps Script
Full dev
Rascunhos de e-mail | Complementos do Google Workspace Exemplo de complemento do Google Workspace para rascunhos de e-mail
Gmail
Apps Script
Full dev
Palco principal e painel lateral da reunião | Complementos do Google Workspace Complementos do Google Meet
Meet
Full dev
Apps do Google Chat | Complementos do Google Workspace Exemplo de app de chat
Chat
AppSheet
Apps Script
Full dev
Conferências do Google Agenda | Complementos do Google Workspace Exemplo de complemento do Google Workspace para conferências do Google Agenda
Agenda
Apps Script

Usa a interface atual

Complementos do editor Exemplo de complemento do Editor
Documentos
Planilhas
Apresentações
Formulários
Apps Script
Funções personalizadas | Complementos do editor Exemplo de função personalizada
Planilhas
Apps Script

Usa a interface atual

Macros | Complementos do editor Exemplo de macro
Planilhas
Apps Script

Usa a interface atual

Menus, caixas de diálogo e barras laterais personalizadas | Complementos do editor Exemplo de menu e barra lateral
Documentos
Planilhas
Apresentações
Formulários
Apps Script
Apps do Google Drive Exemplo de app do Drive
Drive
Full dev

Usa a interface atual

Complementos do Google Sala de Aula Complementos do Google Sala de Aula
Sala de Aula
Full dev

Tipos de integrações de apps

A seção a seguir explica os tipos de integrações de apps que você pode criar para estender a interface do Google Workspace.

Para compartilhar seu recurso com outros usuários do Google Workspace, publique uma página no Google Workspace Marketplace. Para saber quais tipos de integrações de apps podem ser listados juntos, consulte Listar integrações de apps em conjunto na documentação do Marketplace.

Complementos do Google Workspace

Exemplo de complemento do Google Workspace

Os complementos do Google Workspace são aplicativos que se integram aos apps do Google Workspace. Um complemento do Google Workspace pode estender vários apps do Google Workspace. Na maioria das vezes, o app é aberto em uma barra lateral no app do Google Workspace que ele estende.

Além de criar barras laterais, você pode criar os seguintes recursos para um complemento:

Consultar a documentação dos complementos do Google Workspace

Publicável



Opções de codificação:

Apps Script
Full dev

Estende os seguintes apps:

Gmail
Drive
Agenda
Chat

Documentos
Meet
Planilhas
Apresentações

Frameworks de UI disponíveis:

Framework de card



Exemplo de prévia do link

Os complementos do Google Workspace que estendem o app Documentos podem criar prévias de link personalizadas de um serviço de terceiros. Assim como os ícones inteligentes que os Documentos geram para menções de uma pessoa, arquivo, evento da agenda ou outra entidade em um aplicativo do Google Workspace, um complemento pode gerar um ícone inteligente para um link de terceiros e mostrar um card de prévia quando alguém passa o cursor sobre o ícone.

Você pode adicionar visualizações de link a complementos do Google Workspace ou criar um complemento separado do Google Workspace especificamente para visualizações de link.

Conferir a documentação de prévias de links e ícones inteligentes

Publicável



Opções de codificação:

AppSheet
Apps Script
Full dev

Estende os seguintes apps:

Documentos
Planilhas
Apresentações

Frameworks de UI disponíveis:

Framework de card



Rascunhos de e-mail

Exemplo de rascunho de e-mail

Os complementos do Google Workspace que estendem o Gmail podem fornecer uma interface personalizada quando o usuário escreve novas mensagens ou responde às mensagens atuais. Para usar essa interface, os usuários abrem o complemento no rascunho de e-mail, na parte de baixo ou no menu Mais opções.

Consulte a documentação de rascunhos de e-mail

Publicável



Opções de codificação:

Apps Script
Full dev

Estende os seguintes apps:

Gmail

Frameworks de UI disponíveis:

Framework de card



Janela principal e painel lateral da reunião

Complementos do Meet

Os complementos do Google Workspace que estendem o Meet permitem incorporar seu app à interface da janela principal ou do painel lateral de uma reunião. Assim, os usuários podem descobrir, compartilhar e colaborar no seu app sem sair do Meet.

Ao contrário de outros complementos do Google Workspace, os complementos do Meet não usam a interface do framework de cards. Em vez disso, incorpore o app usando um iframe.

Acessar a documentação do SDK de complementos do Meet

Publicável



Opções de codificação:

Full dev

Estende os seguintes apps:

Meet

Frameworks de UI disponíveis:

iframe



Apps do Google Chat

Exemplo de app de chat

Os apps do Chat trazem recursos e serviços para o Chat. Você pode criar apps do Chat para interagir com os usuários de várias maneiras, incluindo:

  • Responda a comandos com uma mensagem de texto ou um card.
  • Abra uma caixa de diálogo para ajudar os usuários a concluir processos de várias etapas, como preencher dados de formulário.
  • Visualizar links anexando cards com informações úteis que permitem aos usuários realizar ações diretamente da conversa.

Consulte a documentação dos apps do Chat

Publicável



Opções de codificação:

AppSheet
Apps Script
Full dev

Estende os seguintes apps:

Chat

Frameworks de UI disponíveis:

Framework de card



Conferência do Google Agenda

Exemplo de conferência do Google Agenda

Se você é um provedor de videoconferências, pode criar um complemento do Google Workspace que estenda o Google Agenda com sua solução de conferência. O complemento adiciona uma opção de videoconferência aos eventos da Agenda, permitindo que os usuários criem e participem dessas conferências diretamente na Agenda.

Acessar a documentação de videoconferências do Google Agenda

Publicável



Opções de codificação:

Apps Script

Estende os seguintes apps:

Agenda

Frameworks de UI disponíveis:

Usa a interface atual


Complementos do editor

Exemplo de complemento do Editor

Os complementos do editor são apps que ampliam os recursos dos Documentos, das Planilhas, das Apresentações ou dos Formulários. Os complementos do editor só podem estender um app por complemento, mas você pode publicar vários complementos do editor na mesma página do Marketplace. Os usuários abrem os complementos do Editor no menu Extensões do app em que eles são usados.

É possível criar os seguintes recursos para um complemento do Editor:

Consulte a documentação dos complementos do Editor

Publicável



Opções de codificação:

Apps Script

Estende os seguintes apps:

Documentos
Planilhas
Apresentações
Formulários

Frameworks de UI disponíveis:

HTML
iframe



Funções personalizadas

Exemplo de função personalizada

Com as funções personalizadas, é possível adicionar mais funções nas Planilhas Google. Os usuários podem encontrar e usar essas funções da mesma forma que as centenas de funções integradas disponíveis nas Planilhas. É possível publicar uma função personalizada como um complemento do editor.

Consulte a documentação das funções personalizadas

Publicável



Opções de codificação:

Apps Script

Estende os seguintes apps:

Planilhas

Frameworks de UI disponíveis:

Usa a interface atual


Macros

Exemplo de macro

As macros são gravações no Planilhas que duplicam uma série específica de interações da interface definidas por você. Você pode vincular uma macro a um atalho do teclado ou executá-la no menu Extensões > Macros.

Quando você grava uma macro, as Planilhas criam automaticamente uma função do Apps Script que replica as interações da interface. Você pode editar macros diretamente no editor do Apps Script. É possível escrever macros do zero no Apps Script ou transformar funções que você já escreveu em macros. Uma definição de macro pode ser incluída em um complemento do Editor, mas não pode ser publicada.

Consulte a documentação de macros

Opções de codificação:

Apps Script

Estende os seguintes apps:

Planilhas

Frameworks de UI disponíveis:

Usa a interface atual


Menus, caixas de diálogo e barras laterais personalizadas

Exemplo de menu personalizado

Você pode adicionar menus, comandos, alertas e caixas de diálogo e barras laterais baseadas em HTML aos arquivos nos apps Documentos, Planilhas, Apresentações e Formulários como parte de um complemento do Editor. Os menus personalizados aparecem ao lado dos menus padrão do app que eles estendem. Geralmente, caixas de diálogo, barras laterais, solicitações e alertas são ativados por ações do usuário, como cliques em itens de menu, ou por acionadores, como acionadores orientados a eventos.

Consulte a documentação de menus, caixas de diálogo e barras laterais personalizados

Opções de codificação:

Apps Script

Estende os seguintes apps:

Documentos
Planilhas
Apresentações
Formulários

Frameworks de UI disponíveis:

HTML
iframe



Apps do Google Drive

Exemplo de app do Drive

Se o app for compatível com arquivos do Drive, você poderá fazer a integração com a interface do usuário do Drive para apresentar o app como uma opção de criação ou abertura de arquivos. Seu app pode aparecer no menu Novo > Mais e no menu Abrir com quando um usuário clicar com o botão direito em um arquivo no Drive. Quando um usuário seleciona seu app em qualquer um dos menus, ele é aberto em uma nova janela.

Consulte a documentação dos apps do Drive

Publicável



Opções de codificação:

Full dev

Estende os seguintes apps:

Drive

Frameworks de UI disponíveis:

Usa a interface atual


Complementos do Google Sala de Aula

Complementos do Google Sala de Aula

Com os complementos do Google Sala de Aula, os educadores podem criar anexos em trabalhos escolares, avisos ou materiais de trabalho escolar. Esses anexos abrem conteúdo de terceiros em iframes no Google Sala de Aula. Os iframes abrem URLs separados, dependendo do tipo de usuário e do contexto do Google Sala de Aula.

Consulte a documentação dos complementos do Google Sala de Aula

Publicável



Opções de codificação:

Full dev

Estende os seguintes apps:

Sala de Aula

Frameworks de UI disponíveis:

iframe