已有网站转手机自适应的方法

我接触了不少客户,已完成网站pc端开发,因为不得不正视移动端的流量和访客,想要在移动端友好显示,通常有两种方法:
pc电脑访问显示原pc端网页;
手机端访问该网页,自动跳转至手机版网页
方法一: 不改变源码,web网页转化手机自适应网页:
打开你需要制作手机网页的html或者php等等网页源码文件。在<head></head>之间加入meta标签。

向浏览器声明该网页为移动设备自适应网页的meta标签为:

<meta name=”viewport” content=”width=device-width,height=device-height,inital-scale=1.0,maximum-scale=1.0,user-scalable=no;”>

<meta name=”apple-mobile-web-app-capable” content=”yes”>

<meta name=”apple-mobile-web-app-status-bar-style” content=”black”>

<meta name=”format-detection” content=”telephone=no”>

将以上标签加入之后保存,再用手机打开即是自适应网页了。

方法二: 新增手机端源码,自动跳转
打开你需要制作手机网页的html或者php等等网页源码文件。在<head></head>之间加入script标签。

<script>
function onDevice() {
if (/AppleWebKit.*Mobile/i.test(navigator.userAgent) || (/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia|SonyEricsson|SIE-|Amoi|ZTE/.test(navigator.userAgent))) {

window.location.href = “http://www.xxxx.gov.cn/site/1/html/mobile/index.htm”;
} else {
if (window.location.href.indexOf(“www.xxxx.gov.cn/”) < 0) {
window.location.href = “http://www.xxxx.gov.cn/”;
}
}
}
onDevice();

$(document).ready(function () {

$(‘.flexslider’).flexslider({
directionNav: true,
pauseOnAction: false
});

$(‘.sec1-con #banner’).owlCarousel({
items: 1,
autoPlay: true,
navigation: true,
navigationText: [”, ”],
scrollPerpage: true,
singleItem: true
})
if ($(“#topslider”).length > 0) {
$(“#topslider”).SexySlider({
width: 1200,
height: 182,
delay: 2000,
strips: 10,
autopause: false,
titleOpacity: 1,
effect: ‘fade’
})
}
});

将以上标签加入之后保存,再用手机打开即是自适应网页了。

跨屏网 Kuaping.com 更推荐第一种方法,即将已有网站转成手机端自适应,这样做的好处在于可以省去后期维护的成本,只需维护PC网站。跨屏网现已推出已有网站转手机端适配服务,欢迎垂询。

4条创业企业跨屏响应式网页设计建议

市场经济的发展不以人的意志为转移,竞争已超越产品本身,非产品竞争被置于突出地位,良好的企业形象已成为企业攻城掠地、战胜强手、提高销售额的锐利武器。于是,企业形象设计在各行各业颇受重视,而且优秀的企业形象设计能够直接促进产品的销售。全方位的深层次地导入企业形象设计已成为具有远见卓识的现代企业家们的必然选择。

企业形象设计是一个系统工程,一个人的能力是很难完成的,所以一些大企业设立了专门机构和人才进行整体规划、策划与运作。更多的中小企业则是聘请专业的企业形象设计公司来完成,由于企业形象设计涉及到一个企业的方方面面,小到徽章、工作证、信封、信笺、名片,大到公司招牌、建筑物外观、员工制服、车辆及产品标志等等,所以,企业形象设计需要非常系统地去规划和设计实施,不是随随便便就打发了事的,这样只会弄巧成拙,误了大事。

跨屏网Kuaping.com专注一句话JS代码适配,解决企业网站的跨屏移动化问题。以下四条设计建议,可以为创业企业设计网站做参考:

跨屏响应式网页设计

越来越多的人上网不再依赖台式机,而是用手机和平板电脑上网。为网站设计不同的客户端页面可以让用户在不同的设备上舒适地查看网站。这一过程不需要重新编辑网站的代码,而是要求网页设计人员设计网页时允许图片可以随浏览设备的变化而变化,图片的长宽高可以自动调节。如果网页设计的合理,用户在手机上查看也不需要放大来查看。

随着手机和平板电脑用户数量的急剧膨胀,跨屏响应式网页设计正获得诸多网站的青睐,正逐渐成为网页设计领域的标杆。

找个设计合伙人

Pinterest、Airbnb和Square三家创业企业创业之初都有一位学过设计的合伙人。为了企业的持续发展,创业者们终于开始注重网页的设计。所以,一个骨子里就是创新的企业,再加上出色的网页设计,必然会带领这家企业走向成功。目前Pinterest的图片墙模式已经被国内多家网站吸收。而且Pinterest在响应式网页设计方面做得也非常好,网页的分辨率不同,所显示的内容也不一样多。

寻找设计合作

如果你不想找一个学过设计的合伙人,那不如寻找其他设计网站和设计公司。设计网站和设计公司的设计人员都充满激情、想法独特,保证可以帮把你的网站打造得独具匠心。这里要提到是著名的社交软件Path,Path与摄影师约翰·凯里(John Carey)合作,为应用程序的首页提供独一无二的照片。与设计师沟通的越多,你便会越发理解为什么好的设计对于用户和品牌这么重要。

脱颖而出

