如何设计一个简单的网站链接方式(网站链接不止是跳转页面)

朋友们在平时浏览网页中是否发现有的链接好像不太一样,点击它不是进入新页面,而是唤起了你电脑或手机里的某个软件,例如现在比较常见的,侧边栏有客服悬浮窗,点击后可以自动打开qq客户端,并且进入与客服聊天的窗口。

如何设计一个简单的网站链接方式(网站链接不止是跳转页面)(1)

这种功能非常实用,可以极大增强网站与客户之间的沟通能力。这类链接叫做“深度链接”(Deep Linking)

深度链接技术其实非常复杂,可以通过点击链接进入任何软件的任何页面,这在手机端上用途格外广泛,比如常见的点击分享按钮自动打开微信朋友圈、点击支付自动唤起支付宝付款界面、点击活动链接自动打开淘宝、京东的商品详情页、在群里发个链接就能组队玩王者荣耀等等。

可惜的是,要想实现上面这些需要做大量开发工作,但是也有一些是软件开发者们预先开发好的,我们只需要按照他们给的链接形式加到自己的网站上即可。

这里只提供一些在网站上最实用最常见的深度链接形式:

点击拨打电话:(仅支持手机端)

形式:tel:电话号码

示例:tel:158***88888

点击发送邮件:(必须安装邮箱客户端,例如outlook)

形式:mailto:邮件地址

示例:mailto:test@sina.com

点击唤起QQ对话:

形式:http://wpa.qq.com/msgrd?v=3&uin=QQ号码&site=qq&menu=yes

示例:http://wpa.qq.com/msgrd?v=3&uin=648494894&site=qq&menu=yes

点击唤起旺旺对话:(只支持电脑端,必须安装阿里旺旺)

形式:http://www.taobao.com/webww/ww.php?ver=3&touid=旺旺账号&siteid=cntaobao&status=1&charset=utf-8

示例:http://www.taobao.com/webww/ww.php?ver=3&touid=旺旺账号&siteid=cntaobao&status=1&charset=utf-8

回到顶部:

示例:javascript:document.documentElement.scrollTop = 0;(注意分号也要拷贝)

点击唤起百度地图导航:(只支持手机端,必须安装百度地图APP)

形式:baidumap://map/direction?region=城市名称&origin=起点经纬度&destination=终点经纬度mode=导航模式(驾车、公交、步行、骑行)

示例:baidumap://map/direction?region=北京&origin=39.98871,116.43234&destination=40.055878,116.307854mode=driving

如何在网站上加链接这里就不仔细说了,如果你觉得自己写代码加链接太麻烦或不美观,恰好又是wordpress搭建的网站,可以考虑用5usujian super serv插件来实现。

,

免责声明:本文仅代表文章作者的个人观点,与本站无关。其原创性、真实性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容文字的真实性、完整性和原创性本站不作任何保证或承诺,请读者仅作参考,并自行核实相关内容。文章投诉邮箱:anhduc.ph@yahoo.com

    分享
    投诉
    首页