Расширьте пользовательский интерфейс Google Workspace

На этой странице описаны ваши возможности по расширению пользовательского интерфейса Google Workspace. Вы можете расширить пользовательский интерфейс Google Workspace по многим причинам, в том числе:

  • Интегрируйте свое приложение или сервис в Google Workspace, чтобы пользователи могли использовать приложение непосредственно из одного или нескольких приложений Google Workspace. Например, создайте надстройку для Google Workspace, которая будет создавать «умные» значки и предварительный просмотр ссылок для вашего сервиса в Google Docs.
  • Помогите пользователям Google Workspace повысить производительность или улучшить рабочий процесс. Например, создайте приложение Google Chat, которое позволит пользователям отправлять еженедельные табели учета рабочего времени непосредственно из Google Chat.
  • Добавьте возможности, которые недоступны в Google Workspace изначально. Например, добавьте пользовательское меню в Документы, Таблицы или Презентации.

Большинство возможностей расширения пользовательского интерфейса Google Workspace можно опубликовать на Google Workspace Marketplace — онлайн-магазине, где пользователи могут найти и установить сторонние приложения, интегрирующиеся с Google Workspace.

Обзор возможностей расширения пользовательского интерфейса Google Workspace

В таблице ниже перечислены варианты расширения пользовательского интерфейса Google Workspace и проведено их сравнение по следующим характеристикам:

  • Расширенные приложения : Список приложений Google Workspace, которые можно расширить с помощью данной опции.
  • Варианты кодирования : перечисляет способы реализации, в том числе:
    • AppSheet : платформа для разработки без использования кода.
    • Apps Script : облачная платформа для разработки с минимальным использованием кода, основанная на JavaScript.
    • Полноценная разработка : собственный технологический стек, поддерживающий предпочитаемый вами язык программирования.
  • Фреймворки пользовательского интерфейса : указывает типы фреймворков пользовательского интерфейса, которые можно использовать для создания каждого варианта, включая:
    • Интерфейсы на основе карточек : Карточные интерфейсы представляют собой предопределенные виджеты и карточки, созданные либо с помощью службы карточек с использованием Apps Script, либо путем возврата правильно отформатированного JSON для отображения карточек с использованием предпочитаемого вами технологического стека (полная разработка). Карточные интерфейсы не требуют знания HTML или CSS и хорошо работают как на настольных, так и на мобильных устройствах.
    • HTML : Apps Script предлагает HTML-сервис для разработки веб-страниц, которые могут взаимодействовать с серверными функциями Apps Script. Интерфейсы, разработанные с помощью HTML-сервиса, обладают широкими возможностями настройки, но требуют больше ручной работы для создания удобного пользовательского интерфейса.
    • iframe : iframe-элементы позволяют встраивать внешний контент в Google Workspace и обеспечивают максимальную гибкость в настройке пользовательского интерфейса.

После таблицы приведены описания каждого варианта.

Что вы можете построить Предварительный просмотр Расширенные приложения Варианты кодирования Карточный пользовательский интерфейс HTML UI iframe UI
Дополнения Google Workspace Пример дополнения Google Workspace, демонстрирующий интеграцию с боковой панелью.
Логотип Gmail, демонстрирующий возможность интеграции с электронной почтой. Гмайл
Логотип Google Drive для поддержки хранения файлов. Водить машину
Логотип Google Календа для расширения приложения планирования. Календарь
Логотип Google Chat для интеграции с приложением для обмена сообщениями. Чат
Логотип Google Docs для интеграции с редактором документов. Документы
Логотип Google Meet для интеграции с видеоконференцсвязью. Встретиться
Логотип Google Sheets для расширения приложения для работы с электронными таблицами. Листы
Логотип Google Slides для расширения приложения для презентаций. Слайды
Логотип Google Apps Script для ознакомления с вариантами кодирования. Apps Script
Логотип Google Developers для опций полного стека. Полная разработка
Предварительный просмотр ссылок и интеллектуальные чипы | Дополнения Google Workspace Пример предварительного просмотра ссылки на дополнение Google Workspace, демонстрирующий смарт-чипы.
Значок Google Docs для предварительного просмотра смарт-чипа. Документы
Значок Google Sheets для предварительного просмотра смарт-чипа. Листы
Значок Google Slides для предварительного просмотра смарт-чипа. Слайды
Логотип AppSheet, рекламирующий варианты разработки без использования кода. AppSheet
Логотип Google Apps Script для программистов, работающих с минимальным количеством кода. Apps Script
Логотип Google Developers для профессионального программирования. Полная разработка
Черновики электронных писем | Дополнения Google Workspace Пример дополнения Google Workspace для черновиков электронных писем в Gmail.
Логотип Gmail, представляющий собой расширение для черновиков электронных писем. Гмайл
Значок Google Apps Script для расширений электронной почты. Apps Script
Значок Google Developers для полной версии для разработчиков. Полная разработка
Основная сцена и боковые панели для совещаний | Дополнения Google Workspace Интерфейс дополнений Google Meet с основной сценой и боковой панелью.
Логотип Google Meet для интеграции с онлайн-встречами. Встретиться
Логотип Google Developers для совещаний по программированию. Полная разработка
Приложения Google Chat | Дополнения Google Workspace Пример приложения для чата, демонстрирующий интерактивный обмен сообщениями в чате.
Логотип Google Chat для расширений чата. Чат
Логотип AppSheet для опций чат-приложения. AppSheet
Логотип Google Apps Script для расширений чата. Apps Script
Логотип Google Developers для чата разработчиков полного стека. Полная разработка
Календарные конференции | Дополнения Google Workspace Пример дополнения Google Workspace для интерфейса конференц-связи по календарю.
Логотип Google Календа для функций конференц-связи. Календарь
Логотип Google Apps Script для расширений календаря. Apps Script