每天都有无数的企业诞生,但是想鹤立鸡群、脱颖而出何谈容易。为自己的网站进行一次优秀的设计,不仅会让公司更加个性化、更直观,还会提升品牌的价值。可口可乐和耐克公司每年都花费大量的资金来宣传品牌,目的就是让消费者听到“可口可乐”和“耐克”的名字时就会想到可口可乐的“红色”和耐克的“对勾”。好的设计的目的就是让所有人能够直观地理解品牌的含义,而且能够跨越语言和文化的障碍,可口可乐和耐克公司在这方面做得非常棒。

设计不再是奢侈品,而是公司创业的必需品,也是所有想要在全球化竞争环境下存活下去的共识。

对于企业而言是否需要跨屏响应式网站分析

随着互联网技术的不断改进和发展,网站也开始呈现智能化趋势,特别是当前客户端种类众多,不同的客户端存在着显示屏大小不一,如果网站还是基于传 统PC模式下的显示模式,那么对于那些智能手机或者平板电脑以及现在可穿戴等智能设备的支持力度就不够,而移动互联网又是大势所趋,所以对于企业网站需要构建一个跨屏网站?

跨屏网站Kuaping.com 俗称响应式网站,即一套网站可以适应不同的终端。

第一,跨屏网站的基本概念分析。

跨屏网站顾名思义能够依据客户端进行智能化的跨屏幕调整,而不需要用户人工干预。这就需要网站在建设过程中能够依 据用户的行为以及客户端来自动提供相应的操作和布局,这样就能够让网站内容非常方便直观的在不同的智能客户端上显示,并能够有效的防止页面内容变形,提升 用户的使用体验。

第二,是不是所有的企业都可以使用这种设计模式呢?

首先我们要了解这种智能化跨屏响应式网站需要引入智能算法,包括专家系统、模糊数学理论以及神经 网络等智能化的前沿科学,所以设计这样的网站其成本相对较贵,在这个前提下就需要结合自己网站的需求以及企业自身的实力来进行选择。

但是大体上下面几种企业应该需要选择这种跨屏建站模式,这样对于企业来说会产生更多的效益。

那些需要降低成本来让网站核实不同场景的企业。虽然我们知道构建跨屏响应式网站需要较多的一次性投入,但是如果我们从综合成本的角度上考虑,比如维护成本上,如果一个企业需要在多个平台上构建跨屏响应的网站,那么就需要更多的维护人员参与到维护,但是如果是响应式网站系统,只需要维护一个网站系统即可, 那么就能够最大限度的降低人工成本,同时也能够提升网站的维护效率。

那些并不知道自己开发的产品能够更好的在那些平台上展示的企业就可以采用这种跨屏响应的网站。有些企业的产品面向的受众具有广泛性,那么我们就可以 最大限度的让产品能够在更多的平台上展示,所以此时就可以采用跨屏响应式的网站模式。当然如果企业设计的产品需要投入更多的成本去参与具体受众的话,或者产品 经过预测具有一定的风险,那么也可以采用这种跨屏响应式的网站模式。

最后希望自己网站能够更好的兼容未来的创新智能设备。因为现在的智能设备种类众多,而且几乎以日新月异的速度在更新,那么企业本身有一定的经济实力,希望自己的产品品牌属性能够在众多的智能平台上得到展示,那么这样的企业完全可以采用跨屏响应式的网站来进行构建。

3个提高跨屏网站载入性能的方法

跨屏网站 Kuaping.com俗称响应式网站,即一套网站可以自适应不同的终端,对于那些已经采用响应式设计,现在想要进行进一步优化的人来说,Mobitest可以用来测量手持设备上网页的载入性能,这样就能发现问题,从而解决问题。

首先要考虑的就是哪些元素是必要的,哪些是不必要的,去掉不必要的元素,这样就能最小化HTTP请求,这样用户的等待加载的耗时也最少。这可以通过压缩CSS和JS来实现,推荐一款叫做Compass的工具——开源的CSS框架编写工具。

JavaScript推荐一款工具叫UglifyJS,可以压缩代码。

有选择的载入

这也是可以考虑采用的重要手段,非常适用于响应式设计的提速,这样就能确保手机用户不会下载那些会降低载入速度的元素。
有选择性的载入,能够阻拦各种内容的载入,包括社交窗口、图像、地图,以及其他。再采用这种手段之前,最好对网站进行全面的测试,先要了解是哪方面降低了网页的载入速度,这样对症下药,效果才能更好。

图像

我们都知道图像在网页中占据了大量的字节。一般在手机上的图像表现力要比桌面上的差。

如果网站内容很多,便会影响到载入速度,因此就需要截断一部分内容,这样就能够提高载入速度。尽管可以通过改变src和img元素来调整标记来实现此功能,但采用PHP解决方案Adaptive Images无 疑会更加轻松。该软件会根据屏幕大小自动做出调整,合理的缩放嵌入的HTML图像,而不需要改动标记。主要结合了弹性图片技术(Fluid Image),能够方便的解决问题,而且节省载入时间。这种自适应图像只占用一个htaccess文件,一个php文件,以及一行Javascript代 码,能够判断访问用户的设备屏幕尺寸。

文本

文本同样也纳入了”瘦身”范围,在较小的屏幕上,文本的布局不当可能会导致阅读问题。FitText能够解决此问题,是一款jQuery插件,自动改变字体大小。FitText只能解决标题问题,段落文本的问题无法解决。

