2009年10月22日 星期四

Google Sites可以放JavaScript檔案及接受外連


最近網友詢問我一個lightbox2的燈箱效果,發現了他的檔案居然是從Google sites的檔案櫃外連的,所以趕緊跟大家報告這個好消息,終於Google Sites接受Java Script檔案形式的外連了。

其實之前一直還是用Google Page Creator來放js檔案,因為雖說不開放新的註冊使用者使用,但是這個頁面通知網站要移轉似乎也沒有什麼動靜,原本放檔案的功能還是存在,所以就加減用,後來放新的圖片檔案都是用Google sites,雖然Abins' Tech Note有介紹Google Code可以放js檔且接受外連,但是似乎有流量限制,而且無預警的會被砍掉服務,所以一直在觀望中,也沒有申請。

今天實作了一下,將我的影音網站---Daisuki Video,的Java Script檔案放上Google Sites的檔案櫃,發現真的是可以正常執行的,真是太好了,但是查詢了Google Sites的相關網頁,及網路搜尋了一番,似乎都沒有公佈這個消息,或許還在試驗階段,或是悄悄開放不要太多人知道,不過反正就是可以用就是了,那我就要開始使用了,不過建議自己電腦檔還是要留有備份,不然哪天Google收回使用權那就麻煩了。

另外有網友留言反應,他的js檔放在Google Sites在Firfefox瀏覽器可以正常呈現,但是在IE及Chrome沒法正常呈現,但是將js檔放到其他的網站空間後,任何瀏覽器都能正常展示,所以很多情形都會發生,歡迎大家意見交流,所以使用時還是要看自己的選擇,如果你有別的空間可以放js檔,還是利用別的空間,等到Google宣佈可以正常利用時再來利用吧。

還有如果你是大量的js檔案需要空間的話,建議再觀望一陣子,畢竟官方並沒有正式公佈此項消息,還是我自己lost了,如果知道相關訊息的朋友,佛心大發,給我個網址,我再去看看。

如何利用呢,一樣從檔案櫃上載後,他只會出現一個下載的連結,連結上點選屬性(Firefox)或是內容(IE),就可以知道這個js檔的網址,


格式類似以下
http://sites.google.com/site/你的帳號/box/easySlider1.js?attredirects=0&d=1

你只要把後面的?attredirects=0&d=1這個去掉就是你的js檔可外連的網址,


通常使用到javascript的語法如下列,
<script src='http://sites.google.com/site/你的帳號/資料夾名稱/檔名.js' type='text/javascript'></script>
就可以利用你自己的Google Sites網站空間的檔案了。

或許你會問,這有什麼好處呢?
1、目前我知道的是,如果同一個檔很多人外連使用,速度可能會慢些。
2、如果原作者的檔案空間掛了,你的網頁連結就會失敗,造成無法運作的情形。
所以下載js檔放到自己的空間上是比較保險的方式,而且如果要分享給他人也會比較方便。

如果你還沒有使用Google Sites的服務,可以參考綸太郎先前寫的文章,不過當時是英文版,很多都是以當時的情況介紹,不過應該都看得懂,

關於檔案櫃的使用,是在
Google Sites 實際操作程序(下篇)這篇說明。

另外關於動態gif檔也可以上載,而無法正常顯示的情況,加上後面的參數就能正常使用,如果照上面js檔的方式則是無法顯示正常動態畫面,以下面的例子為例,

正常沒有參數的網址,動態效果無法呈現
http://sites.google.com/site/lunfiles/box/bestheart.gif


下面兩個加上參數則可以正常呈現動畫效果,鑽石會一閃一閃的。
下載網址
http://sites.google.com/site/lunfiles/box/bestheart.gif?attredirects=0&d=1

檢視網址
http://sites.google.com/site/lunfiles/box/bestheart.gif?attredirects=0

似乎Google Sites同時也開放動態gif檔的使用了。

延伸閱讀:
令人驚豔的Google Sites服務--基本介紹篇
Google Sites 實際操作程序(上篇)
Google Sites 實際操作程序(中篇)

