ขยาย UI ของ Google Workspace

หน้านี้อธิบายตัวเลือกในการขยายอินเทอร์เฟซผู้ใช้ (UI) ของ Google Workspace คุณสามารถขยาย UI ของ Google Workspace ได้ด้วยเหตุผลหลายประการ เช่น

  • ผสานรวมแอปหรือบริการของคุณเข้ากับ Google Workspace เพื่อให้ผู้ใช้ สามารถใช้แอปได้โดยตรงจากแอป Google Workspace อย่างน้อย 1 รายการ ตัวอย่างเช่น สร้างส่วนเสริม Google Workspace ที่สร้างชิปอัจฉริยะและแสดงตัวอย่างลิงก์สำหรับบริการของคุณภายใน Google เอกสาร
  • ช่วยให้ผู้ใช้ Google Workspace ทำงานได้อย่างมีประสิทธิภาพมากขึ้นหรือปรับปรุงเวิร์กโฟลว์ เช่น สร้างแอป Google Chat ที่ให้ผู้ใช้ รายงานใบบันทึกเวลาประจำสัปดาห์ได้โดยตรงจาก Google Chat
  • เพิ่มความสามารถที่ไม่มีใน Google Workspace โดยค่าเริ่มต้น เช่น เพิ่มเมนูที่กำหนดเองในเอกสาร, Google ชีต หรือ Google สไลด์

คุณสามารถเผยแพร่ตัวเลือกส่วนใหญ่สำหรับการขยาย UI ของ Google Workspace ไปยัง Google Workspace Marketplace ซึ่งเป็นร้านค้าออนไลน์ที่ผู้ใช้สามารถค้นหาและติดตั้งแอปของบุคคลที่สามที่ผสานรวม กับ Google Workspace ได้

ภาพรวมของตัวเลือกในการขยาย UI ของ Google Workspace

ตารางต่อไปนี้แสดงตัวเลือกในการขยาย UI ของ Google Workspace และเปรียบเทียบตามลักษณะต่อไปนี้

  • แอปที่ขยาย: แสดงรายการแอป Google Workspace ที่คุณขยายได้ด้วยตัวเลือกที่ระบุ
  • ตัวเลือกการเขียนโค้ด: แสดงวิธีที่คุณสามารถสร้าง ซึ่งรวมถึงวิธีต่อไปนี้
    • AppSheet: แพลตฟอร์มการพัฒนาแอปพลิเคชันซึ่งไม่จำเป็นต้องมีการเขียนโค้ด
    • Apps Script: แพลตฟอร์มการพัฒนาที่ลดการเขียนโค้ด บนระบบคลาวด์ซึ่งอิงตาม JavaScript
    • Dev แบบเต็ม: ชุดซอฟต์แวร์โครงสร้างพื้นฐานของคุณเองที่รองรับภาษาการเขียนโค้ดที่คุณต้องการ
  • เฟรมเวิร์ก UI: ระบุประเภทเฟรมเวิร์ก UI ที่คุณใช้สร้างแต่ละตัวเลือกได้ ซึ่งรวมถึง
    • อิงตามการ์ด: อินเทอร์เฟซการ์ดคือวิดเจ็ตและการ์ดที่สร้างไว้ล่วงหน้า ด้วยบริการการ์ดโดยใช้ Apps Script หรือโดยการส่งคืน JSON ที่จัดรูปแบบอย่างถูกต้องเพื่อ แสดงการ์ดด้วยชุดซอฟต์แวร์โครงสร้างพื้นฐานที่คุณต้องการ (นักพัฒนาแอปแบบเต็ม) อินเทอร์เฟซแบบการ์ดไม่จำเป็นต้องมีความรู้เกี่ยวกับ HTML หรือ CSS และทำงานได้ดีทั้งในไคลเอ็นต์บนเดสก์ท็อปและอุปกรณ์เคลื่อนที่
    • HTML: Apps Script มีบริการ HTML สำหรับพัฒนาหน้าเว็บที่โต้ตอบกับฟังก์ชัน Apps Script ฝั่งเซิร์ฟเวอร์ได้ อินเทอร์เฟซที่พัฒนาด้วยบริการ HTML ปรับแต่งได้สูง แต่ต้องใช้การทำงานด้วยตนเองมากขึ้นเพื่อสร้างประสบการณ์ของผู้ใช้ที่ยอดเยี่ยม
    • iframe: iframe ฝังเนื้อหาภายนอกลงใน Google Workspace และมอบการปรับแต่งอินเทอร์เฟซผู้ใช้ได้มากที่สุด

