關(guān)于H5的發(fā)展，分享幾個(gè)最近看到的驚人數(shù)據(jù)和新聞：

1、截至2015，有80%的App將全部或部分基于HTML5。這意味著大部分App的內(nèi)容都將是以網(wǎng)頁的形式呈現(xiàn)，典型的例子包括微信、Facebook、Twitter等。（數(shù)據(jù)來源：國際科技媒體ReadWriteWeb，2015）

2、瀏覽量最高的1000個(gè)H5作品中，42%是心靈雞湯，最高17,358,480 uv；27%是測試題，最高49,940,339 uv；15%是社交互動(dòng)游戲，最高2,892,047 uv;5%是大型品牌宣傳，最高551,195 uv。（數(shù)據(jù)來源：在線h5工具平臺ih5.cn，2015.9）

3、谷歌瀏覽器于9月1日起不再自動(dòng)播放Flash。 亞馬遜宣布旗下網(wǎng)絡(luò)(包括Amazon.com門戶在內(nèi))的所有廣告將不再使用Flash。在可預(yù)見的未來，F(xiàn)lash廣告將被HTML5廣告所替代。

4、朋友圈廣告上線（http://ad.weixin.qq.com），據(jù)傳起投20萬，CPM 40元。詳情外鏈的H5頁面可以用微信提供的模板，也可以自行定制。

注：本文提到的H5特指基于HTML5技術(shù)的動(dòng)態(tài)交互頁面。

以上的信息反映了H5在內(nèi)容營銷的應(yīng)用潛力。出于好奇，筆者又調(diào)研了國內(nèi)外的幾個(gè)社交平臺。目前支持H5分享的平臺：國內(nèi)的微信、微博，國外有Facebook、Twitter、LinkedIn，當(dāng)然每個(gè)平臺分享的形式略有差異，以下是筆者對同一個(gè)內(nèi)容分享后的對比：

可以看到，各大主流社交平臺對H5分享的支持都是比較友好的，只不過每個(gè)平臺的分享接口都需要單獨(dú)的定制。當(dāng)然這也在暗示HTML5的推廣渠道其實(shí)可以更加多元化，并且其在內(nèi)容營銷中有著極大的應(yīng)用潛力。

然而最近筆者觀察到一些現(xiàn)象：一方面，企業(yè)對H5的需求一直在增加；另一方面，定制化H5的價(jià)格居高不下。從事Marketing的朋友，一邊覺得H5反胃，一邊又忙著找靠譜便宜的供應(yīng)商。

事實(shí)上隨著技術(shù)的成熟和各種H5工具的涌現(xiàn)，H5制作已經(jīng)漸漸走向標(biāo)準(zhǔn)化，成本問題也隨著一些工具的出現(xiàn)有了極大的改善?；蛟SH5技術(shù)的發(fā)展已經(jīng)超出你的想象，很多問題已經(jīng)有了不錯(cuò)的解決方案。

以下僅從大家比較關(guān)注的H5制作和推廣兩方面給出一些行業(yè)調(diào)研結(jié)果和具體建議，其實(shí)那些百萬千萬級PV的H5也有一定的規(guī)律可循，希望能對大家有所幫助：

一、如何找到靠譜不貴的H5供應(yīng)商？

我們調(diào)研了國內(nèi)幾類供應(yīng)商和各大品牌主，希望能給大家在選擇H5供應(yīng)商方面提供參考。從成本、資源平臺到適用場景，可參考一二：

1. 整合營銷類

這類公司一般只做全案型的服務(wù)，很少會單獨(dú)做H5開發(fā)，當(dāng)然如果你的品牌名氣夠大并且預(yù)算夠多也是可以的，量級30萬+，包含策劃、設(shè)計(jì)、開發(fā)、推廣，也可能會有一些附加服務(wù)。

（查看案例可訪問ih5.cn/idea/mcase）

典型案例：W《NewBalance系列》《大眾點(diǎn)評系列》；時(shí)趣互動(dòng)《潘婷系列》

適用條件：預(yù)算、時(shí)間充足，30萬+、周期一個(gè)月以上

資源渠道：金投賞、艾菲獎(jiǎng)、金鼠標(biāo)，麥迪遜邦、成功營銷、Social Talent Circle、SocialBeta等

2. 強(qiáng)技術(shù)型

