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

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

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

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

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

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

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

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

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

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

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

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

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

1. 整合營(yíng)銷(xiāo)類(lèi)

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

（查看案例可訪問(wèn) ih5.cn/idea/mcase）

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

4、專(zhuān)業(yè)工具平臺(tái)

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

整個(gè)過(guò)程需要一定復(fù)雜度的技術(shù)實(shí)現(xiàn)，不過(guò)已經(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月底開(kāi)放內(nèi)測(cè)資格，有意者請(qǐng)?jiān)L問(wèn)鏈接報(bào)名ih5.cn/idea/h5lab。

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

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

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

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

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

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

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

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

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

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

3. 測(cè)測(cè)你的新年運(yùn)勢(shì)？ UV 4,032,529

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

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

三、H5的未來(lái)？品牌營(yíng)銷(xiāo)的理性回歸？

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

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

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

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

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

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

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

首席品牌官創(chuàng)業(yè)｜創(chuàng)意｜創(chuàng)新

聚焦企業(yè)營(yíng)銷(xiāo)轉(zhuǎn)型，助力品牌價(jià)值提升。

分享最新、最鮮、最活的企業(yè)案例和品牌思想。

“閱讀原文”各種酷炫H5免費(fèi)獲取