如何将地图分享到社会化媒体
分享
如何将地图分享到社会化媒体
分享是社会化媒体优化(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空间等国内社交网站了。
其他产品中的本地化方法类似,有兴趣的可以亲自动手实践一下。
分享是社会化媒体优化(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 个评论
推荐内容
相关问题
- ArcGIS知乎有哪些文章硬货值得分享?
- 【抽奖结果已出】ArcGIS知乎社区活动 之 你不知道的地理空间革命【转发分享有奖】【附奖品寄送照片】
- 有谁知道哪里可以免费获取各省市地图数据呢,包括详细的shape文件数据
- 微信页面 arcgis api 地图无法操作
- ArcGIS Server制作的缓存地图服务中,能否实现大比例尺下楼房阴影类似的3d效果?
- arcgis api for js 4.x 如何禁止地图拖动?
- 为什么arcgis runtime for .net去掉了很多在WPF中存在的基本地图控件?
- 地图服务发布成功,但无法启动服务
- ArcEngine10.1 如何发布地图服务
- 请问能做出google这个3d地图的思路是什么?
- 网站用arcgis API for JavaScript写好,发布网站之后,别人访问无法加载地图?