2008年10月12日 星期日

Google AJAX API小工具---利用RSS│關鍵字顯示多個部落格最新文章

想要輪播其他部落格的文章嗎?利用這個以關鍵字Keyword)為主的Feed抓取工具輕鬆幫你完成。

綸太郎很少使用AJAX工具,雖然以Flash顯示的效果很炫也很漂亮,但是顯示元件的速度並不快,所以很少利用這類的工具,最近發現一個類似Blogger後台新增小工具的「新聞影片」的功能,有使用過的人應該知道,這個元件顯示速度並不快,是以抓取關鍵字的方法來顯示相關的新聞,而一般而言Google AJAX API是要申請的,不過我目前使用的這個是可以不用申請,直接用網站上所提供的工具即可,雖然功能有限,但覺得還不錯用,跟大家介紹。

Dynamic Feed Control Wizard - Put feeds on Your Web Page
先說明這個元件功能何在?

最主要是可以顯示部落格的最新文章或是關鍵字的相關文章,他是以關鍵字為抓取對象,而不是Rss Feed的網址為主,所以是以輸入關鍵字為主,譬如我的部落格是”東京封印”,輸入後他就會主動抓到這個部落格的feed,然後顯示相關的文章,也可以同時輸入多個部落格名稱,記得加個逗號『,』,關鍵字前面並空一格,按下Preview,就會顯示元件,來做個聯播,不過如果你的部落格與他人同名,有可能會抓到別人的資料,或是抓取不到正確的資料,選擇你要的格式後,下面有個Generate Code,按下按鈕後就會出現程式碼,再將程式碼以新增小工具(Html/Java Script)的方式,放在你想呈現的地方即可。


由於綸太郎同時擁有兩個以上部落格,我想顯示其他部落格的最新文章,雖然有多種方式,例如利用Newsgator或是Google Reader等,但這兩種工具是要註冊的,我覺得這個類似頭條新聞的工具的顯示效果我還蠻喜歡,一次可以輪流顯示部落格最新的4篇文章,雖然Ajax元件出現的速度較慢,但是我想網友到我的網站瀏覽的時間約1〜2分鐘,這時間就足夠讓這個元件輪播了,所以目前試用當中。

他有三種顯示方法,
Vertical,一次顯示一個關鍵字部落格的資訊,會顯示文章片段,四篇跑完會再跑下一個部落格的資料。

Vertical Stacked,顯示多個部落格的最新4篇文章,這裡可以自訂抬頭(Hollywood News,這是原來的標題,我沒有修改)

Horizontal,以水平單行顯示文章標題,會輪播,類似頭條新聞的方式,這是我目前採用的方式。


如果想申請AJAX API,請至這個頁面,Sign up for the Google AJAX Feed API,由於我並沒有申請過這類工具,所以相關的規則我也不清楚,只是利用現成的工具幫自己的部落格做個聯播,多了這個元件也是讓自己的文章多曝光的機會,目前覺得這個API工具還蠻好用的,不過不能自訂幾篇文章就是了,有興趣的人可以玩看看。

其他Bsp的部落格應該也可以用,只要你的部落格有支援java script語言,新增一個自訂欄位放程式碼即可,也可以輪播自己的最新文章,雖然只有四篇,但是會出現部份內文,對於大部分網友停留部落格約1-3分鐘的時間就已經足夠了,也是另一種曝光的方式,這是我自己的想法。

4 則留言:

  1. 為啥我把程式碼放在自己的部落格後
    只一直出現Loading...的字樣
    等好久都讀不出資料呢

    回覆刪除
  2. 有時會這樣,要等很久,不是很穩定,或許是和其他Hack有衝突,所以我就把他拿掉了。

    回覆刪除
  3. 想問一下,這個有辦法調寬度嗎?
    本來想用結果發現(因為某篇文章標題略長)它的寬度太寬了……

    回覆刪除
  4. 我記得他是會自動折行的,因為我也不是設計者,或許要請教會使用api工具的朋友,沒法幫你,不過這東西有時真的很慢。

    回覆刪除

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