ตารางต่อไปนี้คือคำอธิบายสำหรับแต่ละตัวเลือก

สิ่งที่คุณสร้างได้ Preview ขยายเวลาการใช้งานแอป ตัวเลือกการเขียนโค้ด UI แบบการ์ด UI ของ HTML UI ของ iframe
ส่วนเสริมของ Google Workspace ตัวอย่างส่วนเสริมของ Google Workspace ที่แสดงการผสานรวมแถบด้านข้าง
โลโก้ Gmail แสดงความพร้อมใช้งานของการผสานรวมอีเมล Gmail
โลโก้ Google ไดรฟ์สำหรับการสนับสนุนพื้นที่เก็บไฟล์ ไดรฟ์
โลโก้ Google ปฏิทินสำหรับส่วนขยายแอปการกำหนดเวลา ปฏิทิน
โลโก้ Google Chat สำหรับการผสานรวมแอปรับส่งข้อความ แชท
โลโก้ Google เอกสารสำหรับการผสานรวมการแก้ไขเอกสาร เอกสาร
โลโก้ Google Meet สำหรับการผสานรวมการประชุมทางวิดีโอ Meet
โลโก้ Google ชีตสำหรับส่วนขยายแอปสเปรดชีต ชีต
โลโก้ Google สไลด์สำหรับส่วนขยายแอปงานนำเสนอ สไลด์
โลโก้ Google Apps Script สำหรับตัวเลือกการเขียนโค้ด Apps Script
โลโก้ Google Developers สำหรับตัวเลือก Full Stack Full dev
ตัวอย่างลิงก์และชิปอัจฉริยะ | ส่วนเสริม Google Workspace ตัวอย่างการแสดงตัวอย่างลิงก์ของส่วนเสริม Google Workspace ที่แสดงชิปอัจฉริยะ
ไอคอน Google เอกสารสำหรับตัวอย่างชิปอัจฉริยะ เอกสาร
ไอคอน Google ชีตสำหรับตัวอย่างชิปอัจฉริยะ ชีต
ไอคอน Google สไลด์สำหรับตัวอย่างชิปอัจฉริยะ สไลด์
โลโก้ AppSheet สำหรับตัวเลือกการพัฒนาที่ไม่ต้องเขียนโค้ด AppSheet
โลโก้ Google Apps Script สำหรับการเขียนโค้ดที่ลดการเขียนโค้ด Apps Script
โลโก้ Google Developers สำหรับการเขียนโค้ดอย่างมืออาชีพ Full dev
ฉบับร่างอีเมล | ส่วนเสริมของ Google Workspace ตัวอย่างส่วนเสริมของ Google Workspace สำหรับฉบับร่างอีเมลใน Gmail
โลโก้ Gmail ที่แสดงถึงส่วนขยายฉบับร่างอีเมล Gmail
ไอคอน Google Apps Script สำหรับส่วนขยายอีเมล Apps Script
ไอคอน Google Developers สำหรับนักพัฒนาแอปแบบเต็ม Full dev
แผงด้านข้างและเวทีหลักของการประชุม | ส่วนเสริมของ Google Workspace อินเทอร์เฟซของส่วนเสริม Google Meet จะทำงานร่วมกับหน้าจอหลักและแผงด้านข้าง
โลโก้ Google Meet สำหรับการผสานรวมการประชุม Meet
โลโก้ Google Developers สำหรับการประชุมการเขียนโค้ด Full dev
แอป Google Chat | ส่วนเสริมของ Google Workspace ตัวอย่างแอป Chat ที่แสดงการรับส่งข้อความแบบอินเทอร์แอกทีฟใน Chat
โลโก้ Google Chat สำหรับส่วนขยายแชท แชท
โลโก้ AppSheet สำหรับตัวเลือกแอปแชท AppSheet
โลโก้ Google Apps Script สำหรับส่วนขยายของแชท Apps Script
โลโก้ Google Developers สำหรับแชทแบบ Full Stack Full dev
การประชุมผ่านปฏิทิน | ส่วนเสริมของ Google Workspace ตัวอย่างอินเทอร์เฟซการประชุมของส่วนเสริม Google Workspace สำหรับปฏิทิน
โลโก้ Google ปฏิทินสำหรับฟีเจอร์การประชุม ปฏิทิน
โลโก้ Google Apps Script สำหรับส่วนขยายปฏิทิน Apps Script

