擴充 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 架構類型 讓您建構每個選項,包括:
    • 卡片式:資訊卡介面是預先定義的小工具和資訊卡 透過卡片服務使用 或將正確格式化的 JSON 傳回 使用您偏好的技術堆疊 (完整開發) 轉譯資訊卡。卡片式 即使沒有 HTML 或 CSS 相關知識也能順利使用介面, 電腦版和行動版用戶端
    • HTML:Apps Script 提供 HTML 服務,可用來開發 與伺服器端 Apps Script 函式互動。介面 雖然使用 HTML 服務開發的產品非常容易自訂,但還需要更多功能 藉此打造良好的使用者體驗。
    • iFrame:iframe 可將外部內容嵌入 Google Workspace 中 提供最佳的使用者介面可自訂性。

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

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

使用現有 UI

編輯器外掛程式 編輯器外掛程式範例
文件
Google 試算表
Google 簡報
Google 表單
Apps Script
Google Chat 應用程式 Chat 應用程式範例
聊天
AppSheet
Apps Script
完整開發
自訂函式 自訂函式範例
Google 試算表
Apps Script

使用現有 UI

巨集 巨集範例
Google 試算表
Apps Script

使用現有 UI

自訂選單、對話方塊和側欄 選單和側欄範例
文件
Google 試算表
Google 簡報
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 試算表
Google 簡報

可用的 UI 架構

資訊卡架構



連結預覽範例

擴充 Google 文件的 Google Workspace 外掛程式可建立自訂連結 預覽內容。與 Google 文件會產生在內容提及使用者、檔案、日曆活動或 在 Google Workspace 應用程式中建立其他實體時 可能會產生 適用於第三方連結的智慧型方塊,且會在 使用者將遊標懸停在方塊上

您可以在現有的 Google Workspace 外掛程式中加入連結預覽,或是建立 專屬的 Google Workspace 外掛程式,連結預覽功能。

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

可發布



編碼選項

AppSheet
Apps Script
完整開發

擴充下列應用程式

文件
Google 試算表
Google 簡報

可用的 UI 架構

資訊卡架構



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

電子郵件草稿範例

擴充 Gmail 的 Google Workspace 外掛程式可以提供 介面。 如要使用這個介面,使用者必須從 電子郵件草稿底部或 「更多選項」選單。

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

可發布



編碼選項

Apps Script
完整開發

擴充下列應用程式

Gmail

可用的 UI 架構

資訊卡架構



日曆會議 |Google Workspace 外掛程式

日曆會議範例

如果您是網路會議通訊供應商,可以建立 Google Workspace 外掛程式 ,將 Google 日曆的功能與會議解決方案搭配使用。 外掛程式會新增 Google 日曆活動的會議選項,可讓使用者建立 直接透過日曆加入這些會議。

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

可發布



編碼選項

Apps Script

擴充下列應用程式

日曆

可用的 UI 架構

使用現有 UI


編輯器外掛程式

編輯器外掛程式範例

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

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

  • 左側為側欄 並擴充其適用的應用程式
  • 疊加應用程式的對話方塊 持續擴充
  • 執行指令碼的選單項目。
  • Google 試算表中的自訂函式 試算表。

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

可發布



編碼選項

Apps Script

擴充下列應用程式

文件
Google 試算表
Google 簡報
Google 表單

可用的 UI 架構

HTML
iFrame



即時通訊應用程式

Chat 應用程式範例

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

  • 使用簡訊回應斜線指令 或資訊卡訊息
  • 開啟對話方塊來協助使用者完成多步驟 例如填寫表單資料
  • 預覽連結,附上實用的資訊卡 方便使用者取得 動作。

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

可發布



編碼選項

AppSheet
Apps Script
完整開發

擴充下列應用程式

聊天

可用的 UI 架構

資訊卡架構



自訂函式

自訂函式範例

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

查看自訂函式說明文件

可發布



編碼選項

Apps Script

擴充下列應用程式

Google 試算表

可用的 UI 架構

使用現有 UI


巨集

巨集範例

「巨集」是 Google 試算表中複製特定序列的錄音檔 您定義的 UI 互動您可以將巨集連結至鍵盤快速鍵 或透過 「擴充功能」 > 執行 巨集選單。

錄製巨集時,Google 試算表會自動建立 複製 UI 互動的 Apps Script 函式。你可以 直接在 Apps Script 編輯器中編輯巨集。您可以寫 巨集,也可以沿用現有的函式 並轉換成巨集

查看巨集說明文件

編碼選項

Apps Script

擴充下列應用程式

Google 試算表

可用的 UI 架構

使用現有 UI


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

自訂選單範例

您可以新增自訂選單、提示、快訊和 HTML 對話方塊 在 Google 文件、試算表 簡報和表單。自訂選單會顯示在 套用預設選單對話方塊、側欄、提示和快訊 通常由使用者動作 (例如點選選單項目) 或觸發 以事件為準的觸發條件

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

編碼選項

Apps Script

擴充下列應用程式

文件
Google 試算表
Google 簡報
Google 表單

可用的 UI 架構

HTML
iFrame



雲端硬碟應用程式

雲端硬碟應用程式範例

如果您的應用程式支援雲端硬碟檔案,就可以與 雲端硬碟使用者介面,選擇建立應用程式 或開啟檔案您的應用程式會顯示在「New」區塊 >>「更多」選單,以及 當使用者在雲端硬碟中對檔案按一下滑鼠右鍵時,開啟「選擇開啟工具」選單。 當使用者從任一選單中選取您的應用程式時,應用程式會在新視窗中開啟。

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

可發布



編碼選項

完整開發

擴充下列應用程式

開車

可用的 UI 架構

使用現有 UI


Google Classroom 外掛程式

Classroom 外掛程式

教師可透過 Google Classroom 外掛程式建立附件 課程作業、公告或課程教材這些附件已開啟 Classroom 的 iframe 中嵌入第三方內容。iframe 會開啟 根據使用者的類型和 Classroom 使用情境,提供不同的網址。

查看 Classroom 外掛程式說明文件

可發布



編碼選項

完整開發

擴充下列應用程式

Google Classroom

可用的 UI 架構

iFrame