擴充 Google Workspace UI

本文說明如何擴充 Google Workspace 使用者介面 (UI)。您可以基於許多原因擴充 Google Workspace UI,包括:

  • 將應用程式或服務整合至 Google Workspace,讓使用者直接透過一或多個 Google Workspace 應用程式使用該應用程式。舉例來說,您可以建構 Google Workspace 外掛程式,在 Google 文件中為您的服務建立智慧型方塊和連結預覽畫面。
  • 協助 Google Workspace 使用者提高工作效率或改善工作流程。舉例來說,您可以建構 Google Chat 擴充應用程式,讓使用者直接透過 Google Chat 提交每週時數表。
  • 新增 Google Workspace 原生不支援的功能。 例如,在 Google 文件、Google 試算表或 Google 簡報中新增自訂選單。

您可以將大部分的 Google Workspace UI 擴充選項發布至 Google Workspace Marketplace,這個網路商店提供使用者尋找及安裝與 Google Workspace 整合的第三方應用程式。

擴充 Google Workspace UI 的選項總覽

下表列出擴充 Google Workspace UI 的選項,並依下列特徵進行比較:

  • 可擴充的應用程式:列出可透過指定選項擴充的 Google Workspace 應用程式。
  • 程式碼選項:列出可用的建構方式,包括:
    • AppSheet: 無程式碼開發平台。
    • Apps Script:以 JavaScript 為基礎的雲端式低程式碼開發平台。
    • 完整開發:您自己的技術堆疊,支援偏好的程式碼語言。
  • UI 架構:指出可用於建構各個選項的 UI 架構類型,包括:
    • 資訊卡式:資訊卡介面是預先定義的小工具和資訊卡,可使用 Apps Script 透過 Card Service 建構,或傳回格式正確的 JSON,以偏好的技術堆疊 (完整開發) 算繪資訊卡。卡片式介面不需要 HTML 或 CSS 知識,且適用於電腦和行動裝置用戶端。
    • HTML:Apps Script 提供 HTML 服務,可開發與伺服器端 Apps Script 函式互動的網頁。使用 HTML 服務開發的介面可高度自訂,但需要更多手動作業才能打造優質的使用者體驗。
    • iframe:iframe 可將外部內容嵌入 Google Workspace,並提供最豐富的使用者介面自訂選項。

下表後方會說明每個選項。

可建構的內容 預覽 應用程式延長 編碼選項 以資訊卡為基礎的 UI HTML UI iframe UI
Google Workspace 外掛程式 Google Workspace 外掛程式範例,顯示側欄整合。
Gmail 標誌,顯示電子郵件整合功能是否可用。 Gmail
Google 雲端硬碟標誌,代表支援檔案儲存。 雲端硬碟
排程應用程式擴充功能的 Google 日曆標誌。 日曆
Google Chat 標誌,適用於訊息應用程式整合。 即時通訊
Google 文件標誌,代表文件編輯整合功能。 文件
視訊會議整合服務的 Google Meet 標誌。 Meet
試算表應用程式擴充功能的 Google 試算表標誌。 試算表
簡報應用程式擴充功能的 Google 簡報標誌。 簡報
Google Apps Script 標誌,代表程式碼選項。 Apps Script
全端選項的 Google Developers 標誌。 完整開發
連結預覽和智慧型方塊 | Google Workspace 外掛程式 Google Workspace 外掛程式連結預覽範例,顯示智慧型方塊。
智慧型方塊預覽畫面中的 Google 文件圖示。 文件
智慧型方塊預覽畫面中的 Google 試算表圖示。 試算表
智慧型方塊預覽畫面中的 Google 簡報圖示。 簡報
AppSheet 標誌,代表無程式碼開發選項。 AppSheet
Google Apps Script 標誌,代表低程式碼編碼。 Apps Script
Google Developers 專業程式設計標誌。 完整開發
電子郵件草稿 | Google Workspace 外掛程式 Gmail 中的電子郵件草稿範例,顯示 Google Workspace 外掛程式。
代表電子郵件草稿擴充功能的 Gmail 標誌。 Gmail
電子郵件擴充功能的 Google Apps Script 圖示。 Apps Script
Google Developers 圖示 (完整開發人員)。 完整開發
會議主畫面和側邊面板 | Google Workspace 外掛程式 Google Meet 外掛程式會與主舞台和側邊面板互動。
會議整合服務的 Google Meet 標誌。 Meet
Google Developers 標誌,適用於程式設計會議。 完整開發
Google Chat 應用程式 | Google Workspace 外掛程式 Chat 應用程式範例,顯示 Chat 中的互動式訊息。
Google Chat 標誌,適用於聊天室擴充功能。 即時通訊
即時通訊應用程式選項的 AppSheet 標誌。 AppSheet
Google Apps Script 標誌,適用於 Chat 擴充功能。 Apps Script
全端即時通訊的 Google Developers 標誌。 完整開發
日曆會議通訊 | Google Workspace 外掛程式 Google Workspace 外掛程式的日曆會議介面範例。
會議功能的 Google 日曆標誌。 日曆
日曆擴充功能的 Google Apps Script 標誌。 Apps Script