Использует существующий пользовательский интерфейс.

Дополнения редактора Пример дополнения для редактора, демонстрирующий расширение для Google Docs.
Логотип Google Docs для редакторов документов. Документы
Логотип Google Sheets для редакторов электронных таблиц. Листы
Логотип Google Slides для редакторов презентаций. Слайды
Логотип Google Forms для редакторов форм. Формы
Логотип Google Apps Script для редактирования электронных таблиц. Apps Script
Настраиваемые функции | Дополнения для редактора Пример пользовательской функции, демонстрирующий использование формул в электронных таблицах.
Логотип Google Sheets для пользовательских функций. Листы
Логотип Google Apps Script для написания скриптов. Apps Script

Использует существующий пользовательский интерфейс.

Макросы | Дополнения для редактора Пример макроса, демонстрирующий записанные шаги автоматизации работы с электронными таблицами.
Логотип Google Sheets для создания макросов. Листы
Логотип Google Apps Script для автоматизации задач. Apps Script

Использует существующий пользовательский интерфейс.

Настраиваемые меню, диалоговые окна и боковые панели | Дополнения для редактора Пример меню и боковой панели, демонстрирующий настройку пользовательского интерфейса редактора.
Логотип Google Docs для боковых панелей документов. Документы
Логотип Google Sheets для диалоговых окон электронных таблиц. Листы
Логотип Google Slides для боковых панелей презентаций. Слайды
Логотип Google Forms для диалоговых окон форм. Формы
Логотип Google Apps Script для боковых панелей. Apps Script
Приложения Google ДискаПример приложения Google Диск, демонстрирующий интеграцию меню «Файл».
Логотип Google Drive для доступа к файлам. Водить машину
Логотип Google Developers для полной поддержки стека технологий. Полная разработка

Использует существующий пользовательский интерфейс.

Дополнения Google Classroom Пример дополнения для Google Classroom, демонстрирующий интерфейс прикрепления заданий.
Логотип Google Classroom для инструментов преподавателей. Классная комната
Логотип Google Developers для интеграции в учебный процесс. Полная разработка

Типы интеграции приложений

В следующем разделе описываются типы интеграций приложений, которые можно создать для расширения пользовательского интерфейса Google Workspace.

Чтобы поделиться своей функцией с другими пользователями Google Workspace, вы можете опубликовать объявление на Google Workspace Marketplace. Чтобы узнать, какие типы интеграций приложений можно размещать вместе, см. раздел «Размещение интеграций приложений вместе» в документации Marketplace.

Дополнения Google Workspace

Пример дополнения Google Workspace, демонстрирующий интеграцию приложения с боковой панелью.

Пример дополнения Google Workspace, демонстрирующий интеграцию приложения с боковой панелью.

Дополнения Google Workspace — это приложения, которые интегрируются с приложениями Google Workspace. Дополнение может расширять функциональность нескольких приложений Google Workspace. Чаще всего приложение открывается в боковой панели внутри того приложения Google Workspace, которое оно расширяет.

Помимо боковых панелей, в качестве дополнения можно реализовать следующие функции:

