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

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

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

3、谷歌(gē)浏覽器(qì)于9月1日起不再自動播放Flash。 亞馬遜宣布旗下網絡(包括Amazon.com門(mén)戶在內(nèi))的所有(yǒu)廣告将不再使用Flash。在可(kě)預見的未來(lái)，Flash廣告将被HTML5廣告所替代。

4、朋友(yǒu)圈廣告上(shàng)線（http:// ad.weixin.qq.com），據傳起投20萬， CPM 40元。詳情外鏈的H5頁面可(kě)以用微信提供的模闆，也可(kě)以自行(xíng)定制(zhì)。

注：本文提到的H5特指基于HTML5技(jì)術(shù)的動态交互頁面。

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

可(kě)以看到，各大(dà)主流社交平台對H5分享的支持都是比較友(yǒu)好的，隻不過每個(gè)平台的分享接口都需要單獨的定制(zhì)。當然這也在暗示HTML5的推廣渠道(dào)其實可(kě)以更加多(duō)元化，并且其在內(nèi)容營銷中有(yǒu)着極大(dà)的應用潛力。

然而最近筆者觀察到一些(xiē)現象：一方面，企業對H5的需求一直在增加；另一方面，定制(zhì)化H5的價格居高(gāo)不下。從事Marketing的朋友(yǒu)，一邊覺得(de)H5反胃，一邊又忙着找靠譜便宜的供應商。

事實上(shàng)随着技(jì)術(shù)的成熟和(hé)各種H5工具的湧現，H5制(zhì)作(zuò)已經漸漸走向标準化，成本問題也随着一些(xiē)工具的出現有(yǒu)了極大(dà)的改善。或許H5技(jì)術(shù)的發展已經超出你(nǐ)的想象，很(hěn)多(duō)問題已經有(yǒu)了不錯的解決方案。

以下僅從大(dà)家(jiā)比較關注的H5制(zhì)作(zuò)和(hé)推廣兩方面給出一些(xiē)行(xíng)業調研結果和(hé)具體(tǐ)建議，其實那(nà)些(xiē)百萬千萬級PV的H5也有(yǒu)一定的規律可(kě)循，希望能對大(dà)家(jiā)有(yǒu)所幫助：

一、如何找到靠譜不貴的H5供應商？

我們調研了國內(nèi)幾類供應商和(hé)各大(dà)品牌主，希望能給大(dà)家(jiā)在選擇H5供應商方面提供參考。從成本、資源平台到适用場(chǎng)景，可(kě)參考一二：

1. 整合營銷類

這類公司一般隻做(zuò)全案型的服務，很(hěn)少(shǎo)會(huì)單獨做(zuò)H5開(kāi)發，當然如果你(nǐ)的品牌名氣夠大(dà)并且預算(suàn)夠多(duō)也是可(kě)以的，量級30萬+，包含策劃、設計(jì)、開(kāi)發、推廣，也可(kě)能會(huì)有(yǒu)一些(xiē)附加服務。

（查看案例可(kě)訪問 ih5.cn/idea/mcase）

典型案例：W 《NewBalance系列》《大(dà)衆點評系列》；時(shí)趣互動《潘婷系列》

适用條件：預算(suàn)、時(shí)間(jiān)充足，30萬+、周期一個(gè)月以上(shàng)

資源渠道(dào)：金投賞、艾菲獎、金鼠标，麥迪遜邦、成功營銷、Social Talent Circle、SocialBeta等

2. 強技(jì)術(shù)型

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

典型案例：LXU 《京東系列》《玩轉進化論》；未來(lái)應用《神造七天》

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

資源渠道(dào)：就那(nà)麽幾家(jiā)，需要可(kě)以跟筆者聯系，but，供不應求，排隊！

3、 各種小(xiǎo)團隊

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

這些(xiē)公司往往水(shuǐ)平不一，雖不乏優秀者，但(dàn)各種濫竽充數(shù)，選擇這類供應商的時(shí)候建議細心考察。這裏分享幾點經驗：

