Extiende la IU de Google Workspace

En esta página, se describen tus opciones para extender la interfaz de usuario (IU) de Google Workspace. Puedes extender la IU de Google Workspace por varios motivos, entre los que se incluyen los siguientes:

  • Integra tu app o servicio en Google Workspace para que los usuarios puedan usarla directamente desde una o más apps de Google Workspace. Por ejemplo, crea un complemento de Google Workspace que cree chips inteligentes y vistas previas de vínculos para tu servicio en Documentos de Google.
  • Ayuda a los usuarios de Google Workspace a ser más productivos o a mejorar su flujo de trabajo. Por ejemplo, compila una app de Google Chat que permita a los usuarios generar informes de hojas de horas semanales directamente desde Google Chat.
  • Agregar capacidades que no están disponibles de forma nativa en Google Workspace Por ejemplo, agrega un menú personalizado en Documentos, Hojas de cálculo o Presentaciones de Google.

Puedes publicar la mayoría de las opciones para extender la IU de Google Workspace en Google Workspace Marketplace, una tienda en línea en la que los usuarios pueden encontrar e instalar apps de terceros que se integran con Google Workspace.

Descripción general de las opciones para extender la IU de Google Workspace

En la siguiente tabla, se enumeran las opciones para extender la IU de Google Workspace y se comparan según estas características:

  • Apps extendidas: Muestra las apps de Google Workspace que puedes extender con la opción determinada.
  • Opciones de codificación: Muestra las formas en que puedes compilar, incluidas las siguientes:
    • AppSheet: Es una plataforma de desarrollo sin código.
    • Apps Script: Es una plataforma de desarrollo con poco código basada en la nube y en JavaScript.
    • Desarrollo completo: Tu propia pila de tecnología que admite tu lenguaje de programación preferido.
  • Frameworks de IU: Indica los tipos de frameworks de IU que puedes usar para compilar cada opción, incluidos los siguientes:
    • Basado en tarjetas: Las interfaces de tarjetas son widgets y tarjetas predefinidos compilados con el servicio de tarjetas a través de Apps Script o devolviendo JSON con el formato correcto para renderizar tarjetas con tu pila de tecnología preferida (desarrollador completo). Las interfaces basadas en tarjetas no requieren conocimientos de HTML ni CSS, y funcionan bien en clientes para computadoras de escritorio y dispositivos móviles.
    • HTML: Apps Script ofrece un servicio HTML para desarrollar páginas web que pueden interactuar con funciones de Apps Script del servidor. Las interfaces desarrolladas con el servicio HTML son altamente personalizables, pero requieren más trabajo manual para crear una experiencia del usuario excelente.
    • Iframe: Los iframes incorporan contenido externo en Google Workspace y ofrecen la mayor personalización para las interfaces de usuario.

Después de la tabla, se incluyen las descripciones de cada opción.

Qué puedes compilar Vista previa Apps extendidas Opciones de codificación IU basada en tarjetas IU HTML IU de iframe
Complementos de Google Workspace Ejemplo de complemento de Google Workspace
Gmail
 Drive
Calendario
Documentos
Hojas
Diapositivas
Apps Script
Desarrollo completo
Vistas previas de vínculos y chips inteligentes | Complementos de Google Workspace Ejemplo de vista previa del vínculo del complemento de Google Workspace
Documentos
Hojas
Diapositivas
AppSheet
Apps Script
Desarrollo completo
Borradores de correo electrónico | Complementos de Google Workspace Ejemplo de complemento de Google Workspace para borradores de correo electrónico
Gmail
Apps Script
Desarrollo completo
Escenario principal y panel lateral de la reunión | Complementos de Google Workspace Complementos de Google Meet
Meet
Desarrollo completo
Conferencias de Calendario | Complementos de Google Workspace Ejemplo de complemento de Google Workspace para conferencias de Calendario
Calendario
Apps Script

Usa la IU existente

Complementos del editor Ejemplo de complemento del editor
Documentos
Hojas
Diapositivas
Formularios
Apps Script
Apps de Google Chat Ejemplo de app de chat
Chat
AppSheet
Apps Script
Desarrollo completo
Funciones personalizadas Ejemplo de función personalizada
Hojas
Apps Script

Usa la IU existente

Macros Ejemplo de macro
Hojas
Apps Script

Usa la IU existente