多站合一跨屏网站建设,玩转终端设备

近年,随着技术的发展,智能手机、Pad、智能电视以及移动可穿戴设备等多个屏幕的出现,使得网络营销人员,对于多屏的探讨更加频繁。前些年,谈论较多的是“多屏整合”技术;而近两年,随着大量智能设备的使用、普及以及一步步深入,“跨屏”概念开始提及,网络营销人员也在一步步努力,打通技术壁垒。可以说,如何通过跨屏网站建设,实现投资回报率的提升是营销人的终极目的。

我们首先唠叨下一天的生活轨迹和“屏”的关系。早上醒来,手机闹钟叫醒,然后习惯性浏览下手机刷刷朋友圈;接着上班去,到了办公室,打开电脑办公,偶尔看看手机;中午休息期间,玩儿Pad;晚上下班,在公车上,拿着手机玩游戏或者听歌,消耗着各种手机APP;晚上到家,吃饭的时候打开电视,同时玩玩pad;睡前还是会时不时看看手机。当然,很多时候,多个移动设备会交叉使用。唠叨完一天的生活了,最后想说,有非常多的人离开了智能设备就无法生活,他们交叉使用着多个智能设备,用于工作、生活和娱乐等。

如果您的企业站点不能满足多终端同时打开,在这个缺乏耐性的时代,将流失大量客户,因此跨屏网站建设的需求呼之欲出。

在没有采用跨屏技术前,您的企业网站可能遇到过如下问题:

图片不显示,或清晰度不够,或扭曲变形。

页面中提示需要安装flash player才能查看,可安装后也无法显示内容;网站上的重要信息,在手机屏幕上正好被掩盖;图片也被压缩变形;图片无法清晰显示。

手机上看到的网页字体小,内容排版错乱。

网站打开后,整个页面的内容被完全缩放在手机屏幕上,需要不断地拉伸滑动才能浏览网页;一些网站还会出现左侧挤满内容,右侧却留出大片空白,部分页面上出现的控件错乱,造成整个页面的不协调。

手机上查看网页,等待时间长。

用手机上网,从输入完成到看到内容,少说也得三秒钟;在公共场所上网,打开一个普通的页面可能要等上5秒以上;就算在WIFI下,图片丰富的网站,也得等上好久才能看到全部内容。

以上不良体验,已经严重束缚了企业在网络上的展示和推广,跨屏网Kuaping.com 通过让网站采用跨屏技术,轻松解决以上问题。

跨屏网采用一种风格+五种架构的方法,自动识别并对应终端设备。解决了多终端显示不一致的难题。同时所有终端都用一个网站后台管理,做到多终端同步更新。不仅如此,跨屏网的适配式模块展现技术还能兼顾各个终端的用户体验。可根据不同终端用户习惯,进行模块的添加、删除、调用。

跨屏网的策划师认为跨屏网站是优化多终端智能设备的最佳方式。由于只需维护管理一个网站,拥有一套SEO策略或方案便绰绰有余。同时跨屏网站适用于各种网站的建设与改版。如在线购物型网站、大型平台型网站、宣传展示型网站、多语言国际站点等。

跨屏的趋势已经到来,如果企业网站建设采用了跨屏技术,这将意味着您的企业进入多终端呈现时代、成为国际一流的网站、拥有行业最领先水准、实现多渠道营销同步、极致的用户体验、和极强的品牌辨识度。企业为了更好的在竞争对手面前占据决定性的竞争优势,获得应有的市场份额,选用智能跨屏网站布局绝对是正确的选择。

跨屏技术让电销网站销量提高9%

你是否有这样的经历?早上醒来拿起手机看看积累一晚的未读消息,用平板电脑刷刷新闻和网页,再切换到电脑工作。在休息的时候,用手机浏览搜索商品和相关视频后再下单购买。

随着手机、平板、电脑,以及各种可穿戴设备的普及,越来越多的人习惯在不同屏幕中自由切换。但跨屏操作随之而来的便是用户分流,那么作为营销党该怎样做才能在跨屏时代有效地避免广告浪费和用户流失呢?今天小编将通过分析用户的跨屏使用习惯、可能遇到的挑战,跨屏网Kuaping.com 来教你如何把握推广机会,制定营销战术来捕获更多目标用户。

跨屏是大势所趋

据统计,从2012年起,每人每天使用超过一种设备的比例在以10%-35%的速度逐年递增。在美国,同时拥有手机、平板和电脑已经渐渐变成大部分人的常态。他们会通过不同的设备来实现查信息、买买买、工作、玩游戏或看视频等等。所以,跨屏行为其实已经潜移默化的成为了我们的习惯。

数据显示,90%的用户在浏览网页或搜索信息时会交替使用设备,而67%的用户在线上购物时也会在设备间切来切去。所以,如果你的推广策略只是针对某一种设备,而不是多屏营销,那可能会损失很多潜在用户哦。举个栗子,英国人民通过手机端下单购物的量非常少,但是用手机查商品信息的能占比50%,所以,如果不在手机端做推广,那有一半的客户也许会被别家带跑。

那么在跨屏趋势下,我们究竟该怎么做呢?知己知彼,百战不殆,在制定策略前,必须先要摸透用户跨屏的使用习惯。

