Google 協作平台支援嵌入 HTML 與 JavaScript 程式碼外掛工具



Google 協作平台( Google Sites )是 Google 的一個免費製作網頁工具,在 2016 年推出了一個新版介面:「全新 Google 協作平台推出 ,做漂亮網站跟編輯文件一樣簡單 」,在新的編輯介面中,可以用更直覺的方式,組合各種 Google 服務,製作出一個在手機和電腦上都能漂亮瀏覽的入口網頁。

很多公司或學校,會使用 Google 協作平台( Google Sites )來製作企業佈告欄、內部員工資訊網。而可以在 Google 協作平台中插入 Google 地圖Google 行事曆Google 表單問卷等工具,讓這個入口網頁可以設計許多互動功能。但是原本只能插入以 Google 服務為主的網頁影片、網頁工具,難免讓應用上有些侷限。

不過,近日 Google 協作平台( Google Sites )有了一個重大的更新,可以開始「嵌入」其他影音網站或線上工具提供的 HTML 和 JavaScript 程式碼,讓你的 Google Sites 能放入更多你們需要的內容。




使用方法很簡單,打開「新版 Google 協作平台( Google Sites )」,進入網頁編輯畫面,點擊右方的「嵌入」,就可以看到原本的插入網頁預覽外,還多了一個「嵌入程式碼」功能。

這時候,把其他網頁提供的程式碼,貼上到方格中,就能插入到 Google Sites ,和在部落格插入外掛一樣。例如我之前介紹的「iorad 省時間製作步驟教學投影片,不用再自己截圖劃線寫說明 」,由他製作完成的線上教學投影片,就能嵌入到 Google 協作平台。

若是你初次使用,想了解 Google Sites 基本功能教學的朋友,可以參考:「全新 Google 協作平台推出 ,做漂亮網站跟編輯文件一樣簡單 」。




嵌入其他網頁的影音、工具外掛後,還可拖曳調整外掛在版面中的位置,也能放大縮小外掛,用最直覺的方式設計成自己想要的樣子。




我測試了一些其他影音網站,或是其他工具網站的程式碼,像是「Infogram 製作 RWD 線上資訊圖表工具,免費輕鬆組合各種圖表 」、「比 Google 表單更吸睛的超互動免費線上問券調查:Typeform 」,這些工具提供的程式碼,也都能插入 Google 協作平台。




有了這個「 嵌入 HTML 與 JavaScript 程式碼外掛」的新功能,Google 協作平台( Google Sites )就可以不再只是 Google 服務的平台,而可以讓你創造更多功能利用了。

而如果對 Google 企業運用還有興趣的朋友,可以進一步參考:「G Suite 推出「小組雲端硬碟」實測教學,幫企業管好專案資料 」、「G Suite Google 日曆建立公司會議室、學校設備預約系統教學」、「Google Drive 雲端硬碟檔案串流:不佔空間更高效率的新制教學 」等教學文章。

新版 Google 協作平台( Google Sites )


歡迎社群分享。但全文轉載請來信詢問,禁止修改上述內文,禁止商業使用,並且必須註明來自電腦玩物原創作者 esor huang 異塵行者,及附上原文連結:Google 協作平台支援嵌入 HTML 與 JavaScript 程式碼外掛工具

留言

  1. 終於!!舊平台有的功能,現在終於可以實現了!

    回覆刪除
  2. 新協作平台能搜尋"嵌入的網站的 HTML 程式碼"的內容嗎?

    回覆刪除
  3. 很喜你的文章
    最近才剛開始使用新版的協作平台
    但寫HTML一直搞不定
    我是要簡單的圖片輪播(淡出淡入)
    請問照著下面網站交的方法
    https://www.webdesigns.com.tw/Flexslider.asp
    是否不適用在平台上呢
    如果能有解答 非常感謝

    回覆刪除
  4. Site Google有內建的, 在插入裡找圖片輪轉介面

    回覆刪除
  5. 請問協作平台可以嵌入FB Message嗎?試了很多次,都沒有成功

    回覆刪除
  6. 請問版主協作平台能嵌入google analytics個廣告嗎?

    回覆刪除
  7. 崁入音樂後為何無法自動撥放?

    回覆刪除
  8. 我覺得這個網站做出來左下角會有一個檢舉功能很煩 不知道有沒有辦法移除掉

    回覆刪除

張貼留言

為了避免垃圾廣告留言過多,開始測試「留言管理」機制,讓我可以更容易回應讀者留言,並更簡單過濾掉廣告,但只要不是廣告留言都會通過審核。

這個網誌中的熱門文章

全家沖印、 7-11 列印照片誰好用?立可得與 ibon教學+比較表

Google Maps 我的地圖完全教學!規劃自助旅行攻略

Slack 完整教學與上手心得:找到正確的團隊溝通之道

Google NotebookLM 免費中文 AI 筆記實例教學,老師、學生、創作者利器

Miro 遠距工作開視覺會議的免費強大白板,專案圖解實例教學

Google 表單自動關閉回覆教學:時間人數到達就過期

畫張圖說得更清楚! Napkin 用 AI 幫你的簡報文章手繪視覺思考圖

少記筆記,減少整理,高效輸出:6 原則打造任務驅動型第二大腦

Google 表單的 10 個專業問卷調查設計秘密教學