2008年12月7日 星期日

Google Friend Connect!誰來你家 @ Google 版



最近看到一則新聞,Google 現在全面公開了 Friend Connect,你可藉由嵌入一小段簡單的 Code of Javascript 就可以在網站中增加 widget ,實現社交的功能,這個功能的特殊點 在於,只要他有登入 Google 帳號,例如:Gmail,你就可以知道來訪的人是誰,而且,Google Friend Connect支援四種帳號登入,除了 Google 本身的帳號,還有 Yahoo,AIM 與 OpenID。

我廢話不多說,直接切入重點教學吧!請見下圖流程教學:

首先,你要先到 Google Friend Connect 的首頁,先選 I agree ...... 先吧!(點擊下圖可連結到該頁面)


關鍵字廣告 關鍵字行銷

( 點擊上圖可連結到 Google Friend Connect:http://www.google.com/friendconnect/ )


跳下一頁以後,點擊「Set up a new site」,就準備開始整個流程囉!


關鍵字廣告 關鍵字行銷


這個頁面是說明整個流程,趕快按「Continue」吧!繼續跳下一頁!


關鍵字廣告 關鍵字行銷


這一步驟,要設定你的「Site Name」、「Home URL」(網站首頁的連結),填好之後按「Continue」囉!


關鍵字廣告 關鍵字行銷


設定好「Site Name」、「Home URL」之後,你要上傳兩個 .html 檔到你的 web site server,再按「Continue」囉!請注意!如果你是用 Google 的 Blogger,不用上傳「Friend Connect files」,直接按「Continue」喔!


關鍵字廣告 關鍵字行銷


然後,你會需要測試你剛設定的「Home URL」、「Friend Connect files」,按一下「Test to finalize setup」吧!


關鍵字廣告 關鍵字行銷


接下來,準備按「Get code for the Members gadget » 」,直接開始設定 Members gadget 囉!


關鍵字廣告 關鍵字行銷


設定你的 Members gadget 大小、顏色以後,準備迎接你的 HTML code 吧!


關鍵字廣告 關鍵字行銷


按一下「Generate code」,就會出現設定好的 HTML code 囉!接下來,趕快把 code 轉貼到你的部落格吧!


關鍵字廣告 關鍵字行銷


看到這邊,也許你會以為要結束了吧!不!接下來的,對我來說才是重點 .......


大家有看到下圖,趕快 加入我的好友吧!加我好友請 點擊下圖 「Join this site」,要不然,空空的 ....... 有點 ....... 怪怪的 .......... 是嗎?感恩啦!


關鍵字廣告 關鍵字行銷



希望今天的「Google Friend Connect」流程教學,可以讓喜愛 Google 的人,又多學一項的服務喔!一起加油吧!


Derek

2 則留言:

  1. 目前google friend connect似乎與google site不相容
    所以很可惜的,目前自已用google site架的站卻無法使用google friend connect

    回覆刪除
  2. 我個人的看法是覺得.....
    google site 架站並不適合使用google friend connect。
    google friend connect 比較適合用在內容擴充性較強的部落格。

    回覆刪除