這樣的公司在國內(nèi)并不多見，筆者比較認(rèn)可的就W、未來應(yīng)用、NPLUS、LXU這幾家，其中W和LXU比較多元，其內(nèi)容營銷形式不限于H5，而W也在之前透露不再接純H5開發(fā)的業(yè)務(wù)，目前已專于全案型。當(dāng)然，除了以上幾家，如果大家覺得更好的也可以推薦給我們。

[[149758]]

典型案例：LXU《京東系列》《玩轉(zhuǎn)進(jìn)化論》；未來應(yīng)用《神造七天》

適用條件：預(yù)算10萬+，開發(fā)周期半個(gè)月到1個(gè)月

資源渠道：就那么幾家，需要可以跟筆者聯(lián)系，but，供不應(yīng)求，排隊(duì)！

3、 各種小團(tuán)隊(duì)

一年前H5的火爆伴隨而來的是百花齊放的H5定制化公司，有的是看到H5的“錢景”投身紅海，有的是營銷圈內(nèi)人看到機(jī)會而創(chuàng)業(yè)。同樣分為兩類：集策劃、設(shè)計(jì)、開發(fā)一身的互動(dòng)營銷初創(chuàng)公司，以及以設(shè)計(jì)、技術(shù)見長的技術(shù)型小團(tuán)隊(duì)。

這些公司往往水平不一，雖不乏優(yōu)秀者，但各種濫竽充數(shù)，選擇這類供應(yīng)商的時(shí)候建議細(xì)心考察。這里分享幾點(diǎn)經(jīng)驗(yàn)：

一定要看對方的歷史作品，從作品加載速度、流暢度、交互豐富度（是否用到復(fù)雜Canvas動(dòng)畫、CSS3D、微信高級接口等）這些方面評估，至少要有3個(gè)以上比較好的作品，做過H5游戲并交互流暢為佳。

對接人最好是產(chǎn)品經(jīng)理，不能是那種一點(diǎn)不懂技術(shù)的所謂項(xiàng)目經(jīng)理，一個(gè)是溝通非常麻煩，基本是個(gè)傳話筒，沒有什么卵用，另一個(gè)是會影響整個(gè)H5開發(fā)的進(jìn)度。

可能的話去一趟項(xiàng)目團(tuán)隊(duì)工作的場所，能做好項(xiàng)目的公司從辦公室氛圍就能看出來，而且還能防止那種外包N次的情況，花一天看看還是值得的。

適用條件：預(yù)算2萬~5萬，開發(fā)周期1~3周

資源渠道：Social Talent Circle、數(shù)英、H5說等

4、專業(yè)工具平臺

托微信的福，H5的龐大市場需求推動(dòng)了技術(shù)的階躍式發(fā)展，一年前需要花幾萬大洋外包給一個(gè)技術(shù)團(tuán)隊(duì)做的事，現(xiàn)在依靠一個(gè)不懂代碼的設(shè)計(jì)師和一個(gè)工具就能搞定。

專業(yè)在線工具的出現(xiàn)，對很多技術(shù)型的H5小團(tuán)隊(duì)而言是一個(gè)非常大的沖擊，原因主要在于工具效率的提升以及相應(yīng)人力成本的下降。同樣復(fù)雜度H5的技術(shù)實(shí)現(xiàn)，一個(gè)設(shè)計(jì)師用工具大概在兩天左右，最多一周內(nèi)能完成，而技術(shù)外包往往需要兩周左右，甚至更長。

算一筆賬，高級設(shè)計(jì)師人工大概是500~1500 RMB/天，兩天的工時(shí)加上各種臨時(shí)需求，大概成本是1500~5000，這是用工具開發(fā)的成本；如果找技術(shù)外包：按低配計(jì)算，前端（500/天），后端（500/天），設(shè)計(jì)（500/天），按10天開發(fā)周期算，加上各種服務(wù)器和測試，成本在2萬以上。

所以如果不是要找全案策劃，對效果的要求也沒到W、LXU那種復(fù)雜程度，建議用工具實(shí)現(xiàn)H5，無論從效率還是資金成本看來都是最優(yōu)的。

事實(shí)上，一些工具在H5技術(shù)實(shí)現(xiàn)上已經(jīng)超過了大部分技術(shù)開發(fā)團(tuán)隊(duì)，類似ih5.cn這樣的工具已經(jīng)能實(shí)現(xiàn)像3D動(dòng)效、時(shí)間軸動(dòng)畫、H5彈幕、多屏現(xiàn)場投票、微信登錄、數(shù)據(jù)查詢這樣的高級H5效果和數(shù)據(jù)應(yīng)用。