Просмотрите документацию по дополнениям Google Workspace.

Логотип Google Workspace Marketplace для публикации. Пригодный для публикации



Варианты кодирования :

Логотип Google Apps Script для автоматизированного кодирования. Apps Script
Логотип Google Developers для разработки программного обеспечения. Полная разработка

Расширяет функциональность следующих приложений :

Логотип Gmail для интеграции с почтовым приложением. Гмайл
Значок Google Drive для интеграции файлов. Водить машину
Значок Google Календа для приложения планирования. Календарь
Логотип Google Chat для инструментов общения. Чат

Значок Google Docs для редактирования документов. Документы
Логотип Google Meet для видеоинструментов. Встретиться
Логотип Google Sheets, представляющий собой приложение для работы с электронными таблицами. Листы
Значок Google Slides для приложений для презентаций. Слайды

Доступные фреймворки для пользовательского интерфейса :

Иконка Card Framework для дизайна пользовательского интерфейса. Карточная структура



Пример предварительного просмотра ссылки, демонстрирующий описание интеллектуального чипа.

Пример предварительного просмотра ссылки, демонстрирующий описание интеллектуального чипа.

Дополнения Google Workspace, расширяющие функциональность Docs, могут создавать пользовательские предварительные просмотры ссылок от сторонних сервисов. Подобно «умным чипам», которые Docs генерирует при упоминании человека, файла, события календаря или другого объекта в приложении Google Workspace, дополнение может сгенерировать «умный чип» для ссылки на сторонний ресурс и отображать карточку предварительного просмотра при наведении курсора на этот чип.

Вы можете добавить предварительный просмотр ссылок в существующие дополнения Google Workspace или создать отдельное дополнение специально для предварительного просмотра ссылок.

Просмотрите предварительный просмотр ссылок и документацию по смарт-чипам.

Логотип Google Workspace Marketplace для публикации. Пригодный для публикации



Варианты кодирования :

Логотип AppSheet для разработки без использования кода. AppSheet
Значок Google Apps Script для скриптов автоматизации. Apps Script
Значок Google Developers для разработчиков полного стека. Полная разработка

Расширяет функциональность следующих приложений :

Значок Google Docs для инструментов расширения документов. Документы
Значок Google Sheets для расширения инструмента работы с электронными таблицами. Листы
Значок Google Slides для расширения инструмента создания презентаций. Слайды

Доступные фреймворки для пользовательского интерфейса :

Иконка в виде карточки для компонентов пользовательского интерфейса. Карточная структура



Черновики электронных писем

Пример черновика электронного письма с демонстрацией пользовательского интерфейса создания письма.

Пример черновика электронного письма с демонстрацией пользовательского интерфейса создания письма.

Дополнения Google Workspace, расширяющие функциональность Gmail, могут предоставлять настраиваемый интерфейс при создании новых сообщений или ответах на существующие. Для использования этого интерфейса пользователи открывают дополнение из черновика письма, либо внизу черновика, либо в меню параметров .

Просмотреть документацию по черновикам электронных писем

Логотип Google Workspace Marketplace для публикации. Пригодный для публикации



Варианты кодирования :

Значок Google Apps Script для инструментов программирования. Apps Script
Логотип Google Developers для профессионального развития. Полная разработка

Расширяет функциональность следующих приложений :

Логотип Gmail, демонстрирующий интеграцию с электронной почтой. Гмайл

Доступные фреймворки для пользовательского интерфейса :

Логотип в виде карточной структуры для дизайн-системы. Карточная структура



Главная сцена для встреч и боковые панели

Ознакомьтесь с примером дополнительных модулей, демонстрирующих совместную работу на основном этапе.

Ознакомьтесь с примером дополнительных модулей, демонстрирующих совместную работу на основном этапе.

Дополнения Google Workspace, расширяющие функциональность Meet, позволяют встраивать ваше приложение в основную панель или боковую панель интерфейса совещания, где пользователи могут находить, делиться информацией и сотрудничать в вашем приложении, не покидая Meet.

В отличие от других дополнений Google Workspace, дополнения Meet не используют пользовательский интерфейс карточной структуры. Вместо этого вы встраиваете свое приложение с помощью iframe.

Просмотреть документацию SDK дополнений Meet

Логотип Google Workspace Marketplace для публикации. Пригодный для публикации



Варианты кодирования :

Логотип Google Developers для инструментов полного стека. Полная разработка