多屏使用手册

根据Google《2016年用户设备使用行为报告》的统计,用户会根据位置、时间和使用目的来选择不同的设备。一般在家中、办公室、商店、餐馆使用手机的频次是最多的。而电脑和平板的搜索高峰期集中在早高峰时段到下午4点,晚上时段会有更多的用户选择使用手机。数据显示,有39%的用户只通过手机搜索信息,30%只用电脑,28%会使用一种以上的设备搜索。这几年,家居、服装和电子产品成为用户集中搜索的热门类型。

Google 小贴士:

消费者对大小屏的不同需求正好给商家提供了在各设备端打广告的“窍门”。比如在手机端营销党们可以投放只显示重点信息的搜索广告,满足用户对信息及时性的要求;在平板电脑上可以投放移动应用内的展示广告,吸引玩家的注意力;在电脑上可以试试YouTube视频广告,给用户更直观的视觉体验。

占领手机端潜力无限

智能手机因为便携、使用方便等特点成了消费者最常使用的设备。也是因为手机可以随时随地搜索购物,它也成了冲动消费的新帮手。即使消费者没有直接在手机上购买,通过移动搜索,也会有3/4的消费者产生后续的行动,比如浏览网站继续查询、光顾实体店或致电商家等。利用好手机端的推广资源将让你的跨屏营销事半功倍。

决战跨屏营销

困境一

在使用不同设备时,你是否遇到过页面设计不统一,搜索不便利的经历?用户在跨屏操作时一旦有不好的体验就很有可能倒戈其他品牌。那么如何保证用户在转向另一设备后依旧享受到更好的购物体验呢?

在不同屏幕投放广告时使用统一的关键字,给消费者准确的导向。保证用户在多屏操作时得到一致性的体验效果。通过优化购物车选项,在跨屏登陆时保存消费者的浏览历史和收藏记录,让浏览过和加入购物车的商品多次出现在消费者的视线范围内,燃起购买冲动。除此之外,还可以为已有消费者定制推广信息,发送相关产品的搭配或折扣,激发更多购物欲望。

困境二

前几年,用户只通过单一设备完成搜索、浏览、下单等操作,也很容易算出该渠道所带来的转换率。而随着设备逐渐增多,客户在各种设备之间的切换也更随心所欲。因此,对于分辨各渠道所贡献的客群量和他们的转化率就变得越来越难。有些营销党还发现,多屏营销虽然可以扩大覆盖目标客群的范围,但是如果针对不感兴趣的用户重复投入,就造成了推广浪费。

Google自2016年起就把数据驱动归因模型(Data-Driven Attribution/ DDA)引入AdWords。这套模型依据机器学习技术,可以帮助营销人辨别消费者决策路径中的不同点击对最终转化的贡献,并将跨设备的点击贡献进行归因。传统的“最终点击归因模型” Last Click,由于只记入最终点击和最终点击设备的功劳,忽略了消费者转化路径中之前的所有动作,一不精确,二浪费了大量有效数据,三对于跨设备的行为只有追踪不计入归因贡献。当消费者在手机端进行了大量搜索调查,最终在电脑上成单时,最终点击归因模型只会给电脑归因,而数据驱动归因模型也会给手机端记上功劳。这样结合智能出价,可以更好的提高各个设备的转化效果。

例德国药妆电商Medpex

德国药妆电商Medpex的营销总监在2016年关注到消费者的跨设备行为越来越显著,而并没有一种有效的归因模型能够很好将跨设备点击进行正确的归因进而出价。在2016年末,数据驱动归因模型在Google Adwords上线,medpex随即使用了种种归因模型,并结合自动出价,使其整体转化率增长29%,移动端转换率增长了95%,移动广告支出回报率(ROAS)更是增加了148%。

DDA不仅能更好地转换用户,还可以辅助客户更好的调整广告预算和配置。这样客户便能把钱花在刀刃上,节约广告成本。

例欧洲支付处理平台Paymentsense

欧洲最大的支付处理平台Paymentsense发现,有30%的转化都发生在智能手机上,而且智能手机是其用户跨屏操作的首要来源,为跨屏转化带来9%的增量。因此,Paymentsense调整广告预算,为移动端上创建了多个广告。最终,其移动端为Paymentsense带来更多用户的同时,每个用户的获取成本(CPA)要比桌面端还便宜了17%。

7种跨屏营销的玩法

很多人将2013年称为移动互联网营销元年,众多企业都开始在移动互联网广告上投入重金。但是到底什么叫跨屏营销,很多人却并不能说清。

在此提出一点我的看法。武汉跨屏网Kuaping.com 认为跨屏是一种整合营销,是以移动设备为平台,整合多种营销手段,向移动设备的用户/消费者传递品牌/产品和服务信息,以达到企业市场营销目标的行为。

从这个意义上来说,跨品营销是更大范围的整合,不仅仅是移动APP上的条幅广告Banner、弹出广告、全屏广告,也不仅仅是APP推荐墙、电商墙和游戏内植入广告那么简单,而是一切结合移动设备使用场景、时间和移动设备的技术优势,实施和创意的包含音频、视频、互动等等在内与消费者沟通的方式,都应该是跨屏营销去关注的。

