Retaggr 在部落格裡交換網路名片，把自家相簿變Facebook

（又會是很長一篇......）昨天在Riku的「The sky of Daemon!」裡看到「Retaggr：为自已打造一张超强的网络名片」，試用過後發現這真的是一個很強大的網路名片服務：Retaggr不僅僅可以讓你在一張名片widget中聚合自己的web2.0帳號，比起某些類似服務，Retaggr還提供了直接在Widget內嵌饋送內容的功能，其他人可以直接在你的名片裡面看到你在twitter或friendfeed上的即時訊息。

而且更為有趣的是Retaggr有很棒的「交換名片」機制，除了可以互相收藏名片外，只要在支援的部落格裡安裝Retaggr的外掛，就能夠讓朋友互相在部落格裡的圖片「下 Tag」（類似Flickr、Facebook那樣的圖片標註功能），假設你們一群朋友照了個大合照被Po上部落格，那麼你就可以找到圖片裡自己的頭像，並將自己的名片用Tag的方式嵌上圖片裡你所在的位置喔！

• Retaggr：http://www.retaggr.com/
• 異塵行者的名片：http://www.retaggr.com/Card/esorhjy
• Retaggr一張名片裡的奧妙：
• 聚合Web服務帳號
• 內嵌Web服務內容
• 手動添加各種Widgets
• 隱藏Email位址的寄信功能
• 隱藏即時通帳號的線上對談
• 透過名片訂閱你的部落格
• 可安裝在部落格的名片卡
• 可安裝在部落格的名片互動機制
• 在部落格圖片增加Tag標註功能
• 將名片嵌入大合照裡的特定位置
• 收藏他人的名片

雖然「電腦玩物」都在講一些電腦的五四三，所以圖片也都是一些沒有情調的螢幕抓圖，不過即使不是那種寫給朋友之間互相交流的旅行日記、美食隨筆，我還是會很希望能在部落格裡有更多可以和訪客們交流互動的機制，而除了基本的留言板，進階一點的即時通外，今天要介紹的「Retaggr」看起來也可以是一個值得「長久經營」的「網路名片」交換服務。

 

1.註冊

來到Retaggr首頁，點選左上方的「Sign up」或「Quick Sign Up」都可以，就會進入註冊頁面。

填寫資料裡最重要的是中間的「Display Name」，因為這邊設定的名稱會影響你的個人「名片網址」，我建議先填寫確定的英文名稱。然後在開頭的「Full Name」填寫你的完整名稱，這裡填寫的會變成名片上的暱稱，後續可以更改；「Email」也很重要，因為需要收註冊認證信，也是你以後登入後台的帳號。在下面的「Password」設定密碼，在「Once more:」再確認一次，勾選最後面兩個項目，按下〔Register〕。

你會在自己的電子郵件信箱裡接到Retaggr的認證信，點選中間的網址進行最後的確認。

登入Retaggr後，你可以看到網頁右方是你目前名片的預覽，網頁左方會有一些功能提示，以及各種設定的選項。接著我們就可以開始編輯自己的名片囉！

 

2.聚合個人資料與設定

• Profile 設計自己的名片首頁：

在後台的上方工具列切換到「Your Profile Card」，便可以編輯自己名片的內容。先到「Profile」裡面設定自己的個人基本資料，在「Profile」裡面的資料基本上會顯示在你的名片「第一面」。

其中「Personal」→「Full name」裡面雖然可以設定「中文暱稱」，中文絕大多時候顯示也正常，不過如果你想要使用後面的「圖片Tag」功能的話，中文Tag在某些情況會變成亂碼。

另外比較有特色的是「Status message」可以和Twitter連結，在名片首頁顯示你的最新Twitter訊息，只要在這裡勾選「Use twitter for my status messages」即可。