Расширяет функциональность следующих приложений :

Логотип Google Meet для видеоконференций. Встретиться

Доступные фреймворки для пользовательского интерфейса :

Значок iframe для встроенного веб-приложения. iframe



Приложения Google Chat

Пример приложения для чата, демонстрирующий взаимодействие с сообщениями.

Пример приложения для чата, демонстрирующий взаимодействие с сообщениями.

Приложения для чата интегрируют ресурсы и сервисы в чат. Вы можете разрабатывать приложения для чата, которые будут взаимодействовать с пользователями различными способами, в том числе:

Просмотреть документацию по приложениям для чата

Значок Google Workspace Marketplace для публикации приложений. Пригодный для публикации



Варианты кодирования :

Логотип AppSheet для создания приложений без использования кода. AppSheet
Значок Google Apps Script для автоматического написания кода задач. Apps Script
Логотип Google Developers, обозначающий профессиональную разработку программного обеспечения. Полная разработка

Расширяет функциональность следующих приложений :

Логотип Google Chat для расширений диалога. Чат

Доступные фреймворки для пользовательского интерфейса :

Иконка в виде карточки для проектирования пользовательских интерфейсов. Карточная структура



Календарные конференции

Пример использования календаря конференций, демонстрирующий интеграцию с событиями совещаний.

Пример использования календаря конференций, демонстрирующий интеграцию с событиями совещаний.

Если вы предоставляете услуги веб-конференций, вы можете создать надстройку для Google Workspace, которая расширит функциональность Google Calendar для ваших конференц-решений. Надстройка добавит возможность проведения конференций для событий Календаря, позволяя пользователям создавать конференции и присоединяться к ним непосредственно из Календаря.

Просмотреть документацию по проведению конференций в рамках календаря

Логотип Google Workspace Marketplace для опубликованных приложений. Пригодный для публикации



Варианты кодирования :

Значок Google Apps Script для быстрого доступа к интеграции с системами видеоконференций. Apps Script

Расширяет функциональность следующих приложений :

Значок Google Календаря для настроек синхронизации событий. Календарь

Доступные фреймворки для пользовательского интерфейса :

Использует существующий пользовательский интерфейс.


Дополнения редактора

Пример дополнения для редактора, демонстрирующий возможности расширения Google Docs.

Пример дополнения для редактора, демонстрирующий возможности расширения Google Docs.

Дополнения для редактора — это приложения, расширяющие возможности Docs, Sheets, Slides или Forms. Дополнение для редактора может расширять только одно приложение, но вы можете опубликовать несколько дополнений для редактора в одном и том же объявлении на Marketplace. Пользователи открывают дополнения для редактора из меню расширений в приложении, которое они расширяют.

Для дополнения к редактору можно реализовать следующие функции:

Документация по дополнениям редактора просмотра

Значок Google Workspace Marketplace для публикации программного обеспечения. Пригодный для публикации



Варианты кодирования :

Значок Google Apps Script для разработки расширений для редактора. Apps Script

Расширяет функциональность следующих приложений :

Значок Google Docs для расширений редактирования документов. Документы
Значок Google Sheets для функций автоматизации работы с электронными таблицами. Листы
Значок Google Slides для инструментов создания презентаций. Слайды
Значок Google Forms для инструментов опросов и создания форм. Формы

Доступные фреймворки для пользовательского интерфейса :

HTML-иконка, представляющая разработку веб-интерфейса пользователя. HTML
Значок iframe для встраивания внешнего веб-контента. iframe



Пользовательские функции

Пример пользовательской функции, демонстрирующий использование формул Google Sheets.

Пример пользовательской функции, демонстрирующий использование формул Google Sheets.

Пользовательские функции позволяют добавлять новые функции в Google Sheets. Пользователи могут находить и использовать их так же, как и сотни других встроенных функций, доступных в Google Sheets. Вы можете опубликовать пользовательскую функцию в качестве надстройки для редактора.

Просмотреть документацию по пользовательским функциям

Логотип Google Workspace Marketplace для вариантов публикации. Пригодный для публикации



Варианты кодирования :

Apps Script

Расширяет функциональность следующих приложений :

Значок Google Sheets для автоматизации задач в электронных таблицах. Листы

Доступные фреймворки для пользовательского интерфейса :

Использует существующий пользовательский интерфейс.


Макросы

Пример макроса, демонстрирующий записанные шаги автоматизации работы с электронными таблицами.