ใช้ UI ที่มีอยู่
ส่วนเสริมของเอดิเตอร์ ตัวอย่างส่วนเสริมของเครื่องมือแก้ไขที่แสดงส่วนขยาย Google เอกสาร
โลโก้ Google เอกสารสำหรับโปรแกรมแก้ไขเอกสาร เอกสาร
โลโก้ Google ชีตสำหรับโปรแกรมแก้ไขสเปรดชีต ชีต
โลโก้ Google สไลด์สำหรับโปรแกรมแก้ไขงานนำเสนอ สไลด์
โลโก้ Google ฟอร์มสำหรับเครื่องมือแก้ไขแบบฟอร์ม แบบฟอร์ม
โลโก้ Google Apps Script สำหรับการแก้ไขสเปรดชีต Apps Script
ฟังก์ชันที่กำหนดเอง | ส่วนเสริมของเอดิเตอร์ ตัวอย่างฟังก์ชันที่กำหนดเองซึ่งแสดงการใช้สูตรสเปรดชีต
โลโก้ Google ชีตสำหรับฟังก์ชันที่กำหนดเอง ชีต
โลโก้ Google Apps Script สำหรับการเขียนสคริปต์ Apps Script

ใช้ UI ที่มีอยู่
มาโคร | ส่วนเสริมของเอดิเตอร์ ตัวอย่างมาโครที่แสดงขั้นตอนการทำงานอัตโนมัติของสเปรดชีตที่บันทึกไว้
โลโก้ Google ชีตสำหรับการสร้างมาโคร ชีต
โลโก้ Google Apps Script สำหรับการทำงานอัตโนมัติ Apps Script

ใช้ UI ที่มีอยู่
เมนูที่กำหนดเอง กล่องโต้ตอบ และแถบด้านข้าง | ส่วนเสริมของเอดิเตอร์ ตัวอย่างเมนูและแถบด้านข้างที่แสดงการปรับแต่ง UI ของเอดิเตอร์
โลโก้ Google เอกสารสำหรับแถบด้านข้างของเอกสาร เอกสาร
โลโก้ Google ชีตสำหรับกล่องโต้ตอบสเปรดชีต ชีต
โลโก้ Google สไลด์สำหรับแถบด้านข้างของงานนำเสนอ สไลด์
โลโก้ Google ฟอร์มสำหรับกล่องโต้ตอบของแบบฟอร์ม แบบฟอร์ม
โลโก้ Google Apps Script สำหรับแถบด้านข้าง Apps Script
แอป Google ไดรฟ์ ตัวอย่างแอปไดรฟ์ที่แสดงการผสานรวมเมนูไฟล์
โลโก้ Google ไดรฟ์สำหรับการเข้าถึงไฟล์ ไดรฟ์
โลโก้ Google Developers สำหรับการสนับสนุนแบบ Full Stack Full dev

ใช้ UI ที่มีอยู่
ส่วนเสริมของ Google Classroom ตัวอย่างส่วนเสริมของ Google Classroom ที่แสดงอินเทอร์เฟซไฟล์แนบงาน
โลโก้ Google Classroom สำหรับเครื่องมือของนักการศึกษา Classroom
โลโก้ Google Developers สำหรับการผสานรวมกับ Classroom Full dev

ประเภทการผสานรวมแอป

ส่วนต่อไปนี้จะอธิบายประเภทการผสานรวมแอปที่คุณสร้างได้ เพื่อขยาย UI ของ Google Workspace

หากต้องการแชร์ฟีเจอร์กับผู้ใช้ Google Workspace คนอื่นๆ คุณสามารถ เผยแพร่ข้อมูลใน Google Workspace Marketplace ดูรายละเอียดเกี่ยวกับประเภทการผสานรวมแอปที่แสดงร่วมกันได้ที่หัวข้อแสดงรายการการผสานรวมแอปร่วมกัน ในเอกสารประกอบของ Marketplace

ส่วนเสริมของ Google Workspace

ตัวอย่างส่วนเสริมของ Google Workspace ที่แสดงการผสานรวมแอปในแถบด้านข้าง

ตัวอย่างส่วนเสริมของ Google Workspace ที่แสดงการผสานรวมแอปในแถบด้านข้าง