使用現有 UI

編輯器外掛程式 編輯器外掛程式範例,顯示 Google 文件擴充功能。
文件編輯器的 Google 文件標誌。 文件
試算表編輯器的 Google 試算表標誌。 試算表
簡報編輯器適用的 Google 簡報標誌。 簡報
表單編輯者的 Google 表單標誌。 表單
Google Apps Script 標誌,用於編輯試算表。 Apps Script
自訂函式 | 編輯器外掛程式 自訂函式範例,說明如何使用試算表公式。
自訂函式的 Google 試算表標誌。 試算表
Google Apps Script 標誌,代表撰寫指令碼。 Apps Script

使用現有 UI

巨集 | 編輯器外掛程式 巨集範例,顯示錄製的試算表自動化步驟。
Google 試算表標誌,用於建立巨集。 試算表
Google Apps Script 標誌,代表自動執行工作。 Apps Script

使用現有 UI

自訂選單、對話方塊和側欄 | 編輯器外掛程式 選單和側欄範例,顯示編輯器 UI 自訂功能。
Google 文件標誌,適用於文件側欄。 文件
試算表對話方塊的 Google 試算表標誌。 試算表
簡報側邊欄的 Google 簡報標誌。 簡報
表單對話方塊的 Google 表單標誌。 表單
側邊欄的 Google Apps Script 標誌。 Apps Script
Google 雲端硬碟應用程式 雲端硬碟應用程式範例,顯示檔案選單整合。
Google 雲端硬碟標誌,用於存取檔案。 雲端硬碟
Google Developers 標誌,代表全端支援。 完整開發

使用現有 UI

Google Classroom 外掛程式 Google Classroom 外掛程式範例,顯示作業附件介面。
教師工具的 Google Classroom 標誌。 Classroom
Google Developers 標誌,適用於 Classroom 整合功能。 完整開發

應用程式整合類型

下一節說明可建構的應用程式整合類型,以擴充 Google Workspace UI。

如要與其他 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 標誌。 Gmail
檔案整合的 Google 雲端硬碟圖示。 雲端硬碟
預約應用程式的 Google 日曆圖示。 日曆
對話工具的 Google Chat 標誌。 即時通訊

Google 文件圖示,用於編輯文件。 文件
視訊工具的 Google Meet 標誌。 Meet
Google 試算表標誌,代表試算表應用程式。 試算表
簡報應用程式的 Google 簡報圖示。 簡報

可用的 UI 架構

UI 設計的資訊卡架構圖示。 資訊卡框架



連結預覽範例,顯示描述性智慧型方塊。

連結預覽範例,顯示描述性智慧型方塊。

擴充 Google 文件功能的 Google Workspace 外掛程式可從第三方服務建立自訂連結預覽畫面。與 Google 文件為提及的使用者、檔案、日曆活動或其他 Google Workspace 應用程式實體產生的智慧型方塊類似,外掛程式可以為第三方連結產生智慧型方塊,並在使用者將游標懸停在方塊上時顯示預覽資訊卡。

您可以將連結預覽功能新增至現有的 Google Workspace 外掛程式,也可以專門為連結預覽功能建立獨立的外掛程式。

查看連結預覽和智慧型方塊說明文件

發布用的 Google Workspace Marketplace 標誌。 可發布



編碼選項

無程式碼開發平台 AppSheet 標誌。 AppSheet
自動化指令碼的 Google Apps Script 圖示。 Apps Script
全端開發人員的 Google Developers 圖示。 完整開發

支援下列應用程式

文件擴充功能工具的 Google 文件圖示。 文件
試算表工具擴充功能的 Google 試算表圖示。 試算表
簡報工具擴充功能的 Google 簡報圖示。 簡報

可用的 UI 架構