Пример макроса, демонстрирующий записанные шаги автоматизации работы с электронными таблицами.

Макросы — это записи в Google Sheets, которые дублируют определенную последовательность действий в пользовательском интерфейсе, которую вы определяете. Вы можете связать макрос с сочетанием клавиш или запустить его из меню «Расширения» > «Макросы» .

При записи макроса Sheets автоматически создает функцию Apps Script, которая воспроизводит взаимодействие с пользовательским интерфейсом. Вы можете редактировать макросы непосредственно в редакторе Apps Script. Вы можете писать макросы с нуля в Apps Script или использовать уже написанные функции для преобразования их в макросы. Определение макроса может быть включено в надстройку редактора, но не может быть опубликовано.

Просмотреть документацию по макросам

Варианты кодирования :

Логотип Google Apps Script для функции записи макросов. Apps Script

Расширяет функциональность следующих приложений :

Листы

Доступные фреймворки для пользовательского интерфейса :

Использует существующий пользовательский интерфейс.


Настраиваемые меню, диалоговые окна и боковые панели

Пример пользовательского меню, демонстрирующий параметры настройки панели инструментов редактора.

Пример пользовательского меню, демонстрирующий параметры настройки панели инструментов редактора.

В редакторе документов, таблиц, презентаций и форм можно добавлять пользовательские меню, подсказки, оповещения, а также диалоговые окна и боковые панели на основе HTML. Пользовательские меню отображаются рядом со стандартными меню приложения, которое они расширяют. Диалоговые окна, боковые панели, подсказки и оповещения обычно активируются действиями пользователя, такими как щелчки по пунктам меню, или триггерами, например, триггерами, управляемыми событиями.

Просмотрите документацию по настраиваемым меню, диалоговым окнам и боковым панелям.

Варианты кодирования :

Значок Google Apps Script для разработки пользовательских меню. Apps Script

Расширяет функциональность следующих приложений :

Логотип Google Docs для интеграции расширения документа. Документы
Значок Google Sheets для расширения боковой панели электронных таблиц. Листы
Логотип Google Slides для расширения боковой панели презентации. Слайды
Логотип Google Forms для расширений диалоговых окон форм. Формы

Доступные фреймворки для пользовательского интерфейса :

HTML-иконка для создания пользовательских интерфейсов. HTML
Значок iframe для встраивания сторонних веб-инструментов. iframe



Приложения Google Диска

Пример приложения Google Диск, демонстрирующий параметры открытия файлов.

Пример приложения Google Диск, демонстрирующий параметры открытия файлов.

Если ваше приложение поддерживает файлы Google Диска, вы можете интегрировать его с пользовательским интерфейсом Диска, чтобы представить ваше приложение в качестве варианта для создания или открытия файлов. Ваше приложение может отображаться в меню «Создать > Дополнительно» и в меню « Открыть с помощью », когда пользователь щелкает правой кнопкой мыши по файлу в Диске. Когда пользователь выбирает ваше приложение из любого из этих меню, оно открывается в новом окне.

Просмотреть документацию по приложениям Google Диска

Значок Google Workspace Marketplace для поиска приложений. Пригодный для публикации



Варианты кодирования :

Логотип Google Developers для профессионального создания приложений. Полная разработка

Расширяет функциональность следующих приложений :

Значок Google Drive для интеграции с файловым хранилищем. Водить машину

Доступные фреймворки для пользовательского интерфейса :

Использует существующий пользовательский интерфейс.


Дополнения Google Classroom

Пример дополнительных модулей для класса, демонстрирующий возможность прикрепления заданий.

Пример дополнительных модулей для класса, демонстрирующий возможность прикрепления заданий.

Дополнения Google Classroom позволяют преподавателям создавать вложения к учебным материалам, объявлениям или заданиям. Эти вложения открывают контент сторонних разработчиков во фреймах (iframe) в Classroom. В зависимости от типа пользователя и контекста Classroom, iframe открывают отдельные URL-адреса.

Просмотреть документацию по дополнениям для класса

Логотип Google Workspace Marketplace для интеграции с платформами публикации. Пригодный для публикации



Варианты кодирования :

Значок Google Developers для интеграции с инструментами для учебных классов. Полная разработка

Расширяет функциональность следующих приложений :

Логотип Google Classroom для инструментов организации рабочего процесса преподавателей. Классная комната

Доступные фреймворки для пользовательского интерфейса :

Значок iframe для встраивания образовательного веб-контента. iframe