ส่วนเสริมของ Google Workspace คือแอปพลิเคชันที่ผสานรวมกับแอป Google Workspace ส่วนเสริมสามารถขยายแอป Google Workspace ได้หลายแอป โดยส่วนใหญ่แล้ว แอปจะเปิดในแถบด้านข้างจากภายในแอปใน Workspace ที่แอปนั้นขยาย

นอกเหนือจากการสร้างแถบด้านข้างแล้ว คุณยังสร้างฟีเจอร์ต่อไปนี้สำหรับส่วนเสริมได้ด้วย

ดูเอกสารประกอบเกี่ยวกับส่วนเสริมของ Google Workspace

โลโก้ Google Workspace Marketplace สำหรับการเผยแพร่ เผยแพร่ได้



ตัวเลือกการเขียนโค้ด

โลโก้ Google Apps Script สำหรับการเขียนโค้ดอัตโนมัติ Apps Script
โลโก้ Google Developers สำหรับการพัฒนาซอฟต์แวร์ Full dev

ขยายการทำงานของแอปต่อไปนี้

โลโก้ Gmail สำหรับการผสานรวมแอปอีเมล Gmail
ไอคอน Google ไดรฟ์สำหรับการผสานรวมไฟล์ ไดรฟ์
ไอคอน Google ปฏิทินสำหรับแอปการจัดตารางเวลา ปฏิทิน
โลโก้ Google Chat สำหรับเครื่องมือการสนทนา แชท

ไอคอน Google เอกสารสำหรับการแก้ไขเอกสาร เอกสาร
โลโก้ Google Meet สำหรับเครื่องมือวิดีโอ Meet
โลโก้ Google ชีตแสดงแอปสเปรดชีต ชีต
ไอคอน Google สไลด์สำหรับแอปงานนำเสนอ สไลด์

เฟรมเวิร์ก UI ที่ใช้ได้

ไอคอนกรอบการ์ดสำหรับการออกแบบ UI เฟรมเวิร์กของการ์ด


ตัวอย่างการแสดงตัวอย่างลิงก์ที่แสดงชิปอัจฉริยะแบบอธิบาย

ตัวอย่างการแสดงตัวอย่างลิงก์ที่แสดงชิปอัจฉริยะแบบอธิบาย

ส่วนเสริม Google Workspace ที่ขยายการทำงานของเอกสารจะสร้างตัวอย่างลิงก์ที่กำหนดเองจากบริการของบุคคลที่สามได้ ส่วนเสริมสามารถสร้างชิปอัจฉริยะสำหรับลิงก์ของบุคคลที่สามและแสดงการ์ดตัวอย่างเมื่อมีคนวางเมาส์เหนือชิปได้ ซึ่งคล้ายกับชิปอัจฉริยะที่ เอกสารสร้างขึ้นสำหรับการกล่าวถึงบุคคล ไฟล์ กิจกรรมในปฏิทิน หรือ เอนทิตีอื่นๆ ภายในแอปพลิเคชัน Google Workspace

คุณสามารถเพิ่มตัวอย่างลิงก์ไปยังส่วนเสริมของ Google Workspace ที่มีอยู่ หรือสร้างส่วนเสริมแยกต่างหากสำหรับตัวอย่างลิงก์โดยเฉพาะ

ดูเอกสารประกอบเกี่ยวกับตัวอย่างลิงก์และชิปอัจฉริยะ

โลโก้ Google Workspace Marketplace สำหรับการเผยแพร่ เผยแพร่ได้



ตัวเลือกการเขียนโค้ด

โลโก้ AppSheet สำหรับการพัฒนาแอปโดยไม่ต้องเขียนโค้ด AppSheet
ไอคอน Google Apps Script สำหรับสคริปต์การทำงานอัตโนมัติ Apps Script
ไอคอน Google Developers สำหรับนักพัฒนาซอฟต์แวร์แบบฟูลสแต็ก Full dev

ขยายการทำงานของแอปต่อไปนี้

ไอคอน Google เอกสารสำหรับเครื่องมือส่วนขยายเอกสาร เอกสาร
ไอคอน Google ชีตสำหรับส่วนขยายเครื่องมือสเปรดชีต ชีต
ไอคอน Google สไลด์สำหรับส่วนขยายเครื่องมือการนำเสนอ สไลด์

เฟรมเวิร์ก UI ที่ใช้ได้

ไอคอนเฟรมเวิร์กการ์ดสำหรับคอมโพเนนต์ UI กรอบการ์ด


