擴充 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 Workspace Marketplace,讓使用者在這個線上商店中尋找並安裝與 Google Workspace 整合的第三方應用程式,藉此擴充 Google Workspace UI。

擴充 Google Workspace UI 的選項總覽

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

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

下表列出各個選項的說明。

可建構的內容 預覽 應用程式擴充功能 編碼選項 以卡片為主的 UI HTML UI iframe UI
Google Workspace 外掛程式 Google Workspace 外掛程式範例
Gmail
雲端硬碟
日曆
Google 文件
試算表
簡報
Apps Script
完整開發人員
連結預覽和智慧型方塊 | Google Workspace 外掛程式 Google Workspace 外掛程式連結預覽範例
Google 文件
試算表
簡報
AppSheet
Apps Script
完整開發人員
電子郵件草稿 | Google Workspace 外掛程式 電子郵件草稿的 Google Workspace 外掛程式範例
Gmail
Apps Script
完整開發人員
會議主畫面和側邊面板 | Google Workspace 外掛程式 Google Meet 外掛程式
Meet
完整開發人員
日曆會議功能 | Google Workspace 外掛程式 Google Workspace 日曆會議外掛程式範例
日曆
Apps Script

使用現有的 UI

編輯器外掛程式 編輯器外掛程式範例
Google 文件
試算表
簡報
表單
Apps Script
Google Chat 應用程式 Chat 應用程式範例
即時通訊
AppSheet
Apps Script
完整開發人員
自訂函式 自訂函式範例
試算表
Apps Script

使用現有的 UI

巨集 巨集範例
試算表
Apps Script

使用現有的 UI

自訂選單、對話方塊和側欄 選單和側欄範例
Google 文件
試算表
簡報
表單
Apps Script
Google 雲端硬碟應用程式 雲端硬碟應用程式範例
雲端硬碟
完整開發人員

使用現有的 UI

Google Classroom 外掛程式 Google Classroom 外掛程式
Classroom
完整開發人員

Google Workspace 外掛程式

Google Workspace 外掛程式範例

Google Workspace 外掛程式是可與 Google Workspace 應用程式整合的應用程式。Google Workspace 外掛程式可擴充多個 Google Workspace 應用程式。大多數情況下,應用程式會在其擴充的 Google Workspace 應用程式側欄中開啟。

查看 Google Workspace 外掛程式說明文件

可發布



編碼選項

Apps Script
完整開發人員

擴充以下應用程式

Gmail
雲端硬碟
日曆

Google 文件
試算表
簡報

可用的 UI 架構

資訊卡架構



連結預覽範例

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

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

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

可發布



編碼選項

AppSheet
Apps Script
完整開發人員

擴充以下應用程式

Google 文件
試算表
簡報

可用的 UI 架構

資訊卡架構



電子郵件草稿 | Google Workspace 外掛程式

電子郵件草稿範例

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

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

可發布



編碼選項

Apps Script
完整開發人員

擴充以下應用程式

Gmail

可用的 UI 架構

資訊卡架構



會議主畫面和側邊面板 | Google Workspace 外掛程式

Meet 外掛程式

擴充 Meet 功能的 Google Workspace 外掛程式可讓您將應用程式嵌入會議的主要舞台或側邊面板介面,讓使用者不必離開 Meet 即可在應用程式中探索、分享內容和協作。

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

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

可發布



編碼選項

完整開發人員

擴充以下應用程式

Meet

可用的 UI 架構

iframe



日曆會議 | Google Workspace 外掛程式

日曆會議功能範例

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

查看日曆會議說明文件

可發布



編碼選項

Apps Script

擴充以下應用程式

日曆

可用的 UI 架構

使用現有的 UI


編輯器外掛程式

編輯器外掛程式範例

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

您可以使用下列介面來建立編輯器外掛程式:

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

可發布



編碼選項

Apps Script

擴充以下應用程式

Google 文件
試算表
簡報
表單

可用的 UI 架構

HTML
iframe



即時通訊應用程式

Chat 應用程式範例

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

  • 使用簡訊或資訊卡訊息回覆斜線指令
  • 開啟對話方塊,協助使用者完成多步驟程序,例如填寫表單資料。
  • 預覽連結:附加含有實用資訊的資訊卡,讓使用者直接在對話中採取行動。

查看 Chat 應用程式說明文件

可發布



編碼選項

AppSheet
Apps Script
完整開發人員

擴充以下應用程式

即時通訊

可用的 UI 架構

資訊卡架構



自訂函式

自訂函式範例

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

查看自訂函式說明文件

可發布



編碼選項

Apps Script

擴充以下應用程式

試算表

可用的 UI 架構

使用現有的 UI


巨集

巨集範例

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

錄製巨集時,試算表會自動建立 Apps Script 函式,用於複製 UI 互動情形。您可以直接在 Apps Script 編輯器中編輯巨集。您可以在 Apps Script 中從頭開始編寫巨集,也可以將已編寫的函式轉換為巨集。

查看巨集說明文件

編碼選項

Apps Script

擴充以下應用程式

試算表

可用的 UI 架構

使用現有的 UI


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

自訂選單範例

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

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

編碼選項

Apps Script

擴充以下應用程式

Google 文件
試算表
簡報
表單

可用的 UI 架構

HTML
iframe



雲端硬碟應用程式

雲端硬碟應用程式範例

如果您的應用程式支援雲端硬碟檔案,您可以整合雲端硬碟使用者介面,讓應用程式顯示為建立或開啟檔案的選項。使用者在 Google 雲端硬碟中按一下檔案的滑鼠右鍵時,您的應用程式會顯示在「New」>「More」選單和「Open with」選單中。使用者從任一選單中選取您的應用程式時,您的應用程式會在新視窗中開啟。

查看 Drive 應用程式說明文件

可發布



編碼選項

完整開發人員

擴充以下應用程式

雲端硬碟

可用的 UI 架構

使用現有的 UI


Google Classroom 外掛程式

Classroom 外掛程式

Google Classroom 外掛程式可讓教師在課程作業、公告或課程教材中建立附件。這些附件會在 Classroom 的 iframe 中開啟第三方內容。視使用者類型和 Classroom 情境而定,iframe 會開啟不同的網址。

查看 Classroom 外掛程式說明文件

可發布



編碼選項

完整開發人員

擴充以下應用程式

Classroom

可用的 UI 架構

iframe