2009年5月14日 星期四

[教學] 在google sites裡加入iframe的解決方法

自訂插入外部頁面的的IFRAME小工具 http://jkfiledownload.googlecode.com/files/jkgsiframe.xml

google sites(中文翻作"協作平台") 是個非常好用的免費工具
尤其如果搭配google apps 在google apps底下的協作平台容量可說是無限
(apps預設10G 然後每多一個帳號多500mb --> apps帳號可以無限開)

現在lab裡的很多工作都可以放在lab的協作平台上讓大家一起進行 然後又可以設定權限只有apps帳號的人能夠共同編輯 避免組織內部一些敏感資訊被外面的人看到

不過google site還是有些限制 像說不能很自由的編輯html碼 跟普通的網頁不一樣 他大部分的功能都是模版做好的 所以當然好用的iframe就不能用了
但是我想在google site頁面中插入外部的頁面 那要怎麼辦 今天研究了一下 發現寫google gadget可以繞過sites本身的限制 偷偷使用iframe

程式碼大概是參考http://www.glaciology.net/Home/Miscellaneous-Debris/guide-to-inserting-iframes-or-flash-in-google-sites這篇文章寫的
不過我改了一些小地方 做了另外一個小工具 給懶的自己寫google gadget的朋友直接引用 只要填入想要顯示的網址就可以簡單的在google site裡插入iframe

iframe小工具網址: http://jkfiledownload.googlecode.com/files/jkgsiframe.xml

在google site裡加入iframe的步驟:

1.編輯頁面-插入-小工具-更多





2.依網址新增小工具- 填上 http://jkfiledownload.googlecode.com/files/jkgsiframe.xml





3.設定小工具-在iframeuURL的地方選擇iframe要連的頁面網址 另外可以自己選擇條整長寬和要不要出現捲軸





4.按儲存就完成了 範例是在google site中插入一個yahoo的首頁 XD




google sites iframe

9 意見:

張貼留言
匿名 提到...

Thanks for providing this, which is great! :)

wzj001 提到...

您好,這篇文章的網址http://jkfiledownload.googlecode.com/files/jkgsiframe.xml
小弟照上述方法載入後卻搜尋不到該小工具...

wzj001 提到...

啊 又可以用了 好像是網路問題 感恩感嗯!!

匿名 提到...

太感激嚕
你提供這點幫助我很多!
我一直在找裡面這部分的功能
經你引導
才發現原來是要涉及程式碼的部分
惠我良多

只會吃達人 提到...

這位大大你好 小弟很感謝你這個小工具 但我現在想自行開發另一個可以縮放文章的小工具 想參考一下你的程式碼 不知是否能夠提供呢??在此感激不盡
願意的話就勞煩您寄給我了
keino123@hotmail.com

Jackson Kuo J哥 提到...

謝謝!我載入後,好像不能調視窗大小,每次都還要另外按放大,才會變大,請問怎麼調大小,另外,如何避免使用者按到「x」?謝謝!

Sincere.Make 提到...

你好!請問!插入後如何取消
「上方」與「左方」的黑色框線?
這樣無法做到無縫

匿名 提到...

您提供的方法實在幫助我很多,謝謝!!

請問如要將google friend connect嵌入至
google sites(協作平台),您是否有好的解決方案。

提到...

不好意思大大 我在google sites 換成我的iframeURL 預覽沒出來請問大大是什麼問題??