網頁設計

MSN 即時熱線 介紹

想在Blog或網站上放個線上msn就可以直接與站長連絡嗎?
MSN自己就開發出了一種名叫”MSN 即時熱線”的服務
可以在blog、個人網頁、和郵件簽名檔中加入然後即時傳訊
站長不必透露自己的msn
而網頁造訪者也可以匿名傳送,保護雙方的帳號隱私

先連上MSN 即時熱線官網http://wowimme.spaces.live.com/
其實上面就有介紹了
不過看回應還是有人不太了解
我這裡就一步一步做一次嚕!

看完介紹之後點下”馬上試試”
記得在設定的頁面那個選項打勾並儲存(只有一個選項)

再來到”建立HTML”
有看到以下三種

  • 即時通訊視窗
  • 按鈕
  • 狀態圖示

我們一樣一樣來試試
即時通訊視窗

就是直接在網頁之中放入對話視窗
大小最低要300300
不過他建議也是300
300
但是這個的缺點是重整之後就要重新連線
如果是放在blog的測邊欄~當點其他頁時一重整就會斷線了
點選需要的設定之後下方會產生程式碼
然後再把程式碼加到網頁中即可

不過像在我Blog的話會讓版面跑掉~再加上以上的缺點

所以我就沒放了
如果要用這個的話~建議直接開個頁面放比較保險

按鈕

選擇按鈕之後下方也有程式碼
一樣再Copy過去即可
不過會發現似乎比較短一些

既然這樣~我們小修一下程式碼
找到 msgr:width="100"
把後面的100改成自己想要的寬度即可

我是改成200如圖下

然後如果需要聊msn的話
點下按鈕就會跑出msn視窗

不過這缺點是固定的大小而且不是非常大
我們拿來與後面那張圖一比就知道了(後面的圖是408*408)

狀態圖示

這是最後一種
選擇之後下面沒有東西可以設定
只能直接Copy程式碼
套用之後顯示就是只有一個小綠人

比較不明顯,可能還需要加上一些文字敘述使用者比較會注意到
一樣點選之後會出現對話視窗
但是這個是可以自行調整大小的

<下一頁 待續>