อีเมลฉบับร่าง

ตัวอย่างอีเมลฉบับร่างที่แสดงอินเทอร์เฟซการเขียนที่กำหนดเอง

ตัวอย่างอีเมลฉบับร่างที่แสดงอินเทอร์เฟซการเขียนที่กำหนดเอง

ส่วนเสริม Google Workspace ที่ขยาย Gmail สามารถมอบอินเทอร์เฟซที่กำหนดเองได้เมื่อผู้ใช้เขียนข้อความใหม่หรือตอบกลับข้อความที่มีอยู่ หากต้องการใช้อินเทอร์เฟซนี้ ผู้ใช้จะต้องเปิดส่วนเสริมจาก ภายในฉบับร่างของอีเมล ไม่ว่าจะที่ด้านล่างของฉบับร่างหรือในเมนู ตัวเลือกเพิ่มเติม

ดูเอกสารประกอบเกี่ยวกับฉบับร่างอีเมล

โลโก้ Google Workspace Marketplace สำหรับการเผยแพร่ เผยแพร่ได้



ตัวเลือกการเขียนโค้ด

ไอคอน Google Apps Script สำหรับเครื่องมือการเขียนโค้ด Apps Script
โลโก้ Google Developers สำหรับการพัฒนาทางวิชาชีพ Full dev

ขยายการทำงานของแอปต่อไปนี้

โลโก้ Gmail ที่แสดงถึงการผสานรวมอีเมล Gmail

เฟรมเวิร์ก UI ที่ใช้ได้

โลโก้เฟรมเวิร์กการ์ดสำหรับระบบการออกแบบ กรอบการ์ด


เวทีหลักและแผงด้านข้างของการประชุม

ตัวอย่างส่วนเสริมของ Meet ที่แสดงการทำงานร่วมกันบนเวทีหลัก

ตัวอย่างส่วนเสริมของ Meet ที่แสดงการทำงานร่วมกันบนเวทีหลัก

ส่วนเสริมของ Google Workspace ที่ขยาย Meet ช่วยให้คุณฝังแอปของคุณลงใน อินเทอร์เฟซของสเตจหลักหรือแผงด้านข้างของการประชุม ซึ่งผู้ใช้จะค้นพบ แชร์ และทำงานร่วมกันในแอปของคุณได้โดยไม่ต้องออกจาก Meet

ส่วนเสริมของ Meet ไม่ได้ใช้ UI เฟรมเวิร์กของการ์ด ซึ่งแตกต่างจากส่วนเสริมอื่นๆ ของ Google Workspace แต่คุณจะฝังแอปโดยใช้ iframe แทน

ดูเอกสารประกอบของ SDK สำหรับส่วนเสริมของ Meet

โลโก้ Google Workspace Marketplace สำหรับการเผยแพร่ เผยแพร่ได้



ตัวเลือกการเขียนโค้ด

โลโก้ Google Developers สำหรับเครื่องมือ Full Stack Full dev

ขยายการทำงานของแอปต่อไปนี้

โลโก้ Google Meet สำหรับการประชุมทางวิดีโอ Meet

เฟรมเวิร์ก UI ที่ใช้ได้

ไอคอน iframe สำหรับเว็บแอปพลิเคชันแบบฝัง iframe


แอป Google Chat

ตัวอย่างแอปแชทที่แสดงการโต้ตอบกับข้อความ

ตัวอย่างแอปแชทที่แสดงการโต้ตอบกับข้อความ

แอป Chat จะนำทรัพยากรและบริการต่างๆ มาไว้ใน Chat คุณออกแบบแอป Chat ให้โต้ตอบกับผู้ใช้ได้หลายวิธี ซึ่งรวมถึงวิธีต่อไปนี้

  • ตอบกลับคำสั่งด้วยข้อความหรือการ์ดข้อความ
  • เปิดกล่องโต้ตอบเพื่อช่วยให้ผู้ใช้ทำกระบวนการแบบหลายขั้นตอนให้เสร็จสมบูรณ์ เช่น การกรอกข้อมูลในแบบฟอร์ม
  • แสดงตัวอย่างลิงก์โดยแนบการ์ด ที่มีข้อมูลที่เป็นประโยชน์ซึ่งช่วยให้ผู้ใช้ดำเนินการได้โดยตรงจาก การสนทนา

ดูเอกสารประกอบของแอปใน Chat

