巧用百度Site App新组件为企业官网打造移动站
一年前我曾经详细介绍过百度Site App,时隔一年的发展,Site App再一次发生了翻天覆地的变化:自定义程度更高、新增电话地图组件、增加流量统计、增加广告管家、生成APP客户端等功能,百度Site App的诞生使中小网站建立移动站或APP更加简单化、傻瓜化,推荐站长了解下这款工具。
我已经使用Site App一年多了,下面我也来谈谈我对百度Site App的使用体验和一些看法。
下图是我刚刚制作好的一个某公司官网的移动站,接下来我将用实例演示利用Site App新增电话地图等组件建设一个企业官网的移动站。

(企业移动站成品展示,由于是真实建站所以一些信息隐去,部分信息替换)
一,新增电话地图等组件助企业快速建立移动站
目前,Site App有三大类模板,APP风格、网页风格和公司官网版风格。在Site App的新版中,新增公司官网版风格模板有支持电话、短信、地图、传统、在线咨询等功能组件。活用这些组件可以为公司网站转化移动官网。如下图所示:

选择好这款官网版风格后,就可以设置移动站导航了。导航的添加也很简单,直接添加栏目的URL即可自动生成导航。

在可视化设计里,站长朋友可以自定义内容抓取、导航等信息,这一方面操作起来也比较简单,如下图所示:

(Site App的可视化操作演示,为了保密信息,把公司界面替换了)
接下来在高级设置里,可以为移动站设置名称、常规设置、联系方式等信息。
如果是企业站可以设置好电话号码,在网页底部即可显示电话连接,点击后可以直接通过网页转到手机拨打电话模式。
企业地址建议填全,这样用户在点击地图时,可通过百度地图自动定位到公司的地址。

最后一步,配置域名:只需设置个二级域名(一般为wap、m等),CMAME解析到siteapp.baidu.com就可以了,如果是第三方DNS(如dnspod)一般10分钟左右就能看到效果了。

同时,为了自动判断是PC端还是手机端,在按照提示在PC端网页头部加入一行JS代码,即可手机终端在访问PC网站时转至对应的WebApp域名。
自此,一个全新的网页移动版就制作成功了,其实很简单。
二,流量统计
Site App的流量统计功能已经比一年前有了较大的改进,从每日流量统计、系统环境、来源统计再到搜索词,这些基础的流量信息查询服务已经能满足基本的需求了,不过遗憾的是它的流量统计还是太简单,只能满足基本查看需求。

三,生成APP移动客户端
前面我曾谈过个人APP(移动客户端)制作指南,实际上百度Site App也更为简单,制作好web app的同时,又能生成移动客户端,比起其他的第三方APP制作工具,Site App的功能应该是非常强大。
一年过去了,百度Site App还没有遇见有力的竞争对手,其原因是目前市面上大多数APP客户端的内容更新都需要重复添加,而百度Site App则不需要,自动同步内容。
另一方面是Site App确实是自定义程度非常高,在移动站完成后,基本看不出Site App的影子。

填写好相应资料,并制作好APP的图标,就可以生成安装包了。

如此简单的制作了APP,2013年中小网站的APP能不出现井喷式发展吗?不过我个人认为APP客户端只能流行一整子,随着APP制作的傻瓜化,APP的质量会越来越差。而且普通人手机上一般不超过10个APP是最常用的,其余的APP也只是个摆设而已。如果安全软件关闭了推送功能,那么这些APP也只是装机量的数字而已,大浪淘沙。不过这不是重点,重点在web app上。
五,广告管理
我很高兴的看到,百度广告管家终于和Site App在一起了,只需要在后台选择广告管理,便可以自由管理广告,如下便是我的博客移动站上的广告。