那么,除去以上提到的常见的方法和手段,现在跨屏营销有哪些新的趋势和玩法呢?

 1,电视广告与手机双屏互动

我们的一项跨屏行为研究印证了这样一个趋势。86.3%的网民在看电视时,会使用智能手机作为电视的跨屏搭配,而在看电视时,人们使用手机最常进行的活动包括聊天(比如使用微信或者即时通讯)、查询信息、上微博、使用社交网站等等。

如果你是一个广告主,电视广告投放应该配合微博等来达到更大的深度传播价值,或者让电视广告与手机“动起来”。

例如,可口可乐推出了一个手机APP叫“CHOCK”,用户下载此款APP到手机后,在指定的“可口可乐”沙滩电视广告播出时开启APP,当广告画面中出现“可口可乐”瓶盖,且手机出现震动的同时,挥动手机去抓取电视画面中的瓶盖,每次最多可捕捉到3个,广告结束时,就可以在手机APP中揭晓奖品结果。奖品都是重量级的,如汽车之类的,吸引力很大。AXE在比利时投放的电视广告,当用户看到AXE电视广告时,广告上提示用户在手机上打开一个Shazam软件,当Shazam“听到”电视广告时,就会在手机上触发更多关于当前电视广告的信息,这种玩法攻破了传统电视广告与线下用户互动的难题。

 2,移动营销的全息化。

移动营销需要考虑的不是单纯的曝光和点击的问题,而是要考虑如何全息化与用户交互,比如语音广告的植入形式。

中国首家以声音为媒介的新媒体广告技术及服务提供商声盟,就致力于打造专业以声音为媒介的新媒体广告平台。当用户在使用移动互联网应用或者玩游戏刚启动时播放广告主的声音广告,这样不影响用户使用的同时又有效地为广告主做了宣传,就像互联网的音频广告,很容易让用户记住广告主宣传的内容。

Nuance是苹果 Siri 背后核心的自然语言识别技术提供商,它新推出了一款名为Nuance Voice Ads的产品,在 Voice Ads 所提供的广告里,用户可以与广告进行(有限的)对话,并因此造成互动性更强、更有趣的广告体验。对在有限的屏幕空间上苦苦思考如何做广告的广告商而言,Voice Ads 提供了新的可能性。微信自媒体的语音视频推送也是移动营销全息化的模式,甚至借助移动设备的特性,点击、摇动、拍照、划屏、语音搜索广告等等都有很大的潜力和空间。

 3,把移动广告放在盒子里

手机和平板电脑的小屏幕上,显示太多广告难免会招致消费者反感。为了解决这一问题,英国伦敦的LoopMe设计了一个在应用中集中收纳移动广告的“广告收件箱”按钮,将多个广告整合到一个小盒子中,再将这个小盒子放在应用的一角,用户在使用应用时点击这个小盒子,就可以浏览里面丰富的广告。

LoopMe在2012年8月正式上线,目前已有超过100家广告客户,其中包括本田、亚马逊、玛莎百货这样的大公司和几家移动运营商。

数据显示,在带有LoopMe收件箱按钮的应用中,5%到10%的用户会点进收件箱看一看,这一比例是横幅广告点击率的10倍,而且相当稳定。用户点进LoopMe的收件箱之后,可以一次性看到很多商家的优惠信息,而这种广告展示方式已经显示出比单个横幅广告更好的效果。

 4,为真正的效果付费

到底什么是真正的移动广告的效果?谷歌在Youtube中的视频广告尝试“TrueView In-Stream Ads”,赋予观众决定看还是不看广告的选择权,当视频广告出现在YouTube观看页面,品牌视频广告播放5秒钟后观众可以选择跳过广告,若观众没有跳过广告,而是观看了30秒广告,广告主才需为此付费。

5,人与屏幕双向沟通

美国著名科技观察家凯文·凯利说,过去,文化的根基是文字和书籍,但现在已经转向了屏幕,人已经变成了“屏幕人”,由于人眼和屏幕的距离越来越近,现在不仅是人在看屏幕,屏幕也在看人。

三星Galaxy S4已经能够捕捉到人眼的动作,他们的实验室还在做能够捕捉人类情绪,判断你喜欢什么、讨厌什么的实验。基于这种双向的沟通,未来的营销可以针对不同的受众提供一套自适应的内容系统,实现屏幕对人的精准化。

6,实物奖励。

Pingcoo率先尝试将“实物奖励”机制融入手机广告,打造“用户喜欢的广告”。区别于传统广告的Banner和插屏广告,你会在游戏的暂停页、关卡页、成就勋章或道具栏中,无意中发现很多惊喜——一张免费的coupon,一次线下的体验,甚至一些知名品牌的限量赠品。用户只要点击广告,就可以将“奖品”保存到自己的相册。如此完美的嫁接,对于APP开发者来说,不仅不会流失用户,还增加了收入,可谓“鱼与熊掌兼得”。

7,利用NFC(近场通信)的营销。NFC提供了一种简单、触控式的解决方案,可以让消费者简单直观地交换信息、访问内容与服务。广告公司Razorfish推出了“数字口香糖机”,用户只需向里边投进硬币并用NFC兼容设备对它挥动一下,就能选择各种数字产品,包括歌曲下载、电影、电子书和用于特定场所的优惠券。再比如,用户只需用NFC手机在NFC海报、广告、广告牌或电影海报上挥一挥就可以立即获得产品或服务的信息。