ไอคอน Google Workspace Marketplace สำหรับการเผยแพร่แอป เผยแพร่ได้



ตัวเลือกการเขียนโค้ด

โลโก้ AppSheet สำหรับสร้างแอปแบบไม่ต้องเขียนโค้ด AppSheet
ไอคอน Google Apps Script สำหรับการเขียนโค้ดงานอัตโนมัติ Apps Script
โลโก้ Google Developers สำหรับวิศวกรรมซอฟต์แวร์ระดับมืออาชีพ Full dev

ขยายการทำงานของแอปต่อไปนี้

โลโก้ Google Chat สำหรับส่วนขยายการสนทนา แชท

เฟรมเวิร์ก UI ที่ใช้ได้

ไอคอนเฟรมเวิร์กการ์ดสำหรับการออกแบบอินเทอร์เฟซผู้ใช้ กรอบการ์ด


การประชุมในปฏิทิน

ตัวอย่างการประชุมในปฏิทินที่แสดงการผสานรวมกับกิจกรรมการประชุม

ตัวอย่างการประชุมในปฏิทินที่แสดงการผสานรวมกับกิจกรรมการประชุม

หากคุณเป็นผู้ให้บริการการประชุมทางเว็บ คุณสามารถสร้างส่วนเสริม Google Workspace ที่ขยาย Google ปฏิทินด้วยโซลูชันการประชุมของคุณ ส่วนเสริมจะเพิ่ม ตัวเลือกการประชุมสำหรับกิจกรรมในปฏิทิน ซึ่งช่วยให้ผู้ใช้สร้างและ เข้าร่วมการประชุมเหล่านั้นได้โดยตรงจากปฏิทิน

ดู เอกสารประกอบการประชุมในปฏิทิน

โลโก้ Google Workspace Marketplace สำหรับแอปที่เผยแพร่ เผยแพร่ได้



ตัวเลือกการเขียนโค้ด

ไอคอน Google Apps Script สำหรับทางลัดการผสานรวมการประชุม Apps Script

ขยายการทำงานของแอปต่อไปนี้

ไอคอน Google ปฏิทินสำหรับการตั้งค่าการซิงค์กิจกรรม ปฏิทิน

เฟรมเวิร์ก UI ที่ใช้ได้

ใช้ UI ที่มีอยู่

ส่วนเสริมของเครื่องมือแก้ไข

ตัวอย่างส่วนเสริมของตัวแก้ไขที่แสดงฟีเจอร์ส่วนขยายของ Google เอกสาร

ตัวอย่างส่วนเสริมของตัวแก้ไขที่แสดงฟีเจอร์ส่วนขยายของ Google เอกสาร

ส่วนเสริมของเครื่องมือแก้ไขคือแอปที่ขยายการทำงานของเอกสาร ชีต สไลด์ หรือฟอร์ม ส่วนเสริมของเอดิเตอร์จะขยายแอปได้เพียงแอปเดียว ต่อส่วนเสริม แต่คุณสามารถเผยแพร่ส่วนเสริมของเอดิเตอร์หลายรายการ ในข้อมูล Marketplace เดียวกันได้ ผู้ใช้จะเปิดส่วนเสริมของเครื่องมือแก้ไขได้จากเมนูส่วนขยาย ในแอปที่ขยาย

คุณสร้างฟีเจอร์ต่อไปนี้สำหรับส่วนเสริมของเอดิเตอร์ได้

ดูเอกสารประกอบเกี่ยวกับส่วนเสริมของ โปรแกรมแก้ไข

ไอคอน Google Workspace Marketplace สำหรับการเผยแพร่ซอฟต์แวร์ เผยแพร่ได้



ตัวเลือกการเขียนโค้ด

ไอคอน Google Apps Script สำหรับการพัฒนาส่วนขยายของเอดิเตอร์ Apps Script

ขยายการทำงานของแอปต่อไปนี้

ไอคอน Google เอกสารสำหรับส่วนขยายการแก้ไขเอกสาร เอกสาร
ไอคอน Google ชีตสำหรับฟีเจอร์การทำงานอัตโนมัติของสเปรดชีต ชีต
ไอคอน Google สไลด์สำหรับเครื่องมือสร้างงานนำเสนอ สไลด์
ไอคอน Google ฟอร์มสำหรับเครื่องมือแบบสำรวจและแบบฟอร์ม แบบฟอร์ม

เฟรมเวิร์ก UI ที่ใช้ได้

