登录鸟窝

用户名

密码

在网页中嵌入skype、msn、QQ按钮

1已有 1144 次阅读  2009-12-03 21:55   标签skype  网页  按钮  msn 
在网页制作中,我们经常可以看到别人会在网页上嵌入一些即时通讯软件的代码作为在线客服,比如在淘宝的旺旺,很多网页的在线QQ按钮,还有skype等按钮,这些嵌入网页代码怎样写?
         这里收集了三种主流IM软件:msn,skype,QQ的网页状态按钮标签生成办法。

1. 在网页中嵌入msn

msn是全球第一的聊天工具,在网页上集成一个msn,或者放置一个按钮,对于联络是非常有好处的。以前网络上介绍过一种办法:

<!-- 显示msn在线状态,注意:必须在msn中设置允许所有人查看你的状态才有效,否则msn图标永远发灰 -->
<A HREF="http://snind.gotdns.com:8080/message/msn/你的MSN"
<IMG SRC="http://snind.gotdns.com:8080/msn/你的MSN"
align="absmiddle" border="0" ALT="MSN Online Status Indicator"
onerror="this.onerror=null;this.src='http://snind.gotdns.com:8080/image/msnunknown.gif';">

现在msn官方提供了一个MSN在线通,既可以采用按钮形式,也可以采用iframe嵌入形式直接嵌入一个web版msn在网页上。在iframe的网页效果如:

这个msn在线通的代码可以在官方网页生成,生成地址:http://im.live.cn/imme/ 你需要拥有msn账号才能生成。

2. 在网页中嵌入Skype

这个叫做skype me!标签,只有对方正在使用skype才能起作用。网页上有一种代码如下:
<a href="callto://你的skype账号"> <img src="http://goodies.skype.com/graphics/skypeme_btn_white.gif" border="0"> </a>
这个代码样式很多,具体看这里:http://skype.tom.com/products/skypeme.htm

但这种代码有个不好的地方就是不能显示你skype的状态。你可以使用以下代码,加入一个skype在线与否的判断:

先要在你的skype软件做如下设置:
Privacy

<!--
Skype 'My status' button
http://www.skype.com/go/skypebuttons
-->
<script type="text/javascript" src="http://download.skype.com/share/skypebuttons/js/skypeCheck.js"></script>
<a href="skype:你的skype帐号?call"><img src="http://mystatus.skype.com/bigclassic/你的skype帐号" style="border: none;" width="182" height="44" alt="My status" /></a>

3. QQ嵌入网页

可以直接使用腾讯的互动状态代码生成页:http://is.qq.com/webpresence/code.shtml 这里生成还是很方便快捷的。

分享 举报