擴充 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 簡報標誌。 簡報
Google Apps Script 標誌,代表程式碼選項。 Apps Script
Google Developers 全端選項標誌。 完整開發
連結預覽和智慧型方塊 | Google Workspace 外掛程式 Google Workspace 外掛程式連結預覽範例,顯示智慧型方塊。
智慧型方塊預覽的 Google 文件圖示。 說明文件
智慧型方塊預覽畫面中的 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 開發人員圖示 (完整開發人員)。 完整開發
會議主畫面和側邊面板 | 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 表單標誌。 表單
Google Apps Script 標誌,用於編輯試算表。 Apps Script
自訂函式 | 編輯器外掛程式 自訂函式範例,說明如何使用試算表公式。
自訂函式的 Google 試算表標誌。 Google 試算表
Google Apps Script 標誌,代表撰寫指令碼。 Apps Script

使用現有 UI

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

使用現有 UI

自訂選單、對話方塊和側欄 | 編輯器外掛程式 選單和側欄範例,顯示編輯器 UI 自訂功能。
Google 文件標誌,適用於文件側欄。 說明文件
試算表對話方塊的 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 試算表
簡報應用程式的 Google 簡報圖示。 簡報

可用的 UI 架構:

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



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

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

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

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

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

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



編碼選項:

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

擴充下列應用程式:

文件擴充功能工具的 Google 文件圖示。 說明文件
試算表工具擴充功能的 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 開發人員標誌。 完整開發

擴充下列應用程式:

對話擴充功能的 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 簡報圖示。 簡報
問卷調查和表單工具的 Google 表單圖示。 表單

可用的 UI 架構:

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



自訂函式

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

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

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

查看自訂函式說明文件

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



編碼選項:

Apps Script

擴充下列應用程式:

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

可用的 UI 架構:

使用現有 UI


巨集

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

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

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

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

查看巨集文件

編碼選項:

Google Apps Script 標誌,代表巨集錄製功能。 Apps Script

擴充下列應用程式:

Google 試算表

可用的 UI 架構:

使用現有 UI


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

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

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

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

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

編碼選項:

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

擴充下列應用程式:

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

可用的 UI 架構:

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



Google 雲端硬碟應用程式

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

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 開發人員圖示。 完整開發

擴充下列應用程式:

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

可用的 UI 架構:

嵌入式教學網路內容的 Iframe 圖示。 iframe