20 則留言:

  1. 綸太郎, (抱歉打擾一下...)
    你確定真的可以這樣用嗎?
    請看我這篇 sample:
    http://disorder.ojisang.com/2009/10/blog-post_13.html
    (我沒有要騙流量, 不想看的人客請別點啊!)

    '看點'是 show 圖那段的 javascript.
    在 firefox 正常無誤, 但是在 chrome, IE 圖就出不來了說.

    我很久以前就發現了, 看了你的文章, 以為已經有改善, 但還是沒有. 難道是我個人的問題而已?

    回覆刪除
  2. ㄟ...

    '這篇發文主要是說google sites接受js檔的外連。'
    這句話的意思是'可以連, 但是不能用.'嗎?

    我沒有用 lightbox, 那段 code 完全是我自己寫的.

    (如果我還是誤會你的意思, 那真的是很抱歉啊!)

    回覆刪除
  3. 好久沒看到你了,這篇文你好像誤會了,lightbox照片燈箱效果,是網友也是在Firefox可以測試成功,ie不行,來詢問我,所以你跟他是類似的情形吧,我只是發現他用的js檔案網址是放在google sites,並不是說把js檔放在google sites,在ie就能顯示成功,因為結果還是不行正常呈現,這是設計者的問題,這篇發文主要是說google sites接受js檔的外連,而且之前你的網站在firefox顯示是正常的,應該就不是空間的問題了,應該是程式支援瀏覽器的差異,我是這樣覺得。

    回覆刪除
  4. 我不會寫程式,所以也不知道問題出在哪,只是照我的經驗看到,有些js檔確實是不支援IE或其他瀏覽器,雖然有些作者有修正,但是還是有瀏覽器看不到效果,可能跟後台的隱私或是安全性有關,也有可能,但是這跟js檔放在哪個空間,我覺得應該沒有很大關係,除非他不接受外連,那當然沒法作用,就像我影音網站現在把js檔放到sites,在firefox和IE7是可以正常呈現,在IE6則無法正常呈現,所以應該是js檔本身的程式關係,很高興你來留言,大家討論交流意見很不錯。

    回覆刪除
  5. ㄟ... (你一直在改留言耶!)

    你是說我程式寫得很爛這樣? (開個玩笑, 別介意!)

    我現在沒改任何程式, 只是把那個 .js 搬到 hinet 而已,
    不管開哪個 browser 來看, 就一切正常了.
    那這樣要如何解釋?

    回覆刪除
  6. 下次我會改進,儘量不改,本想要留言快一點,又怕說的不清楚,才會修正,如果令你不快,先跟你說聲抱歉。

    其實你一開頭跟我說明白就行了,你檔案放在hinet是可以正常呈現的,所以我也誤會了,以為你說的是js檔在不同browser呈現效果不同,才會跟你解釋一堆可能會遇到的問題。

    所以說檔案放到google sites在ie就不能正常瀏覽是這個意思吧,那我會在文章上加註,每個人的電腦環境不同,如果因為檔案存放空間不同而影響到瀏覽器的呈現不同的可能,我會再測試看看lightbox是否是這樣的原因,真的很謝謝你的意見,讓我知道有這樣的事情。

    回覆刪除
  7. (這裡是你的地盤, 比較沒禮貌的是我, 該說抱歉的是我吧?)

    我目前的狀況: .js檔案放到google sites在chrome & ie就不能正常瀏覽. 是這個意思沒錯.

    回覆刪除
  8. 9月份裝wp-cumulus在blog時,
    就有把js、html、swf試放在協做平台上外連,因為之前看很多人都說協做平台不能放,試過後是可以的。
    至於瀏覽器方面,倒是沒注意

    因為我不用ie,其他的瀏覽器沒發現這問題,倒是我wp的部落格側邊欄無法顯示swf,難道是放在協做平台的關係?

    回覆刪除
  9. To disorder,換個空間可以用還不錯,就怕換了空間js還是無法作用的程式,所以很多人為了遷就Browser要放棄好多js檔的hacks程式。

    回覆刪除
  10. To Avi,原來9月就行了,我在ie7及Firefox3.5.3看你的swf檔是正常顯示的,給你做個參考,感謝你提供的訊息,另外我知道的是要播放swf檔,你的瀏覽器要支援Shockwave Flash這個元件,會不會是你沒有安裝到這個附加程式,或是要更新。

    回覆刪除
  11. 我在9月時也把js 放在google site 裡面,結果可以。(我不知道原先是不可以的~)

    後來就慢慢的把page裡的js移到site裡面。然後IE/firefox/chrome 到目前也都可以正常瀏覽。

    tzuche

    回覆刪除
  12. 原來大家都默默在進行,那我就更有信心了,來個js大搬家,好好的整理自己的檔案。

    回覆刪除
  13. 我是另外一個問題
    就是在Google sites上無法插入js
    試過很多小工具Gadgets 都沒結果
    您是否能寫這個插入JS的Gadgets造福弱勢者 謝謝

    回覆刪除
  14. 抱歉我不會寫程式。

    回覆刪除
  15. 為什麼我的js擺在sites一直都是失效的阿 Orz? 已經沒用了嗎?

    回覆刪除
  16. 你看上面的回應就可以知道了,有的人放了有用,有的人放了沒用,畢竟是沒有公開的工具,我也不知道為什麼,我自己用是沒有問題的。

    回覆刪除
  17. 經過我的測試……
    ?attredirects=0&d=1s有和沒有都能夠外連使用。
    測試瀏覽器為firefox3.5.8和google chrome 5.0.307.11 beta(都是linux版)

    回覆刪除
  18. 請問我想跟您確認一下~是否有辦法在Google Sites協作平台裡~
    放置Facebook的讚按鈕跟分享鈕呢?
    我想在每則文章內~都擺放一個這樣的按鈕~
    但因為FB這樣的按鈕~都是Java Script~
    所以想請教您一下是否能放呢? (Ps.我是用google瀏覽器~)
    若是可以~因為我完全不懂Java Script~也不知道怎麼弄一個FB的js檔~
    是否能教教我呢? 感激不盡~

    回覆刪除
    回覆
    1. 目前已經沒再研究這東西,照以前是不能放js檔的。

      刪除

設有留言驗證及核准,版主閱覽後,留言才會顯示,發問前請善用網站目錄Google搜尋功能