Menús, diálogos y barras laterales personalizados Ejemplo de menú y barra lateral
Documentos
Hojas
Diapositivas
Formularios
Apps Script
Apps de Google Drive Ejemplo de la app de Drive
 Drive
Desarrollo completo

Usa la IU existente

Complementos de Google Classroom Complementos de Google Classroom
Classroom
Desarrollo completo

Complementos de Google Workspace

Ejemplo de complemento de Google Workspace

Los complementos de Google Workspace son aplicaciones que se integran con las apps de Google Workspace. Un complemento de Google Workspace puede extender varias apps de Google Workspace. Por lo general, la app se abre en una barra lateral desde la app de Google Workspace que extiende.

Ver la documentación de Complementos de Google Workspace

Publicable



Opciones de codificación:

Apps Script
Desarrollo completo

Extiende las siguientes apps:

Gmail
Drive
Calendario

Documentos
Hojas
Diapositivas

Frameworks de IU disponibles:

Marco de trabajo de la tarjeta



Ejemplo de vista previa de vínculos

Los complementos de Google Workspace que extienden Documentos pueden crear vistas previas de vínculos personalizados desde un servicio de terceros. Al igual que los chips inteligentes que genera Documentos para las menciones de una persona, un archivo, un evento de calendario o cualquier otra entidad dentro de una aplicación de Google Workspace, un complemento puede generar un chip inteligente para un vínculo de terceros y mostrar una tarjeta de vista previa cuando alguien coloca el cursor sobre el chip.

Puedes agregar vistas previas de vínculos a complementos de Google Workspace existentes o crear un complemento de Google Workspace independiente específicamente para las vistas previas de vínculos.

Consulta las vistas previas de vínculos y la documentación de chips inteligentes

Publicable



Opciones de codificación:

AppSheet
Apps Script
Desarrollo completo

Extiende las siguientes apps:

Documentos
Hojas
Diapositivas

Frameworks de IU disponibles:

Marco de trabajo de la tarjeta



Borradores de correo electrónico | Complementos de Google Workspace

Ejemplo de borrador de correo electrónico

Los complementos de Google Workspace que extienden Gmail pueden proporcionar una interfaz personalizada cuando el usuario redacta mensajes nuevos o responde mensajes existentes. Para usar esta interfaz, los usuarios abren el complemento desde el borrador del correo electrónico, ya sea en la parte inferior del borrador o en el menú Más opciones.

Ver la documentación de los borradores de correo electrónico

Publicable



Opciones de codificación:

Apps Script
Desarrollo completo

Extiende las siguientes apps:

Gmail

Frameworks de IU disponibles:

Marco de trabajo de la tarjeta



Escena principal y panel lateral de la reunión | Complementos de Google Workspace

Complementos de Meet

Los complementos de Google Workspace que extienden Meet te permiten incorporar tu app en la escena principal o la interfaz del panel lateral de una reunión, donde los usuarios pueden descubrirla, compartirla y colaborar en ella sin salir de Meet.

A diferencia de otros complementos de Google Workspace, los complementos de Meet no usan la IU del framework de tarjetas. En su lugar, incorpora tu app con un iframe.

Consulta la documentación del SDK de complementos de Meet

Publicable



Opciones de codificación:

Desarrollo completo

Extiende las siguientes apps:

Meet

Frameworks de IU disponibles:

iframe



Conferencias de Calendario | Complementos de Google Workspace

Ejemplo de videoconferencia de Calendario

Si eres proveedor de conferencias web, puedes crear un complemento de Google Workspace que extienda el Calendario de Google con tu solución de conferencias. El complemento agrega una opción de conferencia para los eventos de Calendario, lo que permite a los usuarios crear y unirse a esas conferencias directamente desde el Calendario.

Consulta la documentación de las conferencias de Calendario

Publicable



Opciones de codificación:

Apps Script

Extiende las siguientes apps:

Calendario

Frameworks de IU disponibles:

Usa la IU existente


Complementos del editor

Ejemplo de complemento del editor

Los complementos de editor son apps que amplían Documentos, Hojas de cálculo, Presentaciones o Formularios. Los complementos de editor solo pueden extender una app por complemento, pero puedes publicar varios complementos de editor en la misma ficha de Marketplace. Los usuarios abren los complementos de Editor desde el menú Extensiones en la app que extienden.

Puedes usar las siguientes interfaces para un complemento de Editor:

  • Una barra lateral junto a la aplicación que extiende.
  • Un diálogo que se superpone a la app que extiende.
  • Un elemento de menú que ejecuta una secuencia de comandos.
  • Una función personalizada en una hoja de cálculo de Hojas de cálculo de Google