一定要看對方的曆史作(zuò)品，從作(zuò)品加載速度、流暢度、交互豐富度（是否用到複雜Canvas動畫(huà)、CSS3D、微信高(gāo)級接口等）這些(xiē)方面評估，至少(shǎo)要有(yǒu)3個(gè)以上(shàng)比較好的作(zuò)品，做(zuò)過H5遊戲并交互流暢為(wèi)佳。

對接人(rén)最好是産品經理(lǐ)，不能是那(nà)種一點不懂技(jì)術(shù)的所謂項目經理(lǐ)，一個(gè)是溝通(tōng)非常麻煩，基本是個(gè)傳話(huà)筒，沒有(yǒu)什麽卵用，另一個(gè)是會(huì)影(yǐng)響整個(gè)H5開(kāi)發的進度。

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

适用條件：預算(suàn)2萬~5萬，開(kāi)發周期1~3周

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

4、專業工具平台

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

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

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

所以如果不是要找全案策劃，對效果的要求也沒到W、LXU那(nà)種複雜程度，建議用工具實現H5，無論從效率還(hái)是資金成本看來(lái)都是最優的。

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

除此之外，工具的好處是複用性，相信很(hěn)多(duō)人(rén)都曾想象把别人(rén)家(jiā)的H5改一改自己用，這種情景就是工具能解決的問題。ih5.cn有(yǒu)一個(gè)比較有(yǒu)趣的功能是複制(zhì)案例，你(nǐ)可(kě)以複制(zhì)别人(rén)的H5并更改素材自行(xíng)定制(zhì)！當然前提是作(zuò)者願意公開(kāi)分享作(zuò)品使用權。

這種高(gāo)效的H5制(zhì)作(zuò)模式，筆者覺得(de)具備極大(dà)的颠覆性，當然對品牌而言也是好事，不用再花(huā)一堆錢(qián)生(shēng)産本來(lái)就有(yǒu)的東西。

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

二、H5的推廣方式？如何提高(gāo)傳播量？

首先，影(yǐng)響H5傳播量還(hái)有(yǒu)兩大(dà)重要因素：轉發率（內(nèi)容）和(hé)打開(kāi)率（标題和(hé)轉發文案）。

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

打開(kāi)率是非常重要的因素，但(dàn)同時(shí)也是最難把控的。因為(wèi)決定打開(kāi)率的，就是短(duǎn)短(duǎn)幾十個(gè)字的标題和(hé)轉發文案，往往隻能憑感覺而定。

以下提出一個(gè)解決思路，通(tōng)過末位淘汰選出最佳H5轉發文案：

Step1同一個(gè)H5設定5組标題和(hé)轉發文案，讓用戶每次轉發都等概率的出現一組文案。

Step2每次用戶打開(kāi)H5都記錄來(lái)源于哪種文案，在推廣開(kāi)始一段時(shí)間(jiān)後通(tōng)過後台數(shù)據監測，将浏覽量來(lái)源最低(dī)的文案去掉。

Step3每隔一段時(shí)間(jiān)執行(xíng)第二步操作(zuò)，直到隻剩下一組文案為(wèi)止。

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

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

關于自動優化文案的功能，ih5.cn将于10月底開(kāi)放內(nèi)測資格，有(yǒu)意者請(qǐng)訪問鏈接報名ih5.cn/idea/h5lab 。

除了提升H5本身的轉發率和(hé)打開(kāi)率，渠道(dào)也是影(yǐng)響傳播的重大(dà)因素。

據不完全統計(jì)，H5推廣的方式有(yǒu)這些(xiē)：微信公衆号、朋友(yǒu)圈、微信群、微信廣告、微博、LinkedIn、QQ群、QQ空(kōng)間(jiān)、新聞客戶端、App廣告、廣點通(tōng)、線下海報……

其中效率最高(gāo)的是微信群、朋友(yǒu)圈，公衆号效果取決于內(nèi)容。