这些新的移动营销玩法,实际上都是在体现创意与技术的协同效应,移动营销必须跳出移动广告的思维才能玩得更好。

原载于《天下网商·经理人》十月刊

打开跨屏营销的正确方式

数字屏无处不在,用跨屏技术连接一切新屏幕

随着越来越多的传统屏幕正在经历数字化升级:个人设备中,手机升级为智能手机;家庭设备中,电视升级为智能电视;户外设备中,大屏升级为数字电子屏。

每一个屏幕都在抢夺消费者的注意力,营销者不得不通过增加对不同屏幕的覆盖来实现对目标受众的覆盖。然而,这却加剧了当前多屏营销的挑战。一方面,单纯的屏幕覆盖无法真正解决对跨屏用户的识别,另一方面,也会导致跨屏品牌营销策略的割裂,重复低效的广告投放反而造成了预算的浪费。

数字屏无处不在,但跨屏营销还是需要从弄明白每个屏幕开始。消费者的注意力日益碎片化,跨屏营销正确的打开方式究竟是怎样的?

关注每一个即将智能化的设备,把一切新屏幕连接起来。单一媒体触达用户的能力在下降,我们希望通过多点布局,高效触达消费者。这个触达过程不是靠单一媒体,而是靠一个庞大的媒体矩阵组合来实现的。重要的是,它还是一个统一的播控管理平台和媒体资源整合平台,对客户而言,它可以有效解决用户行为碎片化的问题

在恰当的场景下与消费者沟通

消费者在哪儿?他们在干什么?这是场景营销需要解决的两大问题。换句话说,「消费者所处地理位置」和「消费者的媒体行为」是构建品牌营销「场景」的两个关键要素。

近几年来,得益于个人智能化设备的普及,了解消费者的媒体行为不在是件难事,但判断消费者所处的环境是在家里、室外或者途中仍是困扰营销人的挑战。对于品牌主来说,更重要的是理解现在用户习惯的变化,在恰当的「场景」下与目标消费者进行沟通。

每一个品牌广告主都想准确理解用户习惯的变化,但瓶颈往往出现在对消费者行为数据的打通环节上。我们所关注的这些智能化新屏幕,它们不再仅仅是媒体,更成为了数据的载体,成为了场景数据的触点。屏幕不再仅仅是用来单向传递信息的,而是可以用来获取用户数据的。

那么,如何用数据来找到消费者?平台后台会有大数据库,广告主可以实现更精准的投放。例如,我们公交车上的DOH资源就可以以线路来定向。相比粗放式的户外投放,这样的投放方式显然更为精细,我们甚至可以提前圈定一个区域,只要公交车进入这个区域,屏幕就开始播放广告。在拥有了用户数据的支持和统一的播控平台之后,秒硕科技也有能力通过精细定向,让一条广告产生出更大的价值。

还原消费者决策路径,优化媒体预算分配

很多企业的营销决策都是基于历史经验,但这些经验式的洞察都是真实的吗?这里就需要画上一个问号。

以奢侈品消费者举例:一个一年消费20万元以上的人,无疑属于高净值人群,但在某视频平台上,他们可能看的都是搞笑视频。但如果你是媒介策划,客户让你去影响高净值人群,你不可能说你去推送搞笑视频。基于历史经验,你会觉得他们平时看的是CNN,Discovery,或者CCTV5。在这样的情况下,要想还原用户决策路径的真相,就离不开数据的打通和融合。

数据营销和数据打通,最大的痛点在于企业自身数据管理的碎片化和非标化。一方面,企业本身拥有不同部门,它们各自管理着各自的相关数据,以汽车客户为例,车厂想要做整体品牌营销,但销售数据却在4S店,这就导致了流程上的隔离。另一方面,企业的数据资产大部分都是被割裂管理的,例如,用户兴趣数据在微信公众号,购买数据却在电商平台。

假设某企业今年双十一卖了一个亿,那它究竟是因为降价卖了一个亿,还是不降价也可以卖一个亿?很少有人能回答这个问题。而现在,基于我们的链路,我们可以对这些数据进行连接打通,帮助客户实现全链路的数据分析,真正还原消费者从关注到购买的一整条决策路径。

对于广告主来说,媒介投放不应是一个割裂的营销环节,而应以整个消费者旅程为主线,匹配相应的媒介策略,很多客户以销售为导向,看到现在产品卖得不好。但这只是一个结果,究竟什么原因导致销售不好?我们的做法是像庖丁解牛一样,找出深层次的问题,对症下药。如果是粉丝不够,我们就需要加粉的策略;如果是品牌知名度不够,我们就要进行大范围品牌宣传;如果是用户兴趣度不够,我们就需要配合相关媒体资源,提升用户兴趣。而这些问题也可能是动态的,过一段时间模型又变了。所以我们需要有实时的数据分析,进而输出相应的媒介策略。

所幸的是,消费者的决策路径只有一个。通过连贯的策,武汉跨屏网Kuaping.com 可以帮助品牌广告主实现多场景的串联,由此使用统一的视角还原消费者决策路径,系统地评估各个触点的媒体贡献,从而帮助不同品类的广告主实现更加合理的媒体预算分配,让品牌策略持续发酵。

