如何将地图分享到社会化媒体

0
分享 2017-05-12
如何将地图分享到社会化媒体

分享是社会化媒体优化(SMO)的核心,能够帮助我们将网站内容短时间内传播的更广泛、更具影响力,并带回更多潜在用户,导入巨大的社会化流量。据研究,网站内容被分享到社会化媒体,就能创造大约12-24x曝光量,也就是每篇分享的内容会有高达24名好友看到,并且能够为您的网站带回5-7倍的回流量。因此,一个小小的分享按钮已经成为一个网站不可或缺的元素。

Esri在众多WebGIS产品中都提供了分享功能,但由于其主要限定于Facebook、Twitter和Google+等国外社会化网站,导致国内用户使用起来并不方便。因此提供一个支持微博、微信等国内主流社会化网站的本地化分享功能便有了其现实需求。

1. 功能分析

众多社会化网站大都提供了设置分享按钮方法,可以在其官方网站找到相关教程。也可以借助百度分享、bShare等工具引入分享能力,这些工具能够为我们提供浏览量、回流量等统计数据。这里我们根据其实现原理介绍一种简单的实现方案。(需要统计数据的童鞋请参考官方教程或使用分享工具)

以新浪微博分享实现为例,我们只需要按照其标准格式构造分享链接,然后在新的窗口中打开即可。其格式如下:http://service.weibo.com/share/share.php?url={url}&title={title}&pic={pic_url}。其中“{}”内为要传入的参数,各参数含义如下。

url:要分享的网页地址;

title:分享信息的默认内容;

pic_url:附加分享图片地址;

构造好分享链接之后可以直接复制到浏览器中查看验证。其他一些主流社会化网站分享接口格式类似,例如

QQ好友:http://connect.qq.com/widget/s ... rl%3D{url}&title={ title }&pics={pic_url};

QQ空间:<a href="http://sns.qzone.qq.com/cgi-bi ... rl%3D{url}&title={title}&pics={pic_url};

豆瓣:<a href="https://www.douban.com/share/s ... ef%3D{url}&name={title}&text={text};

需要特殊说明的是,目前分享到微信的实现方式主要是将被分享网页地址保存到二维码中,当用户扫描二维码时微信自动根据识别网址打开网页,然后可以利用微信本身的功能发送给朋友或分享到朋友圈。因此功能实现的核心就是生成一张记录网址信息的二维码,实现方式有很多,这里不再介绍。

2. 可配置模板中的本地化实现

根据上述原理,只要找到产品中分享代码的实现即可定制本地化分享功能。下面以可配置模板TimeAware(时态地图模板)为例介绍一下分享本地化的实现代码。

TimeAware中将分享功能封装在一个单独的dijit中,如上图所示,ShareDialog.html是页面模板文件,ShareDialog.js是逻辑实现文件。



在模板文件中可以找到分享按钮的页面元素,我们只需要按照其结构添加微博、微信等分享按钮即可。



在逻辑实现文件中,定义构造分享链接函数和分享按钮点击事件(或使用超链接实现)。然后根据源代码结构修改多语言提示文本和样式,这样分享功能的本地化就完成了。





下面就是分享本地化定制后的效果。可以看到,现在我们能够轻松分享到微博、QQ空间等国内社交网站了。





其他产品中的本地化方法类似,有兴趣的可以亲自动手实践一下。

0 个评论

要回复文章请先登录注册