在「Profile」頁面往下拉，可以設定你的服務單位、部落格網址資訊，其中在部落格的「RSS Feed URL:」填入RSS位址，別人就可以透過Retaggr名片訂閱你的部落格。而如果你勾選「Tagged Photos」下面的選項，你的名片中會紀錄你到別人家「串門子」留下的圖片Tag。最後設定完記得按下〔Save Changes〕。

 

• 不公開郵件地址的寄信功能

切換到「Profile Photo」，你可以上傳個人大頭貼，或是使用「Gravatar」的網路留言頭像服務。當然，既然是做名片，擺個有代表性的頭像是很重要的。

接著切換到「Contact Details」，你可以在這裡勾選「Enable the email functionality on my Profile Card」，如此一來訪客可以「直接」在名片裡面輸入文字，然後「寄信」給你；除了方便之外，還有一個好處就是過程中不會「洩漏」你Email的真實地址。

如果你沒有專門給訪客用的Email，或是不想公開Email的話，這個功能還滿實用的。可以不顯示你的Email，但是訪客又可以寄信給你。

 

• 把網路服務的活動內容加入名片

現在比較有在玩網路的人，常常會同時在複數的網站上發表內容，這些在不同社群中的活動，其實都在不同的面向代表著你這個人！而Retaggr就可以把這些可以「代表你」（或者說代表網路上的你）的內容聚合在同一張「名片」上面。

切換到「Website You Use」，就可以看到「非常長」的一串網路服務清單，裡面甚至連最近滿紅的Plurk都包括在裡面，Retaggr在這邊很清楚的告訴你每一種服務添加的方法，依據提示來填入你在該服務的代號即可。最後記得按下〔Save Changes〕。

某些服務的前面你會看到一個「齒輪」的圖標，這表示這個服務在Retaggr名片裡面支援自動用整合的widgets來瀏覽內容！而其他不支援的服務在名片上就會只是單純的連結而已。

 

• 手動加外掛，可以聊天的widgets名片

前面提到某些網路服務支援直接用widgets的方式整合在你的Retaggr名片中。而你也可以用「手動添加」的方式，把其它你想加入Retaggr的外掛加入。例如我就加入了「Lijit製作的搜索引擎」和「Google自訂搜尋製作的聯合檢索」外掛。

按下〔Add a Custom Widget〕，然後在「Widget Title:」填入一個自訂名稱；接著依據你的外掛形式，在下面欄位輸入網址，或是填入程式碼，最後按下〔Add Widget〕即可。

Retaggr也另外提供了比較特殊的Facebook、Last.fm和一些即時通（Skype、GTalk、MSN）的外掛，例如加裝即時通外掛就可以讓訪客直接透過Retaggr名片和你通話，可是不會洩漏你的即時通帳號。這些特殊外掛Retaggr都有另外描述詳細的設定過程，所以使用者應該都很好上手。

 

3.安裝

• 在部落格安裝美觀多頁面的名片卡

當你設定好自己的網路名片後，當然你可以透過告訴朋友你的「名片網址」來互相交換名片，不過更好的方法就是把Retaggr名片安裝到自己的網站中。

到「Website Tools」頁面裡，可以獲得外掛的程式碼，有兩種外掛可以安裝：一種是「Embed your Profile Card」直接安裝一個「可見」的Retaggr名片到你的部落格。另外一種則是「Retaggr enable your site」這個會將更豐富的「互動功能」整合到你的部落格中，不過依據不同部落格平台支援的功能也不同。

比較簡單的「Embed your Profile Card」只要先選好你想要的名片樣式，目前也只有兩種可選，而且無法自訂外觀（聽說未來將會增加自訂功能），一個是按鈕型，一個是完整的可見圖片卡，直接複製程式碼然後裝到部落格上即可。

 

• 在部落格安裝互動型的名片交換機制

而「Retaggr enable your site」就比較複雜一點，如果你是「wordpress」的部落格，那麼恭喜你可以支援最完整的Retaggr互動功能，包括「圖片加Tag」、「留言者名片」、「作者名片」等等，可以參考「The sky of Daemon!」安裝後的效果。至於其他部落格就沒有那麼豐富的支援。以電腦玩物使用的Blogger平台為例，安裝Retaggr的互動外掛後，目前看起來唯一可以支援的就只有在「圖片」上面「加Tag」的功能。