ไอคอน HTML ที่แสดงถึงการพัฒนาอินเทอร์เฟซผู้ใช้บนเว็บ HTML
ไอคอน iframe สำหรับฝังเนื้อหาเว็บภายนอก iframe


ฟังก์ชันที่กำหนดเอง

ตัวอย่างฟังก์ชันที่กำหนดเองซึ่งแสดงการใช้สูตรของ Google ชีต

ตัวอย่างฟังก์ชันที่กำหนดเองซึ่งแสดงการใช้สูตรของ Google ชีต

ฟังก์ชันที่กำหนดเองช่วยให้คุณเพิ่มฟังก์ชันอื่นๆ ในชีตได้ ผู้ใช้จะค้นหาและใช้ฟังก์ชันเหล่านี้ได้เหมือนกับฟังก์ชันสำเร็จรูปหลายร้อยฟังก์ชันที่มีให้ใช้งานในชีต คุณสามารถเผยแพร่ฟังก์ชันที่กำหนดเองเป็น ส่วนเสริมของเอดิเตอร์ได้

ดูเอกสารประกอบเกี่ยวกับฟังก์ชันที่กำหนดเอง

โลโก้ Google Workspace Marketplace สำหรับตัวเลือกการเผยแพร่ เผยแพร่ได้



ตัวเลือกการเขียนโค้ด

Apps Script

ขยายการทำงานของแอปต่อไปนี้

ไอคอน Google ชีตสำหรับการทำงานในสเปรดชีตโดยอัตโนมัติ ชีต

เฟรมเวิร์ก UI ที่ใช้ได้

ใช้ UI ที่มีอยู่

มาโคร

ตัวอย่างมาโครที่แสดงขั้นตอนการทำงานอัตโนมัติของสเปรดชีตที่บันทึกไว้

ตัวอย่างมาโครที่แสดงขั้นตอนการทำงานอัตโนมัติของสเปรดชีตที่บันทึกไว้

มาโครคือการบันทึกในชีตที่ทำซ้ำชุดการโต้ตอบ UI ที่เฉพาะเจาะจงซึ่งคุณกำหนด คุณสามารถลิงก์มาโครกับแป้นพิมพ์ลัด หรือเรียกใช้จากเมนูส่วนขยาย > มาโคร

เมื่อบันทึกมาโคร ชีตจะสร้างฟังก์ชัน Apps Script โดยอัตโนมัติ ซึ่งจะจำลองการโต้ตอบใน UI คุณแก้ไขมาโครได้โดยตรงภายในเครื่องมือแก้ไข Apps Script คุณสามารถ เขียนมาโครตั้งแต่ต้นใน Apps Script หรือใช้ฟังก์ชัน ที่คุณเขียนไว้แล้วและเปลี่ยนให้เป็นมาโครได้ คุณสามารถรวมคำจำกัดความของมาโครไว้ในส่วนเสริมของเอดิเตอร์ได้ แต่จะเผยแพร่ไม่ได้

ดูเอกสารประกอบ มาโคร

ตัวเลือกการเขียนโค้ด

โลโก้ Google Apps Script สำหรับฟังก์ชันการบันทึกมาโคร Apps Script

ขยายการทำงานของแอปต่อไปนี้

ชีต

เฟรมเวิร์ก UI ที่ใช้ได้

ใช้ UI ที่มีอยู่

เมนู กล่องโต้ตอบ และแถบด้านข้างที่กำหนดเอง

ตัวอย่างเมนูที่กำหนดเองซึ่งแสดงตัวเลือกการปรับแต่งแถบเครื่องมือของเอดิเตอร์

ตัวอย่างเมนูที่กำหนดเองซึ่งแสดงตัวเลือกการปรับแต่งแถบเครื่องมือของเอดิเตอร์

คุณสามารถเพิ่มเมนูที่กำหนดเอง พรอมต์ การแจ้งเตือน และกล่องโต้ตอบและแถบด้านข้างที่อิงตาม HTML ลงในไฟล์ในเอกสาร ชีต สไลด์ และฟอร์มได้โดยเป็นส่วนหนึ่งของส่วนเสริมของเอดิเตอร์ เมนูที่กำหนดเองจะปรากฏข้างเมนูเริ่มต้นของแอปที่ขยาย โดยปกติแล้ว กล่องโต้ตอบ แถบด้านข้าง พรอมต์ และการแจ้งเตือนจะเปิดใช้งานโดยการกระทำของผู้ใช้ เช่น การคลิกรายการเมนู หรือโดยทริกเกอร์ เช่น ทริกเกอร์ที่ขับเคลื่อนด้วยเหตุการณ์