UI 元件的資訊卡架構圖示。 資訊卡框架



電子郵件草稿

電子郵件草稿範例,顯示自訂撰寫介面。

電子郵件草稿範例,顯示自訂撰寫介面。

擴充 Gmail 的 Google Workspace 外掛程式可在使用者撰寫新郵件或回覆現有郵件時,提供自訂介面。如要使用這個介面,使用者必須從電子郵件草稿中開啟外掛程式,位置在草稿底部或「更多選項」選單中。

查看電子郵件草稿說明文件

發布用的 Google Workspace Marketplace 標誌。 可發布



編碼選項

程式碼工具的 Google Apps Script 圖示。 Apps Script
Google Developers 專業發展標誌。 完整開發

支援下列應用程式

代表電子郵件整合的 Gmail 標誌。 Gmail

可用的 UI 架構

設計系統的資訊卡架構標誌。 資訊卡框架



會議主畫面和側邊面板

Meet 外掛程式範例,顯示主要階段的協作。

Meet 外掛程式範例,顯示主要視訊畫面協作。

Google Workspace 外掛程式可擴充 Meet 功能,讓您將應用程式嵌入會議的主畫面或側邊面板介面,使用者不需離開 Meet,就能在應用程式內探索、分享及協作。

與其他 Google Workspace 外掛程式不同,Meet 外掛程式不會使用資訊卡架構 UI。而是使用 iframe 嵌入應用程式。

查看 Meet 外掛程式 SDK 說明文件

發布時使用的 Google Workspace Marketplace 標誌。 可發布



編碼選項

全端工具的 Google Developers 標誌。 完整開發

支援下列應用程式

視訊會議專用的 Google Meet 標誌。 Meet

可用的 UI 架構

內嵌網頁應用程式的 Iframe 圖示。 iframe



Google Chat 應用程式

Chat 應用程式範例,顯示訊息互動。

Chat 應用程式範例,顯示訊息互動。

Chat 擴充應用程式可將資源和服務帶進 Chat。 您可以設計 Chat 擴充應用程式,透過多種方式與使用者互動,包括:

查看 Chat 擴充應用程式文件

應用程式發布的 Google Workspace Marketplace 圖示。 可發布



編碼選項

AppSheet 標誌,代表可建構無程式碼應用程式。 AppSheet
Google Apps Script 圖示,代表自動化工作編碼。 Apps Script
Google Developers 標誌,適用於專業軟體工程。 完整開發

支援下列應用程式

對話擴充功能的 Google Chat 標誌。 即時通訊

可用的 UI 架構

設計使用者介面的資訊卡架構圖示。 資訊卡框架



日曆會議通訊

日曆會議範例,顯示與會議活動的整合。

日曆會議範例,顯示與會議活動的整合。

如果您是網路會議服務供應商,可以建構 Google Workspace 外掛程式,透過會議解決方案擴充 Google 日曆功能。這個外掛程式會為日曆活動新增會議選項,讓使用者直接從日曆建立及加入會議。

查看日曆會議說明文件

已發布應用程式的 Google Workspace Marketplace 標誌。 可發布



編碼選項

會議整合捷徑的 Google Apps Script 圖示。 Apps Script

支援下列應用程式

Google 日曆圖示,用於活動同步設定。 日曆

可用的 UI 架構

使用現有 UI


編輯器外掛程式

編輯器外掛程式範例,顯示 Google 文件擴充功能。

編輯器外掛程式範例,顯示 Google 文件擴充功能。

編輯器外掛程式是擴充 Google 文件、試算表、簡報或表單功能的應用程式。每個編輯器外掛程式只能擴充一個應用程式,但您可以在同一個 Marketplace 刊登中發布多個編輯器外掛程式。使用者可透過應用程式的「擴充功能」選單開啟編輯器外掛程式。

您可以為編輯器外掛程式建構下列功能:

查看編輯器外掛程式說明文件

軟體發布的 Google Workspace Marketplace 圖示。 可發布



編碼選項

Google Apps Script 圖示,適用於編輯器擴充功能開發。 Apps Script

支援下列應用程式

文件編輯擴充功能的 Google 文件圖示。 文件
試算表自動化功能適用的 Google 試算表圖示。 試算表
簡報製作工具的 Google 簡報圖示。 簡報
問卷調查和表單工具的 Google 表單圖示。 表單

可用的 UI 架構

代表網頁式使用者介面開發的 HTML 圖示。 HTML
用於嵌入外部網頁內容的 Iframe 圖示。 iframe