首先在「Retaggr enable your site」下面點選〔Add a new site〕，然後填入你的部落格名稱、網址；在「Features:」勾選「Image Tags」，並在「Tag Permissions」設定你要允許哪些人可以在你的圖片上加Tag。最後按下〔Save〕，到右上角選擇「Code to retaggr enable my site」。

接著你就會來到獲取安裝程式碼的畫面，如果你的部落格平台有在支援列表的話，可以直接點選BSP圖示來安裝，或者也可以用最下面的程式碼來安裝。

 

4.Retaggr效果呈現

• Retaggr名片卡的效果：

經過上面的程序，基本上你已經完成所有需要的設定了，接著我們就來看看Retaggr實際呈現的效果吧！讀者可以直接到目前電腦玩物部落格右上方側欄的「我的名片」處，點選「Retaggr Card」來玩玩看氣泡卡片。

值得注意的是，我前面一直有提到可以「交換名片」吧？如果你在觀看別人名片時，可以點選名片上的「Bookmark Card」，就可以將這張名片加入你的Retaggr帳戶當中，以後你可以在自己的Retaggr帳戶裡面整理和瀏覽朋友的名片。

 

• Retaggr的圖片標註效果：

如果你有安裝完整的「Retaggr enable your site」外掛，那麼就可以有這個圖片加註的功能。這個功能主要是用在那種大合照時，可以幫每個人加上名片標籤，讓大家知道誰是誰？不過當然你要直接拿來當作文字註解也沒人會反對。只要點選圖片右上角浮現的〔Tag〕按鈕就可以開始加註。

在圖片加Tag標註的方法很簡單，就和Flickr或Facebook上的方法差不多，首先你要畫出一個標注區域，然後看你是要加上關鍵字註解，或是要加上你的名片（這邊是目前Retaggr唯一尚未完整支援中文顯示的地方)。完成後當別人在觀看圖片時，就可以直接點擊圖上的Tag來觀看你的名片。

圖片Tag功能另外一個強大的地方，在於你到別人家下過Tag的紀錄都會被保存起來，甚至可以直接在你的名片中看到串門子紀錄，如此一來對於朋友交流又帶來了更大的方便性。

 

• Retaggr的留言效果：

因為我的部落格不支援留言者名片，所以大家可以看看我在「The sky of Daemon!」留言後的效果：在暱稱後面有個驚嘆號圖標可以顯示你的名片卡。

 

5.到此一遊！玩玩看圖片Tag吧！

如果你認真的加入了Retaggr服務，並且設計好自己的名片後，歡迎在下面這張地圖裡面用Tag的方式加上你的名片標籤，讓我們一起來交換網路名片吧！（這個功能在RSS閱讀器裡面應該是無法實現，必須到本站操作）

P.S.其實我把它設定成「任何人」（不需註冊）都可以在部落格裡的圖片下Tag，所以如果你只是想試試看留下到此一遊的紀錄，也歡迎用下面這張地圖實驗喔！

 

• 小結：

花了一天玩Retaggr後，我感覺這是一個很棒的網路名片服務，除了基本的設計名片功能外，如果你想在網路上和朋友交換名片，尤其是針對網路互動所需要的名片，那麼Retaggr看起來功能非常的完整而實用。它其實也不一定需要你擁有自己的部落格，因為你可以先在Retaggr裡面註冊好自己的名片，到其他部落格與別人交換，或者用現在很流行的Email聯絡人名單來找找看有沒有其他擁有Retaggr名片的朋友；當然，如果你擁有部落格的話，Retaggr強大的外掛功能更可以讓你的部落格晉身成為你自己的社交出口平台。

最後，如果你也經由我的介紹而加入Retaggr，歡迎在上面那張地圖，或是留言裡面留下你的名片一起來交流喔！