什么是跨屏办公?什么云跨屏平台

跨屏办公是指办公人员在不同屏幕设备(电脑、平板、手机、电视等),不同的操作系统(Windows、IOS、Android)之间流畅的切换处理与工作业务相关的任何工作。即办公人员与办公应用软件、办公文件随时随地的流畅的连接、协同、交互。

跨屏办公是一种全新的办公模式,企业的办公应用软件可以在多屏之间无缝的使用;企业信息也可以在多屏之间流畅的协同、互动、流动。这使得企业业务更加灵活,企业信息流动更顺畅,办公人员的办公效率更高效,企业整体运作更协调。跨屏办公实现了人与办公信息随时随地连接。

跨屏网 Kuaping.com采用了HTML5技术,网站引用一句话JS文件,让所有办公应用软件(OA、CRM、ERP、word、excel等)无缝的迁移到PC、平板、手机等智能终端上,实现办公应用软件和工作文件资料跨屏续用。整个部署简单迅速,无须改变企业现有的网络架构,无须改变操作习惯,无须接触软件源代码,无须考虑二次开发,终端无须下载APP,无须考虑后续升级兼容性等,在企业内网服务器上安装微工作私有云平台,并做相应的配置,即可在各终端上通过浏览器轻松实现企业跨屏办公。企业员工通过云跨屏办公平台,在任何时间、任何地点、使用任意设备处理与业务相关的任何工作,让企业员工摆脱时间、空间和设备的束缚,实现随时随地办公,员工工作更加轻松、便捷,企业管理更加协调、高效。

跨屏时代下企业的5种应对方案

无疑,跨屏已经成为当下互联网时代难以绕过的命题。去年,“互联网预言帝”凯文·凯利在腾讯智慧峰会上,将多屏作为互联网未来十年发展趋势的首要关键词。随后不久,谷歌展示广告副总裁尼尔·莫汉在RampUp在线广告大会上提出,如果“仅专注移动领域,你只是解决昨天的问题”,而跨屏成为未来发展的重要趋势。
而显示也将这些预测证实,Google的研究发现,媒体消费商,美国民众90%的时间,属于跨屏消费。刚结束不久的Code Conference大会上,互联网女皇玛丽·米克尔发布的2014年年度互联网趋势报告中显示,诸如智能手机、平板电脑等移动设备有十分大的增长空间,信息在多样化屏幕中的自由流通,业已成为互联网发展的重要趋势。

事实上,跨屏并不是这一两年提出的新词,为解决智能手机、平板电脑、电视等终端上信息的有效转移,市场上已出现了3种主要的解决方案。下文将逐一分析各自优劣:

第一种,也是最常见的解决方案,便是云传输,即利用账户,在终端中的APP中,进行数据同步与共享。这方面的产品很多,比如酷盘的运作,就是在产品中为用户准备一功能个账号,还对客户端或者网站做了相应的优化,用户可直接通过该账户,实现数据信息的的跨屏同步与共享。苹果的iCloud、iTunes,或者其他独立软件,如Evernote、Netflix、Amazon Kindle等就是通过这种方式实现跨屏间的数据同步和共享。尽管这种方式十分便捷,但云端传输受网络连接的制约,响应速度和稳定性上有很大的不确定性。

作为移动互联网另一个重要入口——浏览器上,也早有了尝试,国内最早的便是QQ浏览器4.3版本的跨屏穿越和微收藏。其原理便是通过QQ账户,在终端之间相互发送网页,或者收藏页面在云端,以实现跨屏互动与数据共享,完善了客户在移动端的阅读体验。

最大的问题在于,无论是收藏网页或是跨屏发送网页,网页在不同终端之间的跳转,属于纯链接跳转,页面的优化或适配程度不高,即从PC端向移动端发送的网址,是PC端网址,没有对其进行不同终端的适配和优化,阅读体验较差。

尽管两种跨屏方式略有不同,但跨屏的分享或同步信息,都是在该APP之中完成的。这就面临着较高的APP开发和运维成本,以及不同平台的兼容性。因为是在APP中完成的跨屏,信息难以被检索,会形成信息孤岛,同时推广成本也十分高。在使用上,下载门槛高、更新频繁,用户使用率并不高。在盈利上, 需要与第三方分成,企业APP在这第三方应用商店中,更是少人问津。同时,对网络的依赖度高,对网络流量较为敏感。

第二套解决方案是以数据线、U盘硬盘、二维码、蓝牙、局域网或者方式其他为媒介,实现信息数据的跨屏穿越和传播。比如微信QQ浏览器今年推出的微信版,就是以二维码为传播媒介,让手机上微信信息共享在电脑上,将其成为一款办公化的浏览器产品,方面微信上,人与人之间的信息传播。这种传播方式稳定性高,安全上也有保障,但过分依赖传播介质,诸如数据线、蓝牙、局域网,这对于设备之间的距离有着比较多的要求,同时还要考虑兼容性问题。

第三套便是通过对网站的改造而实现的。这套解决方案又分为四种方案,即移动建站方案、响应式设计方案、以CMS为基础的设计方案还有云适配方案。