微信群推廣有(yǒu)幾點建議：

一般以工作(zuò)屬性居多(duō)，适合貼近工作(zuò)場(chǎng)景的H5推廣，比如一些(xiē)2B産品的推廣。

內(nèi)部員工是性價比最高(gāo)的群渠道(dào)，設立一定的激勵機制(zhì)，從內(nèi)部拓展精準KOL是不錯的方法。

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

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

算(suàn)算(suàn)你(nǐ)是靠什麽吃(chī)飯的？ UV 49,955,986

測測二戰中你(nǐ)能當什麽兵？ UV 7,358,480

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

ih5.cn/idea/mcase，有(yǒu)興趣的同學可(kě)以手動複制(zhì)到微信浏覽器(qì)打開(kāi)，本文推薦的百萬千萬級案例都在這裏。

公衆号沒什麽好說的，看文案水(shuǐ)平，不過可(kě)以告訴你(nǐ)的一個(gè)數(shù)據是，公衆号平均一個(gè)閱讀是1.2元，閱讀原文轉化是10%，H5隻能挂閱讀原文鏈接或者二維碼，所以一個(gè)UV大(dà)概是12元！當然，如果內(nèi)容很(hěn)好，平均閱讀價格可(kě)以無限低(dī)，原文轉化可(kě)以提高(gāo)到20%，加上(shàng)公衆号一般都是精準人(rén)群，所以效果也是可(kě)以很(hěn)好滴。通(tōng)常2B企業會(huì)更适合這種方式，因為(wèi)一般客單價大(dà)，對人(rén)群精準度要求較高(gāo)。

三、H5的未來(lái)？品牌營銷的理(lǐ)性回歸？

說實話(huà)，H5“砰”的一聲讓很(hěn)多(duō)營銷人(rén)亂了陣腳，畢竟它自帶新興技(jì)術(shù)的光環，而且在某種程度上(shàng)也暴露了很(hěn)多(duō)營銷人(rén)在技(jì)術(shù)知識上(shàng)的缺憾，以緻于整個(gè)H5的供需市場(chǎng)處于一個(gè)無序和(hé)效率低(dī)下的狀态。

有(yǒu)幾個(gè)原因：H5太新，沒有(yǒu)定價标準，隻能靠市場(chǎng)供需調節，但(dàn)由于市場(chǎng)非透明(míng)，加上(shàng)技(jì)術(shù)本身并不成熟，最終市場(chǎng)調節的結果也隻能在一定範圍內(nèi)波動。相信這篇文章的讀者也會(huì)有(yǒu)很(hěn)多(duō)被忽悠被坑的經曆。各種乙方未按時(shí)上(shàng)線、甲方不認賬。

現在很(hěn)多(duō)品牌方會(huì)漸漸思考這樣的問題：做(zuò)一個(gè)H5的投入怎樣是合理(lǐ)的？如何分配制(zhì)作(zuò)和(hé)推廣預算(suàn)？對我的業務/用戶增長有(yǒu)什麽作(zuò)用？

筆者認為(wèi)，類似H5這樣的技(jì)術(shù)正應該是為(wèi)品牌解決這些(xiē)問題，而不是給從事營銷的人(rén)帶來(lái)“枷鎖”。

事實上(shàng)，技(jì)術(shù)是需求驅動的，之所以有(yǒu)H5，是因為(wèi)消費者喜歡更豐富的信息表達方式。其實無論是國內(nèi)還(hái)是國外，基于HTML5的富媒體(tǐ)內(nèi)容形式，都是一個(gè)大(dà)趨勢，隻是微信提前走了一步，并推動了這一技(jì)術(shù)在營銷中的應用罷了。

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

因此，H5在品牌營銷中的應用将成為(wèi)需求導向、業務導向的“連接型産品”，服務于具體(tǐ)市場(chǎng)和(hé)運營的目标，帶來(lái)業務的促進，這是正在發生(shēng)的理(lǐ)性回歸。