除此之外，工具的好處是復(fù)用性，相信很多人都曾想象把別人家的H5改一改自己用，這種情景就是工具能解決的問題。ih5.cn有一個(gè)比較有趣的功能是復(fù)制案例，你可以復(fù)制別人的H5并更改素材自行定制！當(dāng)然前提是作者愿意公開分享作品使用權(quán)。

這種高效的H5制作模式，筆者覺得具備極大的顛覆性，當(dāng)然對品牌而言也是好事，不用再花一堆錢生產(chǎn)本來就有的東西。

以下也推薦一個(gè)比較實(shí)用的東西，它是一個(gè)移動(dòng)端的H5輕應(yīng)用商店，上面有很多高級定制的H5可供復(fù)制和使用，都是一些作者公開分享的優(yōu)秀H5作品，除了常見的邀請函、微官網(wǎng)以外，還有像砍價(jià)、集贊、好友PK、H5彈幕、會議簽到、多屏互動(dòng)這種結(jié)合社交和數(shù)據(jù)的免費(fèi)H5應(yīng)用模板，由STC、澎湃新聞、SocialBeta、首席品牌官、3W咖啡等專業(yè)媒體聯(lián)合ih5.cn推出。

二、H5的推廣方式？如何提高傳播量？

首先，影響H5傳播量還有兩大重要因素：轉(zhuǎn)發(fā)率（內(nèi)容）和打開率（標(biāo)題和轉(zhuǎn)發(fā)文案）。

轉(zhuǎn)發(fā)率取決于內(nèi)容，除了內(nèi)容要貼合受眾場景，要有創(chuàng)意之外，最重要的是參與感。在ih5.cn統(tǒng)計(jì)的排名前1000個(gè)作品當(dāng)中，傳播最廣的幾類：心靈雞湯、測試題、社交互動(dòng)。前十名都在百萬以上，最高達(dá)5000萬傳播。雞湯能產(chǎn)生共鳴，測試題反饋結(jié)果，社交互動(dòng)跟好友PK，這些都是參與感的體現(xiàn)。

打開率是非常重要的因素，但同時(shí)也是最難把控的。因?yàn)闆Q定打開率的，就是短短幾十個(gè)字的標(biāo)題和轉(zhuǎn)發(fā)文案，往往只能憑感覺而定。

以下提出一個(gè)解決思路，通過末位淘汰選出最佳H5轉(zhuǎn)發(fā)文案：

Step1同一個(gè)H5設(shè)定5組標(biāo)題和轉(zhuǎn)發(fā)文案，讓用戶每次轉(zhuǎn)發(fā)都等概率的出現(xiàn)一組文案。

Step2每次用戶打開H5都記錄來源于哪種文案，在推廣開始一段時(shí)間后通過后臺數(shù)據(jù)監(jiān)測，將瀏覽量來源最低的文案去掉。

Step3每隔一段時(shí)間執(zhí)行第二步操作，直到只剩下一組文案為止。

（備注：由于幾組文案都是同一個(gè)H5鏈接，只是參數(shù)不同。也就是說所有H5內(nèi)容一樣，轉(zhuǎn)發(fā)率相同，而且每次轉(zhuǎn)發(fā)出現(xiàn)的文案是等概率的，因此瀏覽量就能確切反映打開率的高低。通過逐步淘汰低瀏覽量的方案就能得到最優(yōu)方案。以上需要一點(diǎn)數(shù)學(xué)能力理解→_→）

整個(gè)過程需要一定復(fù)雜度的技術(shù)實(shí)現(xiàn)，不過已經(jīng)被驗(yàn)證可行。下次你可以讓你的供應(yīng)商嘗試這樣的方法，另外，ih5.cn也計(jì)劃把該自動(dòng)優(yōu)化轉(zhuǎn)發(fā)文案的功能集成到工具中，用戶可自行定義幾組文案和淘汰處理時(shí)間間隔，系統(tǒng)自動(dòng)幫你優(yōu)化。

關(guān)于自動(dòng)優(yōu)化文案的功能，ih5.cn將于10月底開放內(nèi)測資格，有意者請?jiān)L問鏈接報(bào)名ih5.cn/idea/h5lab。

除了提升H5本身的轉(zhuǎn)發(fā)率和打開率，渠道也是影響傳播的重大因素。

據(jù)不完全統(tǒng)計(jì)，H5推廣的方式有這些：微信公眾號、朋友圈、微信群、微信廣告、微博、LinkedIn、QQ群、QQ空間、新聞客戶端、App廣告、廣點(diǎn)通、線下海報(bào)……

