En esta página, se describen las opciones para extender la interfaz de usuario (IU) de Google Workspace. Puedes extender la IU de Google Workspace por muchos motivos, incluidos los siguientes:
- Integra tu app o servicio en Google Workspace para que los usuarios puedan usar la app directamente desde una o más apps de Google Workspace. Por ejemplo, puedes crear un complemento de Google Workspace que cree chips inteligentes y vistas previas de vínculos para tu servicio dentro de Documentos de Google.
- Ayudar a los usuarios de Google Workspace a ser más productivos o mejorar su flujo de trabajo Por ejemplo, puedes compilar una app de Google Chat que permita a los usuarios informar las hojas de horas semanales directamente desde Google Chat.
- Agregar funciones 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 las siguientes características:
- Apps extended: 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.
- Full dev: Tu propia pila de tecnología que admite tu lenguaje de programación preferido.
- Frameworks de IU: Indican los tipos de frameworks de IU que puedes usar para compilar cada opción, incluidos los siguientes:
- Basadas en tarjetas: Las interfaces de tarjetas son widgets y tarjetas predefinidos creados con el servicio de tarjetas a través de Apps Script o devolviendo JSON con el formato adecuado para renderizar tarjetas con tu pila de tecnología preferida (desarrollo completo). Las interfaces basadas en tarjetas no requieren conocimientos de HTML ni CSS, y funcionan bien en clientes 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 excelente experiencia del usuario.
- iframe: Los iframes incorporan contenido externo en Google Workspace y ofrecen la mayor capacidad de 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 | Se extendieron las apps | Opciones de codificación | IU basada en tarjetas | IU de HTML | IU de iframe |
---|---|---|---|---|---|---|
Complementos de Google Workspace |
|
|
|
|||
Vistas previas de vínculos y chips inteligentes | Complementos de Google Workspace |
|
|
|
|||
Borradores de correos electrónicos | Complementos de Google Workspace |
|
|
|
|||
Panel lateral y escenario principal de la reunión | Complementos de Google Workspace |
|
|
|
|||
Apps de Google Chat | Complementos de Google Workspace |
|
|
|
|||
Conferencias de Calendario | Complementos de Google Workspace |
|
|
|
Usa la IU existente |
||
Complementos del Editor |
|
|
|
|||
Funciones personalizadas | Complementos del editor |
|
|
|
Usa la IU existente |
||
Macros | Complementos del editor |
|
|
|
Usa la IU existente |
||
Menús, diálogos y barras laterales personalizados | Complementos del editor |
|
|
|
|||
Apps de Google Drive |
|
|
|
Usa la IU existente |
||
Complementos de Google Classroom |
|
|
|
Tipos de integraciones de apps
En la siguiente sección, se explican los tipos de integraciones de apps que puedes crear para extender la IU de Google Workspace.
Para compartir tu función con otros usuarios de Google Workspace, puedes publicar una ficha en Google Workspace Marketplace. Para saber qué tipos de integraciones de apps se pueden mostrar juntos, consulta Lista de integraciones de apps en la documentación de Marketplace.
Complementos de Google Workspace
Los complementos de Google Workspace son aplicaciones que se integran con las aplicaciones 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 dentro de la app de Google Workspace que extiende.
Además de crear barras laterales, puedes crear las siguientes funciones para un complemento:
- Chips inteligentes que muestran vistas previas de vínculos de un servicio de terceros
- Interfaces para redactar correos electrónicos en Gmail
- Una opción de conferencia web desde eventos en el Calendario
Consulta la documentación de los complementos de Google Workspace
Opciones de codificación:
Extiende las siguientes apps:
Frameworks de IU disponibles:
Vistas previas de vínculos y chips inteligentes
Los complementos de Google Workspace que extienden Documentos pueden crear vistas previas de vínculos personalizadas 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 coloque el cursor sobre el chip.
Puedes agregar vistas previas de vínculos a los complementos existentes de Google Workspace o crear un complemento independiente de Google Workspace específicamente para las vistas previas de vínculos.
Consulta la documentación sobre las vistas previas de vínculos y los chips inteligentes
Opciones de codificación:
Extiende las siguientes apps:
Frameworks de IU disponibles:
Borradores de correos electrónicos
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 sobre borradores de correos electrónicos
Opciones de codificación:
Extiende las siguientes apps:
Frameworks de IU disponibles:
Escena principal y panel lateral de la reunión
Los complementos de Google Workspace que extienden Meet te permiten incorporar tu app en la interfaz de la escena principal o el panel lateral de una reunión, donde los usuarios pueden descubrir, compartir y colaborar en tu app 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, debes incorporar tu app con un iframe.
Consulta la documentación del SDK de complementos de Meet
Opciones de codificación:
Extiende las siguientes apps:
Frameworks de IU disponibles:
Apps de Google Chat
Las apps de Chat incorporan recursos y servicios a Chat. Puedes diseñar apps de Chat para interactuar con los usuarios de muchas maneras, incluidas las siguientes:
- Responder a comandos con un mensaje de texto o una tarjeta de mensaje
- Abrir un diálogo para ayudar a los usuarios a completar procesos de varios pasos, como completar datos de formularios
- Vínculos de vista previa adjuntando tarjetas con información útil que permiten a los usuarios realizar acciones directamente desde la conversación
Ver la documentación de las apps de Chat
Opciones de codificación:
Extiende las siguientes apps:
Frameworks de IU disponibles:
Conferencias en el Calendario
Si eres proveedor de servicios de conferencias web, puedes crear un complemento de Google Workspace que extienda Google Calendar 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 conferencias y unirse a ellas directamente desde Calendario.
Consulta la documentación sobre las conferencias de Calendar
Opciones de codificación:
Extiende las siguientes apps:
Frameworks de IU disponibles:
Usa la IU existente.
Complementos del editor
Los complementos del editor son apps que extienden Documentos, Hojas de cálculo, Presentaciones o Formularios. Los complementos del editor solo pueden extender una app por complemento, pero puedes publicar varios complementos del editor en la misma ficha de Marketplace. Los usuarios abren los complementos del Editor desde el menú Extensiones en la app que extienden.
Puedes compilar las siguientes funciones para un complemento del Editor:
- Una función personalizada o una macro en una hoja de cálculo de Hojas de cálculo de Google
- Un diálogo o una barra lateral dentro de la app que extiende.
- Un elemento de menú que ejecuta una secuencia de comandos.
Consulta la documentación de los complementos del Editor
Opciones de codificación:
Extiende las siguientes apps:
Frameworks de IU disponibles:
Funciones personalizadas
Las funciones personalizadas te permiten agregar más funciones en Hojas de cálculo. Los usuarios pueden encontrarlas y usarlas como cualquiera de las cientos de funciones integradas disponibles en Hojas de cálculo. Puedes publicar una función personalizada como complemento del Editor.
Consulta la documentación de las funciones personalizadas
Opciones de codificación:
Extiende las siguientes apps:
Frameworks de IU disponibles:
Usa la IU existente.
Macros
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 hayas escrito y convertirlas en macros. Una definición de macro se puede incluir en un complemento del Editor, pero no se puede publicar.
Ver la documentación de las macros
Opciones de codificación:
Extiende las siguientes apps:
Frameworks de IU disponibles:
Usa la IU existente.
Menús, diálogos y barras laterales personalizados
Puedes agregar menús, mensajes, alertas y diálogos y barras laterales basados en HTML personalizados a los archivos de Documentos, Hojas de cálculo, Presentaciones y Formularios como parte de un complemento del Editor. 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, los mensajes y las alertas se activan por acciones del usuario, como clics en elementos de menú, o por activadores, como los activadores basados en eventos.
Consulta la documentación sobre menús, diálogos y barras laterales personalizados
Opciones de codificación:
Extiende las siguientes apps:
Frameworks de IU disponibles:
Apps para Google Drive
Si tu app admite archivos de Drive, puedes integrarla en 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 haga clic con el botón derecho en un archivo de Drive. Cuando un usuario selecciona tu app en cualquiera de los menús, esta se abre en una ventana nueva.
Ver la documentación de las apps de Drive
Opciones de codificación:
Extiende las siguientes apps:
Frameworks de IU disponibles:
Usa la IU existente.
Complementos de Google Classroom
Los complementos de Google Classroom permiten que los educadores creen archivos adjuntos en el trabajo del curso, los anuncios o los materiales del curso. Estos archivos adjuntos abren contenido de terceros en iframes en Classroom. Los elementos iframe abren URLs independientes según el tipo de usuario y el contexto de Classroom.
Consulta la documentación de los complementos de Classroom
Opciones de codificación:
Extiende las siguientes apps:
Frameworks de IU disponibles:
Temas relacionados
- Desarrolla en Google Workspace: Comienza a crear soluciones para Google Workspace.
- Google Workspace Marketplace: Publica tus integraciones de apps para compartir tus soluciones con los usuarios de Google Workspace.