剛剛是MSN 即時熱線的使用方法
如果覺得不是那麼好看
官方也有提供比較好看的樣式可以套用
(官方即時熱線變換外型 http://3c.msn.com.tw/imme/)

不過只有狀態圖示與即時通訊視窗可以使用(按鈕不可以)
他有三個步驟
如果剛剛都會了~現在這個根本沒什麼難的
第一個步驟就是進入剛剛的設定頁面先取得程式碼’
第二個步驟就是選擇要表現的樣式(狀態圖示與即時通訊視窗只能二選一)

然後就會出現程式碼
再把第一個步驟所產生的程式碼取代第三個步驟所產生的字串:
“這裡插入服務網頁針對個人帳號登入後所提供的程式碼”
這樣就ok了

像我現在blog上放的就是選擇狀態圖示再加上樣式

好~講完了怎麼放上去之後
這篇來說如何使用

使用者點下”MSN 即時熱線”功能將會出現一個對話視窗

點選”開始對話”
然後可以輸入訪客名稱
(或者登入Windows Live ID,這樣就是以msn的匿稱進入了)
這裡我以”老貓的blog–訪客01″做為第一位登入測試

再來輸入驗證碼

完成之後就會可以丟訊息了(失敗再重輸入一次驗證碼即可)

我先丟一句話做測試

此時我的msn就收到了訊息

當我要回話時,對方的msn視窗也會出現我正在寫入訊息的消息

在我的視窗文字中,^^是為一個自訂表情符號

但是對方接受的只是文字而不是符號

不過如果丟的是msn自己的表情符號對方就可以收到(例: (H) )

同樣的,使用者也可以丟msn自訂的表情符號,只是要自己記住快捷鍵

我的視窗不能對造訪者做畫筆輸出與振動功能

再來我再開另一個視窗
以”老貓的blog–訪客02″做為第二位登入測試

我還是可以接收到訊息

這時候會發現
這兩位丟我並不是同時出現在同一個視窗中
是兩個視窗,再回訊息上就比較不會回錯了
以我的桌面看的話就會有四個視窗

最後記住一點
當視窗關閉時
連線也會跟著斷掉

20 Comments

  1. 來看看你,
    最近好不好?

  2. 好久不見唷 ^^
    妳好~妳好~~呵呵
    我還不錯~妳呢?

  3. 很棒的文, 超實用, 等等就來試試看. (看看跟plugoo有什麼不同)

  4. 解說文字比官方少
    但是卻比官方清楚很多= =
    這是我現在還不理解的地方…
    感謝你的教學!
    很棒

  5. 呵呵~~謝謝你們的肯定^^

  6. 請問MSN可以用嗎?

  7. 不~說錯了 請問無名可以用嗎

  8. 我沒有無名的帳號耶,這需要用到javascript語法,
    免費的…應該是不行
    付費的就先試看看吧 😉

  9. 為何MSN SPACE 上無法使用~自訂的HTML放入語法後
    也無法顯示出來,三種方式都使用過了!! 但官方教學上又有說可以用真是怪!! 有誰MSN SPACE測試成功的呢?

  10. 我沒使用過MSN SPACE耶
    不過都是msn自己的東西應該不可能沒支援吧 😯
    再試試看嚕~ 如果不行我再來試試好了 😛

  11. 版大~目前測試出來 只有小綠人那個可以用 😥
    就像你說的 msn 自己的東西 還不能用
    真是怪 😯

  12. 我要變換樣式,但都出現”此電子郵件帳號已取得識別碼”,明明就空白丫~~
    我先去用一般的,照你的更改,無名也可以使用了,但要變換樣式就不行,是哪出了問題了嗎??
    還有一事,在設定那有一個打勾的,勾和不勾差在哪??我不想讓別人知道我的郵件信箱,但他們說的前後不一,先表示:
    【意思就是:如果你開啟這項設定,表示瀏覽此程式碼張貼網頁上的其他人都能看到你 Windows Live Messenger 的狀態設定,也能將即時訊息傳送給你,但你的 Windows Live ID 帳號資訊並不會因此曝光)。】
    後又表示:【傳送訊息的使用者也可以看見您的電子郵件地址】
    請有智慧的您幫我解解惑吧!

  13. 套選樣式時
    我選好了
    案產生原始碼
    她程式碼沒顯示
    卻說我墊子郵件以取回辨識碼?

  14. 我試的是狀態圖示(最後一種)的,
    但我語法都貼好後連結出來是顯示(離線)=口=
    但我是在線上的!
    請問這是哪裡出問題啊?

  15. 應該是看不到msn的mail吧
    但是可以看到我現在msn的匿稱
    大家可以點我的來試試 :mrgreen:
    有時候網頁上抓的狀態會怪怪的
    這時自己的msn關掉重新連線應該就ok嚕
    其他問題我還不是很清楚耶
    重新做一次不知道會不會ok

  16. @Jean
    不會, 有幫忙到最好嚕 :mrgreen:

  17. 很棒的介紹文章,本篇文章引用於此

    讓訪客透過網頁傳訊:MSN即時熱線
    http://software.sopili.net/2008/10/messenger-web-settings/

  18. 您好我想請問
    如果我的網站無法用HTML”

    是不是就無法使用 還是有其他方法ㄋ

  19. 我有遇到一個問題,想請版大幫個忙..
    我的小綠人設定好以後,出現一個問題
    網頁版的MSN上線,小綠人就顯示上線,設定忙線或下線,小綠人都會顯示忙線或下線。
    可是….
    1.我正常版的MSN(就是需要安裝MSN的那種),正常版MSN上線,小綠人顯示下線。
    後來我還發現….
    2.我的MSN的狀態跟分享空間裡的狀態不一樣,
    分享空間裡的狀態卻跟網頁版的MSN一樣。
    3.可是我幾乎都開正常版的MSN,網頁版的MSN幾乎沒在開,這樣我的小綠人就永遠上線不了…
    我弄好久都弄不好,該怎麼辦才好,還懇請大大幫個忙,謝謝您!

Leave a Comment

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *

*