Ver la documentación de los complementos de Editor

Publicable



Opciones de codificación:

Apps Script

Extiende las siguientes apps:

Documentos
Hojas
Diapositivas
Formularios

Frameworks de IU disponibles:

HTML
iframe



Apps de chat

Ejemplo de app de chat

Las apps de Chat incorporan recursos y servicios en Chat. Puedes diseñar apps de chat para interactuar con los usuarios de muchas maneras, como las siguientes:

  • Responder a los comandos de barra con un mensaje de texto o de tarjeta
  • Abre un diálogo para ayudar a los usuarios a completar procesos de varios pasos, como completar los datos de un formulario.
  • Obtén una vista previa de los vínculos adjuntando tarjetas con información útil que permita a los usuarios realizar acciones directamente desde la conversación.

Ver la documentación de las apps de Chat

Publicable



Opciones de codificación:

AppSheet
Apps Script
Desarrollo completo

Extiende las siguientes apps:

Chat

Frameworks de IU disponibles:

Marco de trabajo de la tarjeta



Funciones personalizadas

Ejemplo de función personalizada

Las funciones personalizadas te permiten agregar más funciones en Hojas de cálculo. Los usuarios pueden encontrarlas y usarlas como cualquier otra de las cientos de funciones integradas disponibles en Hojas de cálculo. Puedes publicar una función personalizada como un complemento de Editor.

Consulta la documentación de las funciones personalizadas

Publicable



Opciones de codificación:

Apps Script

Extiende las siguientes apps:

Hojas

Frameworks de IU disponibles:

Usa la IU existente


Macros

Ejemplo de macro

Las macros son grabaciones en Hojas de cálculo que duplican una serie específica de interacciones de la IU que defines. Puedes vincular una macro a una combinación de teclas o ejecutarla desde el menú Extensiones > Macros.

Cuando grabas una macro, Hojas de cálculo crea automáticamente una función de Apps Script que replica las interacciones de la IU. Puedes editar macros directamente en el editor de Apps Script. Puedes escribir macros desde cero en Apps Script o tomar funciones que ya escribiste y convertirlas en macros.

Ver la documentación de las macros

Opciones de codificación:

Apps Script

Extiende las siguientes apps:

Hojas

Frameworks de IU disponibles:

Usa la IU existente


Menús, diálogos y barras laterales personalizados

Ejemplo de menú personalizado

Puedes agregar menús, instrucciones, alertas y diálogos y barras laterales basados en HTML personalizados a archivos en Documentos, Hojas de cálculo, Presentaciones y Formularios. Los menús personalizados aparecen junto a los menús predeterminados de la app que extienden. Por lo general, los diálogos, las barras laterales, las instrucciones y las alertas se activan a través de acciones del usuario, como clics en elementos de menú, o de activadores, como los activadores basados en eventos.

Consulta la documentación sobre menús, diálogos y barras laterales personalizados

Opciones de codificación:

Apps Script

Extiende las siguientes apps:

Documentos
Hojas
Diapositivas
Formularios

Frameworks de IU disponibles:

HTML
iframe



Apps de Drive

Ejemplo de la app de Drive

Si tu app admite archivos de Drive, puedes integrarla a la interfaz de usuario de Drive para presentarla como una opción para crear o abrir archivos. Tu app puede aparecer en el menú Nuevo > Más y en el menú Abrir con cuando un usuario hace clic con el botón derecho en un archivo de Drive. Cuando un usuario selecciona tu app desde cualquiera de los menús, esta se abre en una ventana nueva.

Ver la documentación de las apps de Drive

Publicable



Opciones de codificación:

Desarrollo completo

Extiende las siguientes apps:

Drive

Frameworks de IU disponibles:

Usa la IU existente


Complementos de Google Classroom

Complementos de Classroom

Los complementos de Google Classroom permiten a los educadores crear archivos adjuntos en trabajos, anuncios o materiales del curso. Estos archivos adjuntos abren contenido de terceros en iframes en Classroom. Los iframes abren URLs separadas según el tipo de usuario y el contexto de Classroom.

Ver la documentación de los complementos de Classroom

Publicable



Opciones de codificación:

Desarrollo completo

Extiende las siguientes apps:

Classroom

Frameworks de IU disponibles:

iframe