写在最后:
一年过去了,百度Site App还没有遇见有力的竞争对手,我想其原因是目前市面上大多数APP客户端的内容更新都需要重复添加,而百度Site App则不需要,自动同步内容。另一方面是Site App确实是自定义程度非常高,在移动站完成后,可以看不出Site App的影子。
从web app到流量统计,从客户端到广告管家,Site App几乎提供了移动站一站式建站服务,百度这是要革谁的命?
巧用百度Site App新组件为企业官网打造移动站的更多相关文章
- Windows Azure HandBook (7) 基于Azure Web App的企业官网改造
<Windows Azure Platform 系列文章目录> 1.用户场景: C公司是全球大型跨国连锁餐厅,在世界上大约拥有3万间分店.其IT系统主要部署其海外数据中心,或者租用其他ID ...
- iOS开发——app审核指导方针(官网)
iOS 开发后上传到App Store审核的指导方针 ——苹果官网介绍地址 https://developer.apple.com/app-store/review/guidelines/
- 百度Site App的uaredirect.js实现手机访问,自动跳转网站手机版
以下为代码,可放置在网站foot底部文件,或者haead顶部文件,建议将代码放在网站顶部,这样可以实现手机访问立即跳转! <script src="http://siteapp.bai ...
- 百度云世界里的“七种武器”:PCS、BAE、Site App、ScreenX等
如果说去年百度世界的关键词是“百度新首页”的话,那么今年在研发者人群中,对百度世界最深的印象就是“七种武器”,即在云的世界里,百度为开发者所提供的包括个人云存储.LBS.移动云测试中心等在内的七种工具 ...
- 百度Web App在线生成平台Site App体验
最近收到百度开发者中心邮件,告知之前的百度移动建站服务已经升级为Site App了,Site App顾名思义是可以创建APP的站点,之前想建立一个APP要么是自己制作,要么是选用国外的在线Web A ...
- SpringMVC上传图片总结(2)--- 使用百度webuploader上传组件进行上传图片
SpringMVC上传图片总结(2)--- 使用百度webuploader上传组件进行上传图片 在上一篇文章中,我们介绍了< SpringMVC上传图片的常规上传方法 >.本文接着第一 ...
- 【转】Android新组件Material Dialog,SwipeRefreshLayout,ListPopupWindow,PopupMenu等
朝花夕拾----新组件的学习和使用 分类: Android UI2015-06-26 11:31 440人阅读 评论(0) 收藏 举报 uidialogMaterial 目录(?)[-] Mate ...
- React Native指南汇集了各类react-native学习资源、开源App和组件
来自:https://github.com/ele828/react-native-guide React Native指南汇集了各类react-native学习资源.开源App和组件 React-N ...
- 前端判断是否APP客户端打开触屏,实现跳转APP原生组件交互之遐想
今天做了一个html的活动页面,本来马上就要完工,准备开开心心收尾,结果~... 产品突然提出需要说,要讲html中的某些交互和APP原生组件挂钩,心里一万头xxx奔过~ 静下心来思考 以往我们是判断 ...
随机推荐
- ichartjs 使用BUG,assign_scale:true 解决
今天纯属灌水,好久没灌水的. 最近使用了flotr2 和 ichartjs进行canvas图标的开发,都不能满足需求. 没办法,先将就用用吧.然后,既然其他大神推荐使用ichartjs,为了统一,我也 ...
- AutoMapper 创建嵌套对象映射(原创)
之前在做DTO转换时,用到AutoMapper.但DTO的层次太深了,无奈官方没针对嵌套类型提供好的解决方案,于是自己实现了一下: 思路:采用递归和反射很好的避免手工创建嵌套对象的映射. 第一个版本, ...
- [Elasticsearch] 集群工作 - 第二部分
本文翻译自Elasticsearch官方指南的life inside a cluster一章. 添加故障转移(Failover)功能 仅仅执行一个节点意味着可能存在着单点失败(Single point ...
- IOC 容器初始化
WebApi 插件式构建方案:IOC 容器初始化 一般来说,一个现代化的网站加载流程是这样的:程序集加载后,我们会初始化 IOC 容器,以便于接下来解析对象用. 我们插件式的开发,这一步更为重要.这是 ...
- sql 中如何取出指定行: Row_Number
原文:sql 中如何取出指定行: Row_Number ROW_NUMBER (Transact-SQL) USE AdventureWorks2008R2;GOWITH OrderedOrders ...
- CSS3自适配手机屏幕[转]
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content ...
- WebIM(1)
WebIM系列文章 之前笔者发布的云翔在线软件平台中已经包含了一个功能相对比较齐全的WebIM,这个系列的文章就是介绍如何开发出功能类似的WebIM,在文章开始前,先介绍一下相关的技术: 1.Come ...
- 10.读google测试之道有感
(一)读google测试之道有感.
- C语言JSON-RPC
近期对json-rpc比較感兴趣,思想非常easy,并且看到了非常多不同语言的实现.在github上 hmngomes 的 json-rpc-c (实现的是server端,基于TCP流),短 ...
- MongoDB应用介绍之前
MongoDb企业应用实战(一) 写在MongoDB应用介绍之前 故事背景: 本人有幸,经老友( 现为x知名快递公司技术总监 ) 推荐进入中国前三大民营快递公司之一工作,在此非常感谢他,在此也非常 ...