關于H5的發展，分享幾個最近看到的驚人數據和新聞：

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

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

3、谷歌瀏覽器于9月1日起不再自動播放Flash。 亞馬遜宣布旗下網絡(包括Amazon.com門戶在內)的所有廣告將不再使用Flash。在可預見的未來，Flash廣告將被HTML5廣告所替代。

4、朋友圈廣告上線，據傳起投20萬， CPM 40元。詳情外鏈的H5頁面可以用微信提供的模板，也可以自行定制。

注：本文提到的H5特指基于HTML5技術的動態交互頁面。

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

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

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

事實上隨著技術的成熟和各種H5工具的涌現，H5制作已經漸漸走向標準化，成本問題也隨著一些工具的出現有了極大的改善?；蛟SH5技術的發展已經超出你的想象，很多問題已經有了不錯的解決方案。

#p#

以下僅從大家比較關注的H5制作和推廣兩方面給出一些行業調研結果和具體建議，其實那些百萬千萬級PV的H5也有一定的規律可循，希望能對大家有所幫助：

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

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

1. 整合營銷類

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

典型案例：W 《NewBalance系列》《大眾點評系列》;時趣互動《潘婷系列》

適用條件：預算、時間充足，30萬+、周期一個月以上

資源渠道：金投賞、艾菲獎、金鼠標，麥迪遜邦、成功營銷、Social Talent Circle、SocialBeta等

2. 強技術型

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

典型案例：LXU 《京東系列》《玩轉進化論》;未來應用《神造七天》

適用條件：預算10萬+，開發周期半個月到1個月

資源渠道：就那么幾家，需要可以跟筆者聯系，but，供不應求，排隊!

3、 各種小團隊

一年前H5的火爆伴隨而來的是百花齊放的H5定制化公司，有的是看到H5的“錢景”投身紅海，有的是營銷圈內人看到機會而創業。同樣分為兩類：集策劃、設計、開發一身的互動營銷初創公司，以及以設計、技術見長的技術型小團隊。

這些公司往往水平不一，雖不乏優秀者，但各種濫竽充數，選擇這類供應商的時候建議細心考察。這里分享幾點經驗：

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

對接人最好是產品經理，不能是那種一點不懂技術的所謂項目經理，一個是溝通非常麻煩，基本是個傳話筒，沒有什么卵用，另一個是會影響整個H5開發的進度。

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

適用條件：預算2萬~5萬，開發周期1~3周

資源渠道：Social Talent Circle、數英、H5說等

4、專業工具平臺

托微信的福，H5的龐大市場需求推動了技術的階躍式發展，一年前需要花幾萬大洋外包給一個技術團隊做的事，現在依靠一個不懂代碼的設計師和一個工具就能搞定。

專業在線工具的出現，對很多技術型的H5小團隊而言是一個非常大的沖擊，原因主要在于工具效率的提升以及相應人力成本的下降。同樣復雜度H5的技術實現，一個設計師用工具大概在兩天左右，最多一周內能完成，而技術外包往往需要兩周左右，甚至更長。

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

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

事實上，一些工具在H5技術實現上已經超過了大部分技術開發團隊，類似ih5.cn這樣的工具已經能實現像3D動效、時間軸動畫、H5彈幕、多屏現場投票、微信登錄、數據查詢這樣的高級H5效果和數據應用。

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

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

以 下也推薦一個比較實用的東西，它是一個移動端的H5輕應用商店，上面有很多高級定制的H5可供復制和使用，都是一些作者公開分享的優秀H5作品，除了常見 的邀請函、微官網以外，還有像砍價、集贊、好友PK、H5彈幕、會議簽到、多屏互動這種結合社交和數據的免費H5應用模板，由STC、澎湃新聞、 SocialBeta、首席品牌官、3W咖啡等專業媒體聯合ih5.cn推出，識別二維碼可以進入，也可以點擊“閱讀原文”：

好吧，我承認有點像在做廣告，但確實是很有價值的東西，以后Marketing的童鞋就不用擔心成本和開發問題了，這種只需要更改素材就可以制作高級“定制化”H5的事情，簡直是千千萬萬手握千元預算的品牌經理的福音→_→

#p#

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

首先，影響H5傳播量還有兩大重要因素：轉發率(內容)和打開率(標題和轉發文案)。

轉 發率取決于內容，除了內容要貼合受眾場景，要有創意之外，最重要的是參與感。在ih5.cn統計的排名前1000個作品當中，傳播最廣的幾類：心靈雞湯、 測試題、社交互動。前十名都在百萬以上，最高達5000萬傳播。雞湯能產生共鳴，測試題反饋結果，社交互動跟好友PK，這些都是參與感的體現。

打開率是非常重要的因素，但同時也是最難把控的。因為決定打開率的，就是短短幾十個字的標題和轉發文案，往往只能憑感覺而定。

以下提出一個解決思路，通過末位淘汰選出最佳H5轉發文案：

Step1 同一個H5設定5組標題和轉發文案，讓用戶每次轉發都等概率的出現一組文案。

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

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

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

整個過程需要一定復雜度的技術實現，不過已經被驗證可行。下次你可以讓你的供應商嘗試這樣的方法，另外，ih5.cn也計劃把該自動優化轉發文案的功能集成到工具中，用戶可自行定義幾組文案和淘汰處理時間間隔，系統自動幫你優化。

關于自動優化文案的功能，ih5.cn將于10月底開放內測資格，有意者請訪問鏈接報名。

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

據不完全統計，H5推廣的方式有這些：微信公眾號、朋友圈、微信群、微信廣告、微博、LinkedIn、QQ群、QQ空間、新聞客戶端、App廣告、廣點通、線下海報……

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

微信群推廣有幾點建議：

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

內部員工是性價比最高的群渠道，設立一定的激勵機制，從內部拓展精準KOL是不錯的方法。

內容要好，頻率不宜過高，集中火力一次爆發。

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

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

測測二戰中你能當什么兵? UV 7,358,480

測測你的新年運勢? UV 4,032,529

ih5.cn/idea/mcase，有興趣的同學可以手動復制到微信瀏覽器打開，本文推薦的百萬千萬級案例都在這里，看看他們長啥樣。

公 眾號沒什么好說的，看文案水平，不過可以告訴你的一個數據是，公眾號平均一個閱讀是1.2元，閱讀原文轉化是10%，H5只能掛閱讀原文鏈接或者二維碼， 所以一個UV大概是12元!當然，如果內容很好，平均閱讀價格可以無限低，原文轉化可以提高到20%，加上公眾號一般都是精準人群，所以效果也是可以很好 滴。通常2B企業會更適合這種方式，因為一般客單價大，對人群精準度要求較高。

#p#

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

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

有幾個原因：H5太新，沒有定價標準，只能靠市場供需調節，但由于市場非透明，加上技術本身并不成熟，最終市場調節的結果也只能在一定范圍內波動。相信這篇文章的讀者也會有很多被忽悠被坑的經歷。各種乙方未按時上線、甲方不認賬。

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

筆者認為，類似H5這樣的技術正應該是為品牌解決這些問題，而不是給從事營銷的人帶來“枷鎖”。

事實上，技術是需求驅動的，之所以有H5，是因為消費者喜歡更豐富的信息表達方式。其實無論是國內還是國外，基于HTML5的富媒體內容形式，都是一個大趨勢，只是微信提前走了一步，并推動了這一技術在營銷中的應用罷了。

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

因此，H5在品牌營銷中的應用將成為需求導向、業務導向的“連接型產品”，服務于具體市場和運營的目標，帶來業務的促進，這是正在發生的理性回歸。