擴充 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 Marketplace 是一個網路商店，可讓使用者尋找及安裝與 Google Workspace 整合的第三方應用程式。

擴充 Google Workspace UI 的選項總覽

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

  • 擴充的應用程式：列出您可以使用該選項擴充的 Google Workspace 應用程式。
  • 程式設計選項：列出建構方法，包括：
    • AppSheet：無程式碼開發平台。
    • Apps Script：以 JavaScript 為基礎的雲端式低程式碼開發平台。
    • Full dev：專屬技術堆疊，支援您偏好的程式設計語言。
  • UI 架構：指出可用來建構每個選項的 UI 架構類型，包括：
    • 卡片式：卡片介面是指透過 Apps Script 卡片服務建構的預先定義小工具和資訊卡，或傳回正確格式的 JSON，以使用您偏好的技術堆疊 (完整開發) 轉譯卡片。卡片式介面不需要 HTML 或 CSS 相關知識，而且無論是在電腦或行動裝置用戶端上都能正常運作。
    • HTML：Apps Script 提供 HTML 服務，可用於開發可與伺服器端 Apps Script 函式互動的網頁。使用 HTML 服務開發的介面雖然可靈活自訂，但需要更多手動操作才能打造優質的使用者體驗。
    • iFrame：iFrames 可將外部內容嵌入 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 應用程式 即時通訊應用程式範例
即時通訊
AppSheet
Apps Script
完整開發
自訂函式 自訂函式範例
試算表
Apps Script

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

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

使用現有 UI

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 外掛程式

電子郵件草稿範例

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

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

可發布



編碼選項：

Apps Script
完整開發

擴充下列應用程式：

Gmail

可用的 UI 架構：

資訊卡架構


日曆會議 | Google Workspace 外掛程式

日曆會議範例

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

查看 Google 日曆會議說明文件

可發布



編碼選項：

Apps Script

擴充下列應用程式：

日曆

可用的 UI 架構：

使用現有的 UI

編輯器外掛程式

編輯器外掛程式範例

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

您可以將下列介面用於編輯器外掛程式：

  • 所擴充應用程式旁邊的側欄。
  • 與應用程式展開重疊的對話方塊。
  • 執行指令碼的選單項目。

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

可發布



編碼選項：

Apps Script

擴充下列應用程式：

文件
試算表
簡報
表單

可用的 UI 架構：

HTML
iFrame


即時通訊應用程式

即時通訊應用程式範例

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

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

查看 Chat 應用程式說明文件

可發布



編碼選項：

AppSheet
Apps Script
完整開發

擴充下列應用程式：

即時通訊

可用的 UI 架構：

資訊卡架構


自訂函式

自訂函式範例

你可以使用自訂函式，在 Google 試算表中新增更多函式。Google 試算表提供數百種內建函式，使用者可以尋找及使用這些功能。

查看自訂函式說明文件

可發布



編碼選項：

Apps Script

擴充下列應用程式：

試算表

可用的 UI 架構：

使用現有的 UI

巨集

巨集範例

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

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

查看巨集說明文件

編碼選項：

Apps Script

擴充下列應用程式：

試算表

可用的 UI 架構：

使用現有的 UI

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

自訂選單範例

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

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

編碼選項：

Apps Script

擴充下列應用程式：

文件
試算表
簡報
表單

可用的 UI 架構：

HTML
iFrame


雲端硬碟應用程式

雲端硬碟應用程式範例

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

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

可發布



編碼選項：

完整開發

擴充下列應用程式：

雲端硬碟

可用的 UI 架構：

使用現有的 UI