其中效率最高的是微信群、朋友圈，公眾號效果取決于內(nèi)容。

微信群推廣有幾點(diǎn)建議：

一般以工作屬性居多，適合貼近工作場景的H5推廣，比如一些2B產(chǎn)品的推廣。

內(nèi)部員工是性價(jià)比最高的群渠道，設(shè)立一定的激勵(lì)機(jī)制，從內(nèi)部拓展精準(zhǔn)KOL是不錯(cuò)的方法。

內(nèi)容要好，頻率不宜過高，集中火力一次爆發(fā)。

朋友圈推廣則是生活屬性為主，有趣、好玩，有參與感是關(guān)鍵，據(jù)統(tǒng)計(jì)朋友圈分享最多的H5類型是測試題，排名前三的測試游戲（案例&數(shù)據(jù)來源：ih5.cn）：

算算你是靠什么吃飯的？UV 49,955,986

測測二戰(zhàn)中你能當(dāng)什么兵？UV 7,358,480

測測你的新年運(yùn)勢？UV 4,032,529

ih5.cn/idea/mcase，有興趣的同學(xué)可以手動(dòng)復(fù)制到微信瀏覽器打開，本文推薦的百萬千萬級案例都在這里。

公眾號沒什么好說的，看文案水平，不過可以告訴你的一個(gè)數(shù)據(jù)是，公眾號平均一個(gè)閱讀是1.2元，閱讀原文轉(zhuǎn)化是10%，H5只能掛閱讀原文鏈接或者二維碼，所以一個(gè)UV大概是12元！當(dāng)然，如果內(nèi)容很好，平均閱讀價(jià)格可以無限低，原文轉(zhuǎn)化可以提高到20%，加上公眾號一般都是精準(zhǔn)人群，所以效果也是可以很好滴。通常2B企業(yè)會更適合這種方式，因?yàn)橐话憧蛦蝺r(jià)大，對人群精準(zhǔn)度要求較高。

三、H5的未來？品牌營銷的理性回歸？

說實(shí)話，H5“砰”的一聲讓很多營銷人亂了陣腳，畢竟它自帶新興技術(shù)的光環(huán)，而且在某種程度上也暴露了很多營銷人在技術(shù)知識上的缺憾，以致于整個(gè)H5的供需市場處于一個(gè)無序和效率低下的狀態(tài)。

有幾個(gè)原因：H5太新，沒有定價(jià)標(biāo)準(zhǔn)，只能靠市場供需調(diào)節(jié)，但由于市場非透明，加上技術(shù)本身并不成熟，最終市場調(diào)節(jié)的結(jié)果也只能在一定范圍內(nèi)波動(dòng)。相信這篇文章的讀者也會有很多被忽悠被坑的經(jīng)歷。各種乙方未按時(shí)上線、甲方不認(rèn)賬。

現(xiàn)在很多品牌方會漸漸思考這樣的問題：做一個(gè)H5的投入怎樣是合理的？如何分配制作和推廣預(yù)算？對我的業(yè)務(wù)/用戶增長有什么作用？

筆者認(rèn)為，類似H5這樣的技術(shù)正應(yīng)該是為品牌解決這些問題，而不是給從事營銷的人帶來“枷鎖”。

事實(shí)上，技術(shù)是需求驅(qū)動(dòng)的，之所以有H5，是因?yàn)橄M(fèi)者喜歡更豐富的信息表達(dá)方式。其實(shí)無論是國內(nèi)還是國外，基于HTML5的富媒體內(nèi)容形式，都是一個(gè)大趨勢，只是微信提前走了一步，并推動(dòng)了這一技術(shù)在營銷中的應(yīng)用罷了。

所以，如果我們從內(nèi)容載體的角度去理解H5，可以發(fā)現(xiàn)，其實(shí)H5應(yīng)該是深入到品牌與消費(fèi)者整個(gè)生命周期中的信息載體和連接點(diǎn)，目的是促進(jìn)業(yè)務(wù)和提升體驗(yàn)，并且由于其本身所具備的傳播特性，又能帶來節(jié)點(diǎn)的廣播效應(yīng)，從而帶來更多的流量。

因此，H5在品牌營銷中的應(yīng)用將成為需求導(dǎo)向、業(yè)務(wù)導(dǎo)向的“連接型產(chǎn)品”，服務(wù)于具體市場和運(yùn)營的目標(biāo)，帶來業(yè)務(wù)的促進(jìn)，這是正在發(fā)生的理性回歸。