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

retaggr-01

(又會是很長一篇......)昨天在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」看起來也可以是一個值得「長久經營」的「網路名片」交換服務

retaggr-16

 

1.註冊

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

retaggr-05

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

retagger-00

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

retagger-02

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

retagger-04

 

2.聚合個人資料與設定

  • Profile 設計自己的名片首頁

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

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

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

retaggr-06

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

retaggr-07

 

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

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

retaggr-08

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

retaggr-19

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

 

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

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

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

retaggr-09

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

retaggr-10

 

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

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

retaggr-11

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

retaggr-12

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

retaggr-13

 

3.安裝

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

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

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

retaggr-14

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

retaggr-15

 

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

而「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」。

retaggr-17

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

retagger-18

 

4.Retaggr效果呈現

  • Retaggr名片卡的效果

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

retaggr-20retaggr-23

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

retaggr-24

 

  • Retaggr的圖片標註效果

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

retaggr-25

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

retaggr-26

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

retaggr-29

 

  • Retaggr的留言效果

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

 

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

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

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

retaggr-27

 

  • 小結:

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

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

留言

  1. http://www.retaggr.com/Card/klcintw

    回覆刪除
  2. 呵呵,忘了強調,其實「所有的人」都可以在我站裡的圖片上加Tag喔!

    因為我設定成開放所有人加Tag,
    大家有興趣可以玩玩看,

    感覺這個讓圖片多出註解的功能,
    很是和相片型的部落格阿~~

    回覆刪除
  3. 哈~今天看到最好玩的服務!又有的玩啦!

    回覆刪除
  4. 我發現不能設定MyBlogLog的ID~
    哈哈...應該是故意的...XD

    補一下我的:
    http://www.retaggr.com/Card/rocavence

    回覆刪除
  5. 我想也滿有可能是故意的,同質性太大了,呵呵

    回覆刪除
  6. 很有趣的部落格小玩意,我收下了~感恩

    回覆刪除
  7. 關於「把網路服務的活動內容加入名片」
    文章中沒講到一個方便的功能

    "Websites you use" 頁面右上方有一個 "Got a FriendFeed account? Get all your usernames in one step." 的對話框

    只要你有 FriendFeed 帳號,輸入帳號後,系統就會自動幫你匯入所有服務的 username,個人覺得很方便,就補充推薦一下囉!

    回覆刪除
  8. 這個功能真的方便不少,謝謝你的推薦。

    其實是因為我寫這篇的時候還沒有這個功能,
    所以才沒有提到,

    那時候我有寫兩個建議給官方:一個是可以直接匯入像friendfeed或mybloglog的資料。另外一個是可以自訂widgets外觀。

    官方有回信給我說widgets自訂的功能也在開發中囉!感覺他們還滿有拼勁的呢^^

    回覆刪除
  9. 這麼一講他們真的很有拼勁 XDD
    有人推薦就很快實作出功能來了

    值得期待!

    回覆刪除
  10. 我用另一個 http://showmylink.com/

    回覆刪除
  11. 謝謝你的推薦,改天來試用看看

    回覆刪除
  12. www.skymad.com.tw

    我覺得這個網站的名片比較實用耶

    回覆刪除
  13. 基本上是兩種不同的東西XD

    Retaggr就是網路人的名片,
    是把每個人自己玩的網路服務聚合起來的東西。

    回覆刪除
  14. 好棒的教學阿~!
    感謝介紹,覺得寫這些教學真的很辛苦阿…給你拍拍手!

    回覆刪除
  15. 感謝大大的辛苦介紹和教學,讓我躍躍欲試,想要趕快來試試看這個服務。

    回覆刪除
  16. 哇喔!!介紹的好詳細=___=|||
    功能真強~~真希望我的也可以像它一樣

    回覆刪除

張貼留言

為了避免垃圾廣告留言過多,開始測試「留言管理」機制,讓我可以更容易回應讀者留言,並更簡單過濾掉廣告,但只要不是廣告留言都會通過審核。

這個網誌中的熱門文章

全家沖印、 7-11 列印照片誰好用?立可得與 ibon教學+比較表

Google Maps 我的地圖完全教學!規劃自助旅行攻略

Slack 完整教學與上手心得:找到正確的團隊溝通之道

Google NotebookLM 免費中文 AI 筆記實例教學,老師、學生、創作者利器

畫張圖說得更清楚! Napkin 用 AI 幫你的簡報文章手繪視覺思考圖

Google 表單自動關閉回覆教學:時間人數到達就過期

會議記錄不麻煩!我常用兩個 Evernote AI 功能整理錄音、手寫筆記

Excalidraw 免費 AI 生成流程圖,一鍵畫出知識圖表、專案流程、寫作大綱

微軟 Bing AI 繪圖工具 Image Creator 免費開放,30秒輕鬆生成圖片

Miro 遠距工作開視覺會議的免費強大白板,專案圖解實例教學