Ampliar a interface do Google Workspace

Nesta página, descrevemos as opções para estender a interface do usuário (IU) do Google Workspace. É possível estender a IU do Google Workspace por vários motivos, incluindo:

  • Integre seu app ou serviço ao Google Workspace para que os usuários possam usar o app diretamente de um ou mais apps do Google Workspace. Por exemplo, crie um complemento do Google Workspace que gere ícones inteligentes e visualizações de links para seu serviço nos Documentos Google.
  • Ajude os usuários do Google Workspace a serem mais produtivos ou melhorar o fluxo de trabalho. Por exemplo, crie um app do Google Chat que permita aos usuários gerar relatórios de planilhas semanais diretamente no Google Chat.
  • Adicione recursos que não estão disponíveis nativamente no Google Workspace. Por exemplo, adicione um menu personalizado no Documentos, Planilhas ou Apresentações Google.

É possível 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 ampliar 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 fornecida.
  • 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 com pouco código baseada na nuvem baseada em JavaScript.
    • Desenvolvimento completo: seu próprio conjunto de tecnologias com suporte à linguagem de programação que você preferir.
  • Frameworks da interface: indica os tipos de frameworks de interface que podem ser usados para criar cada opção, incluindo:
    • Baseadas em cartões: as interfaces de cartões são widgets e cards predefinidos criados com o serviço de cartões usando o Apps Script ou retornando JSON formatado corretamente para renderizar cartões com seu conjunto de tecnologias preferido (desenvolvimento completo). As interfaces baseadas em cartão não exigem conhecimento de HTML ou CSS e funcionam bem em clientes de computadores 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 lado do servidor do Apps Script. 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 personalização possível para as interfaces do usuário.

Veja a seguir a tabela com a descrição de cada opção.

O que você pode criar Visualizar Apps estendidos Opções de programação interface baseada em cartão Interface HTML interface iframe
Complementos do Google Workspace Exemplo de complemento do Google Workspace
Gmail
Drive
Agenda
Documentos
Planilhas
Apresentações
Apps Script
Desenvolvedor completo
Visualizações de links e ícones inteligentes | Complementos do Google Workspace Exemplo de prévias de links dos complementos do Google Workspace
Documentos
AppSheet
Apps Script
Desenvolvedor completo
Rascunhos de e-mail | Complementos do Google Workspace Complemento do Google Workspace para rascunhos de e-mails
Gmail
Apps Script
Desenvolvedor completo
Conferência do Google Agenda | Complementos do Google Workspace Complemento do Google Workspace para videoconferências do app Agenda
Agenda
Apps Script

Usa a interface já existente

Complementos do editor Exemplo de complemento do Editor
Documentos
Planilhas
Apresentações
Formulários
Apps Script
Apps do Google Chat Exemplo do app do Chat
Chat
AppSheet
Apps Script
Desenvolvedor completo
Funções personalizadas Exemplo de função personalizada
Planilhas
Apps Script

Usa a interface já existente

Macros Exemplo de macro
Planilhas
Apps Script

Usa a interface já existente

Menus, caixas de diálogo e barras laterais personalizados Exemplo de menu e barra lateral
Documentos
Planilhas
Apresentações
Formulários
Apps Script
Aplicativos do Google Drive Exemplo do app Drive
Drive
Desenvolvedor completo

Usa a interface já existente

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 dentro do app Google Workspace.

Confira a documentação dos complementos do Google Workspace

Publicável



Opções de programação:

Apps Script
Desenvolvedor completo

Estende os apps:

Gmail
Drive
Agenda

Documentos
Planilhas
Apresentações

Frameworks de interface disponíveis:

Framework do cartão



Exemplo de visualização de link

Os complementos do Google Workspace que estendem os Documentos Google podem criar visualizações de links personalizadas de um serviço de terceiros. Semelhante aos ícones inteligentes que o Documentos gera 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 visualização quando alguém passar o cursor sobre o ícone.

É possível adicionar visualizações de links a complementos atuais do Google Workspace ou criar um complemento separado especificamente para visualizações de links.

Confira a documentação das visualizações de links e dos ícones inteligentes

Publicável



Opções de programação:

AppSheet
Apps Script
Desenvolvedor completo

Estende os apps:

Documentos