ดูเอกสารประกอบเกี่ยวกับเมนู กล่องโต้ตอบ และแถบด้านข้างที่กำหนดเอง

ตัวเลือกการเขียนโค้ด

ไอคอน Google Apps Script สำหรับการพัฒนาเมนูที่กำหนดเอง Apps Script

ขยายการทำงานของแอปต่อไปนี้

โลโก้ Google เอกสารสำหรับการผสานรวมส่วนขยายเอกสาร เอกสาร
ไอคอน Google ชีตสำหรับส่วนขยายแถบด้านข้างของสเปรดชีต ชีต
โลโก้ Google สไลด์สำหรับส่วนขยายแถบด้านข้างของงานนำเสนอ สไลด์
โลโก้ Google ฟอร์มสำหรับส่วนขยายกล่องโต้ตอบของแบบฟอร์ม แบบฟอร์ม

เฟรมเวิร์ก UI ที่ใช้ได้

ไอคอน HTML สำหรับสร้างอินเทอร์เฟซผู้ใช้ที่กำหนดเอง HTML
ไอคอน Iframe สำหรับฝังเครื่องมือเว็บของบุคคลที่สาม iframe


แอป Google ไดรฟ์

ตัวอย่างแอปไดรฟ์ที่แสดงตัวเลือกการเปิดไฟล์

ตัวอย่างแอปไดรฟ์ที่แสดงตัวเลือกการเปิดไฟล์

หากแอปของคุณรองรับไฟล์ในไดรฟ์ คุณสามารถผสานรวมกับ อินเทอร์เฟซผู้ใช้ของไดรฟ์เพื่อแสดงแอปเป็นตัวเลือกในการสร้าง หรือเปิดไฟล์ แอปของคุณจะปรากฏในเมนูใหม่ > เพิ่มเติมและเมนู เปิดด้วยเมื่อผู้ใช้คลิกขวาที่ไฟล์ในไดรฟ์ เมื่อผู้ใช้เลือกแอปของคุณจากเมนูใดก็ตาม แอปจะเปิดขึ้นในหน้าต่างใหม่

ดูเอกสารประกอบของแอป ในไดรฟ์

ไอคอน Google Workspace Marketplace สำหรับการค้นพบแอป เผยแพร่ได้



ตัวเลือกการเขียนโค้ด

โลโก้ Google Developers สำหรับการสร้างแอปอย่างมืออาชีพ Full dev

ขยายการทำงานของแอปต่อไปนี้

ไอคอน Google ไดรฟ์สำหรับการผสานรวมพื้นที่เก็บไฟล์ ไดรฟ์

เฟรมเวิร์ก UI ที่ใช้ได้

ใช้ UI ที่มีอยู่

ส่วนเสริมของ Google Classroom

ตัวอย่างส่วนเสริมของ Classroom ที่แสดงไฟล์แนบของงาน

ตัวอย่างส่วนเสริมของ Classroom ที่แสดงไฟล์แนบของงาน

ส่วนเสริมของ Google Classroom ช่วยให้นักการศึกษาสร้างไฟล์แนบใน การบ้านและรายงาน ประกาศ หรือสื่อการเรียนการสอนของชั้นเรียนได้ ไฟล์แนบเหล่านี้จะเปิดเนื้อหาของบุคคลที่สามใน iframe ใน Classroom Iframe จะเปิด URL แยกต่างหาก โดยขึ้นอยู่กับประเภทผู้ใช้และบริบทของ Classroom

ดูเอกสารประกอบของส่วนเสริมของ Classroom

โลโก้ Google Workspace Marketplace สำหรับการเผยแพร่การผสานรวม เผยแพร่ได้



ตัวเลือกการเขียนโค้ด

ไอคอน Google Developers สำหรับการผสานรวมเครื่องมือใน Classroom Full dev

ขยายการทำงานของแอปต่อไปนี้

โลโก้ Google Classroom สำหรับเครื่องมือเวิร์กโฟลว์ของนักการศึกษา Classroom

เฟรมเวิร์ก UI ที่ใช้ได้

ไอคอน iframe สำหรับเนื้อหาเว็บเพื่อการศึกษาที่ฝัง iframe