首先是另起炉灶形式的移动建站方案。这是按照移动端的设计规则,建立一个别与PC端的移动网站。这套方案有两种方式,一种是传统的WAP建站,即在原PC网站前,开发设计诸如3g、m、wap的网站。这套方案虽然十分适合移动端阅读,但要面临着前期的网站建设的开发、设计还有时间等成本问题。在后期的维护上,由于WAP网站技术始于2002年,以简化的文字链和图片为主,技术成就,体验不畅,难以满足智能手机高速发展后,用户对内容和体验的高要求。

自助建站是近一年来比较流行的新型另起炉灶方式,以百度的Site App、腾讯风铃还有最近搜狐推出的快站为代表。它们分别建立在百度搜索应用、微信还有搜狐强大的CDN骨干网之上的Web App形式。

这类Web App的优势在于,企业的开发成本低,技术门槛低;使用浏览器,更新方便,也符合长尾经济模式。问题在于,内容更新、信息推送不及时、同步,容易被第三方服务器缓存,动态页面实时生成效果不理想,浏览器体验上短期内难以超越原生应用,条用本地文件系统能力弱。

另起炉灶的另一个大缺点是,因为域名不同,要面对域名的二次推广以及SEO、SEM重做问题。当然,基于百度、微信还有搜狐的庞大的用户群的新型建站方式,在这方面的成本相对较少,但也影响到了进一步推广,形成信息孤岛,这与互联网的信息共享、互联互通精神相违背。
第二种为响应式web设计方案,最大的优点在于,域名的不变,无重定向。同时对用户友好,能灵活应对不同的分辨率,让网站通过单一的URL地址手机所有的社交分享链接,同时在开发、运营、维护的成本上,因为域名不变,成本相对较低。

但这种方式也存在着许多问题,首先它在设计之初,就要考虑其逻辑结构复杂、页面布局设计与不同设备兼容性等繁复问题,在草图设计阶段,需耗费较长时间。没有对图像进行处理,图片的耗费量大。同时,Google并不支持这样的网站,如果这个设计仅基于移动内容,会对网站的Google排名可能有一定影响。同时还有一个难以忽视的问题,对老版IE支持杜不够,尤其是IE6,尽管今年IE6随XP推出了历史,但据不完全数据显示,中国大陆市场上,其仍有22.2%的用户。

第三种为基于CMS系统设计方案,这套方案能有效解决用户网站建设与信息发布中常见的问题和需求,内容管理上的易用和简便是其最大的优势,完善的流程和丰富的功能,能将稿件分门别类并授权给合法用户编辑管理,这也节省了数据维护的时间。但最大的问题在于,这套方案的开发成本高,动辄百万计。

第四种为云适配解决方案。它利用Html5技术,为目标网站生成一行JS代码,这行代码被嵌入网站源代码后,JS代码实现对PC网站目标网页数据的分析和抓取,并在云端完成针对用户当前设备的网页最佳展现方式的计算,最后在浏览器端实现Html结构的重排以及CSS的重新渲染,以适应移动端用户的浏览习惯。

又因为网址域名不变, 无需二次推广,同时利于聚合和统计数据,有助于提升移动搜索排名,获取用户的行为信息。能保证网站内容在不同终端上的同步与实时更新。

基于微软云计算平台Windows Azure,一次性打包解决手机和其他移动终端屏幕尺寸碎片化、屏幕分辨率不统一、浏览器分化三大移动终端适配难题,自动识别适配不同终端、系统,适配于全球超过5000种移动设备。

不仅如此,云适配版移动网站内容自动与PC端实时同步更新,完全无需人力同步维护,同步率99.9%,同步响应时间平均0.01秒以内。尤其支持动态页面的实时生成,内容不被第三方服务器缓存!

有数据显示,79%的用户因手机访问PC网站,因体验不佳而结束访问。而云适配多点CDN部署,使用户就近同步取得适配页面,加速网站响应,从而提高了用户访问体验和二次访问率。与此同时,在这个“读图时代”,其独创的云端图片压缩技术,不仅能提高5倍以上的下载速度,还能平均节省图片流量80%以上。

第五种为跨屏网 Kuaping.com跨屏办公解决方案,基于HTML5技术,网站引用一句话JS即可快速实现网站的移动化,无需二次开发,即可实现所有办公应用软件(OA、CRM、ERP等)无缝的迁移到PC、平板、手机等设备之间跨屏穿越使用。企业员工通过跨屏网跨屏办公平台,在任何时间、任何地点、使用任意设备处理与业务相关的任何事情。这种全新的办公模式,让企业员工摆脱时间、空间和设备的束缚,实现随时随地办公,员工工作更加轻松、便捷,企业管理更加协调、高效。

近20年前,中关村大路牌上,写着一句“中国离信息高速公路还有多远?前方500米”。尽管先驱瀛海威倒下了,但20年左右的时间里,中国互联网发展的速度另世界瞩目,尤其是当下的移动互联网大潮,玛丽·米克尔提出,到2013年,中国移动用户已战友总互联网的80%,为全球最高水平,移动市场前景巨大。信息在这种快速发展的互联网中,通过不同的屏幕,又在不同的屏幕上被人阅读与分享,如果没有一个快捷、互联、互通的网页做支撑,很容易会落后于时代浪潮之中。