擴充 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 UI 擴充至 Google Workspace Marketplace 的大多數選項，這個網路商店能讓使用者尋找並安裝與 Google Workspace 整合的第三方應用程式。

擴充 Google Workspace UI 的選項總覽

下表列出擴充 Google Workspace UI 的選項，並依照這些特性進行比較：

  • 應用程式延伸使用：列出可透過特定選項擴充的 Google Workspace 應用程式。
  • 程式設計選項：列出建立方式，包括：
    • AppSheet：無程式碼的開發平台。
    • Apps Script：以 JavaScript 為基礎的雲端式低程式碼開發平台。
    • 完整開發：您自己的技術堆疊支援您偏好的程式設計語言。
  • UI 架構：指出可用於建構各選項的 UI 架構類型，包括：
    • 卡片介面：卡片介面是指透過 Apps Script 的資訊卡服務建構的預先定義小工具和資訊卡，或傳回格式正確的 JSON，以便使用您偏好的技術堆疊 (full dev) 顯示資訊卡。卡片式介面不需要 HTML 或 CSS 相關知識，且在電腦和行動用戶端都能順暢運作。
    • HTML：Apps Script 提供 HTML 服務，可用來開發網頁可與伺服器端 Apps Script 函式互動。HTML 服務開發的介面可自由自訂，但必須手動執行更多工作才能提供優質的使用者體驗。
    • iFrame：iframe 可將外部內容嵌入 Google Workspace，並為使用者介面提供最具自訂性的功能。

下表提供每個選項的說明。

可建構的項目 預覽 延長使用時間 程式設計選項 卡片式 UI HTML 使用者介面 iframe 使用者介面
Google Workspace 外掛程式 Google Workspace 外掛程式範例
Gmail
雲端硬碟
日曆
文件
試算表
簡報
Apps Script
完整開發
連結預覽和智慧型方塊 | Google Workspace 外掛程式 Google Workspace 外掛程式連結預覽範例
文件
試算表
簡報
AppSheet
Apps Script
完整開發
電子郵件草稿 | Google Workspace 外掛程式 電子郵件草稿的 Google Workspace 外掛程式範例
Gmail
Apps Script
完整開發
日曆會議 | Google Workspace 外掛程式 Google Workspace 日曆會議外掛程式範例
日曆
Apps Script

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

使用現有 UI
巨集 巨集範例
試算表
Apps Script

使用現有 UI
自訂選單、對話方塊和側欄 選單和側欄範例
文件
試算表
簡報
表單
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
雲端硬碟
日曆

文件
試算表
簡報

可用的 UI 架構：

資訊卡架構


連結預覽範例

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

您可以在現有的 Google Workspace 外掛程式中新增連結預覽，或是另外建立連結預覽專用的 Google Workspace 外掛程式。

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

可發布



編碼選項：

AppSheet
Apps Script
完整開發

擴充下列應用程式：

文件
試算表
簡報

可用的 UI 架構：

資訊卡架構


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

電子郵件草稿範例

使用者撰寫新訊息或回覆現有郵件時，Google Workspace 外掛程式可以提供自訂介面。如要使用這個介面，使用者必須在草稿底部或「More options」選單中開啟電子郵件草稿中的外掛程式。

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

可發布



編碼選項：

Apps Script
完整開發

擴充下列應用程式：

Gmail

可用的 UI 架構：

資訊卡架構


日曆會議 | Google Workspace 外掛程式

日曆會議範例

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

查看 Google 日曆會議通訊說明文件

可發布



編碼選項：

Apps Script

擴充下列應用程式：

日曆

可用的 UI 架構：

使用現有 UI

編輯器外掛程式

編輯器外掛程式範例

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

您可以使用下列介面執行編輯器外掛程式：

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

可發布



編碼選項：

Apps Script

擴充下列應用程式：

文件
試算表
簡報
表單

可用的 UI 架構：

HTML
iFrame


即時通訊應用程式

Chat 應用程式範例

Chat 擴充應用程式會將資源和服務整合到 Chat 中。您可以透過設計 Chat 擴充應用程式，以多種方式與使用者互動，包括：

  • 使用簡訊或資訊卡訊息回應斜線指令。
  • 開啟對話方塊來協助使用者完成多步驟程序，例如填寫表單資料。
  • 預覽連結，附上資訊卡來提供實用資訊，讓使用者直接從對話採取行動。

查看 Chat 擴充應用程式的說明文件

可發布



編碼選項：

AppSheet
Apps Script
完整開發

擴充下列應用程式：

即時通訊

可用的 UI 架構：

資訊卡架構


自訂函式

自訂函式範例

自訂函式可讓您在 Google 試算表中加入更多函式。使用者可以找到並使用這些函式，就像試算表提供的數百個內建函式一樣。您可以將自訂函式發布為編輯者外掛程式。

查看自訂函式說明文件

可發布



編碼選項：

Apps Script

擴充下列應用程式：

試算表

可用的 UI 架構：

使用現有 UI

巨集

巨集範例

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

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

查看巨集說明文件

編碼選項：

Apps Script

擴充下列應用程式：

試算表

可用的 UI 架構：

使用現有 UI

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

自訂選單範例

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

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

編碼選項：

Apps Script

擴充下列應用程式：

文件
試算表
簡報
表單

可用的 UI 架構：

HTML
iFrame


雲端硬碟應用程式

雲端硬碟應用程式範例

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

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

可發布



編碼選項：

完整開發

擴充下列應用程式：

雲端硬碟

可用的 UI 架構：

使用現有 UI

Google Classroom 外掛程式

Classroom 外掛程式

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

查看 Classroom 外掛程式說明文件

可發布



編碼選項：

完整開發

擴充下列應用程式：

Classroom

可用的 UI 架構：

iFrame