Frameworks de interface disponíveis:

Framework do cartão



Rascunhos de e-mail | Complementos do Google Workspace

Exemplo de rascunho de e-mail

Os complementos do Google Workspace que estendem o Gmail podem oferecer uma interface personalizada quando o usuário escreve novas mensagens ou responde a mensagens existentes. 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.

Conferir a documentação com os rascunhos de e-mail

Publicável



Opções de programação:

Apps Script
Desenvolvedor completo

Estende os apps:

Gmail

Frameworks de interface disponíveis:

Framework do cartão



Conferências do Google Agenda | Complementos do Google Workspace

Exemplo de videoconferência na agenda

Se você é um provedor de videoconferência na Web, pode criar um complemento do Google Workspace que estenda o Google Agenda com sua solução de videoconferência. O complemento adiciona uma opção de videoconferência para eventos do Agenda, permitindo que os usuários criem e participem dessas reuniões diretamente no app.

Ver a documentação de videoconferência do Google Agenda

Publicável



Opções de programação:

Apps Script

Estende os apps:

Agenda

Frameworks de interface disponíveis:

Usa a interface já existente


Complementos do editor

Exemplo de complemento do Editor

Os complementos do Editor são apps que estendem Documentos, Planilhas, Apresentações ou Formulários. Os complementos do Editor só podem estender um app por complemento, mas é possível publicar vários Complementos do Editor na mesma listagem do Marketplace. Os usuários abrem os complementos do Editor no menu Extensões do app que eles estendem.

Você pode usar as seguintes interfaces para um Complemento do Editor:

Acessar a documentação de complementos do editor

Publicável



Opções de programação:

Apps Script

Estende os apps:

Documentos
Planilhas
Apresentações
Formulários

Frameworks de interface disponíveis:

HTML
iFrame



Apps de chat

Exemplo do app do Chat

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

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

Acessar a documentação dos apps do Chat

Publicável



Opções de programação:

AppSheet
Apps Script
Desenvolvedor completo

Estende os apps:

Chat

Frameworks de interface disponíveis:

Framework do cartão



Funções personalizadas

Exemplo de função personalizada

Com as funções personalizadas, você pode adicionar mais funções nas Planilhas. Eles podem ser encontrados e usados como qualquer uma das centenas de funções integradas disponíveis no Planilhas.

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

Publicável



Opções de programação:

Apps Script

Estende os apps:

Planilhas

Frameworks de interface disponíveis:

Usa a interface já existente


Macros

Exemplo de macro

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

Quando você grava uma macro, o Planilhas cria automaticamente uma função do Apps Script que replica as interações com a interface. É possível editar macros diretamente no editor do Apps Script. É possível escrever macros do zero no Apps Script ou transformar as funções que você já escreveu em macros.

Ver a documentação das macros

Opções de programação:

Apps Script

Estende os apps:

Planilhas

Frameworks de interface disponíveis:

Usa a interface já existente


Menus, caixas de diálogo e barras laterais personalizados

Exemplo de menu personalizado

É possível adicionar menus personalizados, solicitações, alertas e caixas de diálogo e barras laterais baseadas em HTML a arquivos no Documentos, Planilhas, Apresentações e Formulários. Os menus personalizados aparecem ao lado dos menus padrão do app que eles estendem. Caixas de diálogo, barras laterais, solicitações e alertas geralmente são ativados por ações do usuário, como cliques em itens de menu, ou por acionadores, como acionadores orientados a eventos.

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

Opções de programação:

Apps Script

Estende os apps:

Documentos
Planilhas
Apresentações
Formulários

Frameworks de interface disponíveis:

HTML
iFrame



Apps do Drive

Exemplo do app Drive

Caso seu app seja compatível com arquivos do Drive, você poderá fazer a integração com a interface do usuário do Drive e apresentar o app como uma opção para criar ou abrir arquivos. Seu app pode aparecer nos menus Novo > Mais e Abrir com quando um usuário clica com o botão direito em um arquivo no Drive. Quando um usuário seleciona seu app em qualquer um dos menus, o app é aberto em uma nova janela.

Veja a documentação dos apps do Drive

Publicável



Opções de programação:

Desenvolvedor completo

Estende os apps:

Drive

Frameworks de interface disponíveis:

Usa a interface já existente