自訂函式

自訂函式範例,顯示 Google 試算表公式的使用方式。

自訂函式範例,顯示 Google 試算表公式的使用方式。

自訂函式可讓你在試算表中新增更多函式。使用者可以像使用試算表內建的數百個函式一樣,尋找及使用這些函式。您可以將自訂函式發布為編輯器外掛程式。

查看自訂函式說明文件

Google Workspace Marketplace 標誌,適用於發布選項。 可發布



編碼選項

Apps Script

支援下列應用程式

Google 試算表圖示,用於自動執行試算表工作。 試算表

可用的 UI 架構

使用現有 UI


巨集

巨集範例,顯示錄製的試算表自動化步驟。

巨集範例,顯示錄製的試算表自動化步驟。

巨集是 Google 試算表中的記錄,可複製您定義的一系列特定 UI 互動。你可以將巨集連結至鍵盤快速鍵,或從「擴充功能」>「巨集」選單執行巨集。

錄製巨集時,試算表會自動建立 Apps Script 函式,複製 UI 互動。您可以在 Apps Script 指令碼編輯器中直接編輯巨集。您可以在 Apps Script 中從頭編寫巨集,也可以將已編寫的函式轉換為巨集。巨集定義可納入編輯器外掛程式,但無法發布。

查看巨集文件

編碼選項

巨集錄製功能的 Google Apps Script 標誌。 Apps Script

支援下列應用程式

試算表

可用的 UI 架構

使用現有 UI


自訂選單、對話方塊和側欄

自訂選單範例,顯示編輯器工具列自訂選項。

自訂選單範例,顯示編輯器工具列自訂選項。

在 Google 文件、試算表、簡報和表單中,你可以運用編輯器外掛程式,在檔案中新增自訂選單、提示、快訊,以及以 HTML 為基礎的對話方塊和側欄。自訂選單會顯示在應用程式預設選單旁邊。對話方塊、側欄、提示和快訊通常是由使用者動作 (例如點選選單項目) 或觸發條件 (例如事件驅動的觸發條件) 啟動。

查看自訂選單、對話方塊和側欄說明文件

編碼選項

Google Apps Script 圖示,用於開發自訂選單。 Apps Script

支援下列應用程式

Google 文件標誌,用於文件擴充功能整合。 文件
試算表側邊欄擴充功能的 Google 試算表圖示。 試算表
簡報側邊欄擴充功能的 Google 簡報標誌。 簡報
表單對話方塊擴充功能的 Google 表單標誌。 表單

可用的 UI 架構

用於建構自訂使用者介面的 HTML 圖示。 HTML
用於嵌入第三方網路工具的 iframe 圖示。 iframe



Google 雲端硬碟應用程式

雲端硬碟應用程式範例,顯示檔案開啟選項。

雲端硬碟應用程式範例,顯示檔案開啟選項。

如果應用程式支援雲端硬碟檔案,您可以與雲端硬碟使用者介面整合,將應用程式顯示為建立或開啟檔案的選項。當使用者在雲端硬碟中對檔案按一下滑鼠右鍵時,您的應用程式會顯示在「新增」>「更多」選單和「開啟方式」選單中。 使用者從任一選單選取您的應用程式時,系統會在新的視窗中開啟該應用程式。

查看 Google 雲端硬碟應用程式說明文件

Google Workspace Marketplace 圖示,用於探索應用程式。 可發布



編碼選項

Google Developers 標誌,代表專業應用程式建立。 完整開發

支援下列應用程式

檔案儲存空間整合的 Google 雲端硬碟圖示。 雲端硬碟

可用的 UI 架構

使用現有 UI


Google Classroom 外掛程式

Classroom 外掛程式範例,顯示作業附件。

Classroom 外掛程式範例,顯示作業附件。

教師可以透過 Google Classroom 外掛程式,在課程作業、公告或教材中建立附件。這些附件會在 Classroom 的 iframe 中開啟第三方內容。系統會根據使用者類型和 Classroom 脈絡,在 iframe 中開啟不同的網址。

查看 Classroom 外掛程式說明文件

發布整合服務時使用的 Google Workspace Marketplace 標誌。 可發布



編碼選項

Google Developers 圖示,代表課堂工具整合功能。 完整開發

支援下列應用程式

教師工作流程工具的 Google Classroom 標誌。 Classroom

可用的 UI 架構

嵌入式教育網頁內容的 iframe 圖示。 iframe