功營(yíng)銷微信號(hào)：vmarketing

文/特約撰稿人 蘇落

在用戶看來，朋友圈已不再只是信息獲取平臺(tái)，還可以在這個(gè)平臺(tái)上越玩越炫、越玩越酷。而在業(yè)內(nèi)人士看來，這卻是HTML5的再爆發(fā)，幾年的預(yù)熱之后，在2014年終于大面積向移動(dòng)互聯(lián)網(wǎng)襲來。

2014年7月，一只表情賤賤的神經(jīng)貓，幾乎一夜之間刷了大家的朋友圈，玩家紛紛炫耀自己用了更少的步數(shù)就將此貓圍住。這就是HTML5游戲發(fā)展的里程碑式產(chǎn)品——《圍住神經(jīng)貓》，其創(chuàng)造了3天點(diǎn)擊量過億的成績(jī)。隨后，《在柯少中找房祖名》、《一個(gè)都不能死》等眾多HTML5小游戲在微信朋友圈中瘋轉(zhuǎn)。

在用戶看來，朋友圈已不再只是信息獲取平臺(tái)，還可以在這個(gè)平臺(tái)上越玩越炫、越玩越酷。而在業(yè)內(nèi)人士看來，這卻是HTML5的再爆發(fā)——它在幾年的預(yù)熱之后，2014年終于大面積向移動(dòng)互聯(lián)網(wǎng)襲來。

隨著玩法不斷變多、變新，HTML5也正在被認(rèn)可和使用，并且逐漸形成了移動(dòng)營(yíng)銷的一個(gè)新熱點(diǎn)。

移動(dòng)營(yíng)銷多數(shù)的做法都是：硬廣投放，投開屏廣告或是插屏廣告等；軟性投放如開設(shè)品牌微信公共號(hào)等。而HTML5使廣告主找到了移動(dòng)營(yíng)銷的突破口。在移動(dòng)+社交的傳播時(shí)代，HTML5營(yíng)銷簡(jiǎn)單、快捷、靈活、有效，炫酷能夠吸引用戶關(guān)注、甚至參與，進(jìn)而進(jìn)行價(jià)值轉(zhuǎn)化，不僅是互聯(lián)網(wǎng)公司和移動(dòng)互聯(lián)網(wǎng)公司，越來越多的傳統(tǒng)企業(yè)也開始關(guān)注到HTML5營(yíng)銷的價(jià)值。

HTML5溫故知新

要想知道什么是HTML5，繞不開的是：什么是HTML？

想象一下兩個(gè)計(jì)算機(jī)在溝通的場(chǎng)景，A如果要把一個(gè)圖文信息傳給B的時(shí)候，交流過程中B肯定會(huì)產(chǎn)生這樣的問題：你給了我那么多信息，哪些是網(wǎng)頁標(biāo)題、哪些是正文、哪些又是圖片呢？于是，A和B商量了一個(gè)辦法，用一些符號(hào)來標(biāo)記不同類型的內(nèi)容，而這些標(biāo)記的一整套規(guī)范就是HTML。

簡(jiǎn)單說，HTML就是一種網(wǎng)絡(luò)通用語言，這套語言普通用戶未必懂，但對(duì)于開發(fā)者來說卻是簡(jiǎn)潔適用，這就可以了，開發(fā)者用這種語言制作的頁面可以跨越不同硬件設(shè)備以及不同瀏覽器，被任何用戶瀏覽到。

而從HTML1到HTML5就代表著這套規(guī)范的發(fā)展進(jìn)程。按照定義來講，HTML5是一系列制作網(wǎng)頁互動(dòng)效果的技術(shù)集合，它能在移動(dòng)端做出Flash做不出的動(dòng)畫效果，即HTML5就是移動(dòng)端的web頁面。但如果僅僅將HTML5看作是替代Flash的一個(gè)技術(shù)，就過于低估了其真正的能力，對(duì)于移動(dòng)互聯(lián)網(wǎng)來講，它更像一個(gè)“技術(shù)閥門”，一旦擰開，想象空間很大。

我們第一次談?wù)揌TML5要改變世界大概是因?yàn)閱滩妓梗麍?jiān)持在iOS上不兼容Flash，在Adobe統(tǒng)治多媒體開發(fā)的那個(gè)年代，這需要付出極大的勇氣。這么多年過去了，雖然所有人都在談?wù)揌TML5，但是大部分人甚至都忘了它還是一個(gè)仍在完善中的體系，這種完善也直接決定了HTML5在2014年的再爆發(fā)。

Q&A：為何HTML5會(huì)在2014年再爆發(fā)？

2007年W3C（萬維網(wǎng)聯(lián)盟）立項(xiàng)HTML5，直至2014年10月底，這個(gè)長(zhǎng)達(dá)八年的規(guī)范終于正式定稿，W3C小組表示終于完成了HTML5標(biāo)準(zhǔn)的制定工作。此舉將基本的Web技術(shù)在移動(dòng)和云互聯(lián)網(wǎng)時(shí)代統(tǒng)一起來，有助于開發(fā)人員采用統(tǒng)一標(biāo)準(zhǔn)進(jìn)行網(wǎng)頁應(yīng)用開發(fā)。

HTML語言的上一個(gè)版本HTML 4.01還是在1999年12月發(fā)布的，也就是說用了15年才迎來一次大的版本更新。W3C小組表示，在過去多年時(shí)間里，他們聯(lián)合了全球60多家公司，共同完善HTML5標(biāo)準(zhǔn)，其中解決了4000多個(gè)BUG。HTML5將會(huì)取代1999年制定的HTML 4.01、XHTML 1.0標(biāo)準(zhǔn)，期望能在互聯(lián)網(wǎng)應(yīng)用迅速發(fā)展的時(shí)候，使網(wǎng)絡(luò)標(biāo)準(zhǔn)達(dá)到符合當(dāng)代的網(wǎng)絡(luò)需求，為桌面和移動(dòng)平臺(tái)帶來無縫銜接的豐富內(nèi)容。

【相關(guān)鏈接】

HTML5與微信的那些事兒

2014年10月HTML5規(guī)范標(biāo)準(zhǔn)的定稿，是對(duì)HTML5營(yíng)銷再出發(fā)的技術(shù)支持，如果這算是“天時(shí)”，那么2014年微信朋友圈的火熱絕對(duì)算是“地利”了。

HTML5營(yíng)銷為何能夠在微信朋友圈中迅速崛起？微信營(yíng)銷服務(wù)商微信海CEO程小永表示：“與淘寶和百度的營(yíng)銷不同，微信公眾號(hào)更強(qiáng)調(diào)去中心化。而用HTML5做營(yíng)銷活動(dòng)，通過微信的口碑傳播出去，實(shí)際上就是把每個(gè)人當(dāng)成向外傳播輻射的基點(diǎn)和傳播的弧線，傳遞給更多的人，傳播效果非常好。”可以說，微信朋友圈分享讓HTML5產(chǎn)生了盤活移動(dòng)互聯(lián)網(wǎng)流量的巨大價(jià)值。

HTML5營(yíng)銷 跟我看

進(jìn)入移動(dòng)互聯(lián)網(wǎng)時(shí)代，人們的碎片化時(shí)間越來越多，但注意力卻越來越挑剔，“不好玩不成活”，內(nèi)容平實(shí)、形式簡(jiǎn)單就想得到關(guān)注？難于上青天。

而HTML5和輕應(yīng)用開發(fā)，正好使?fàn)I銷手段更多樣化，也使移動(dòng)平臺(tái)上的營(yíng)銷花樣層出不窮。而HTML5到底能如何提升移動(dòng)營(yíng)銷的level呢？

感官更豐富

繪圖功能強(qiáng)是HTML5的一個(gè)非常重要的特征，很多我們?cè)贖TML5中看到的動(dòng)畫效果就是用其繪圖功能完成的，從技術(shù)實(shí)現(xiàn)角度，可以做出任何二維動(dòng)畫。同時(shí)，HTML5還可以做出很好的三維效果，試想一下在三維立體空間中玩俄羅斯方塊和坦克大戰(zhàn)，是不是可以帶給用戶更身臨其境的體驗(yàn)感。

可以說，在技術(shù)層面上HTML5可以做到畫面更美觀，感官更為豐富，這方面的例子也很多。如為配合上市，特斯拉在2014年推出過一組幻燈片式廣告，這是HTML5較為早期和典型的玩法，效果為簡(jiǎn)單的圖片展示+翻頁交互，整體上很像幻燈片展示，簡(jiǎn)單、實(shí)用。如奢侈品品牌Burberry為配合上海嘉里中心旗艦店開業(yè)，推出“從倫敦到上海的旅程”為主題的HTML5頁面，要進(jìn)入這個(gè)渾身上下散發(fā)著濃濃文藝氣息的HTML5，第一步，得先“搖一搖”；第二步，點(diǎn)擊屏幕進(jìn)入油畫般的倫敦清晨；第三步，摩擦屏幕使晨霧散去；第四步，點(diǎn)擊“河面”，河水泛起漣漪；最后點(diǎn)擊屏幕上的白點(diǎn)，到達(dá)終點(diǎn)站上海。結(jié)合各種感官體驗(yàn)，Burberry全力帶動(dòng)用戶參與互動(dòng)，增加了體驗(yàn)性與趣味性，使得體驗(yàn)者更為深入體認(rèn)品牌文化。

互動(dòng)性更強(qiáng)

Burberry的例子其實(shí)已經(jīng)對(duì)HTML5的互動(dòng)性做出了很好的佐證，文章開頭也提到小游戲成為了最終引爆HTML5的有效導(dǎo)火索，互動(dòng)性強(qiáng)就是重要原因之一。移動(dòng)端硬件正在沿著“人機(jī)互動(dòng)”的方向一路走下去，而用戶更希望在互動(dòng)中獲得樂趣，而HTML5正好作為技術(shù)紐帶，將二者對(duì)接。以HTML5邀請(qǐng)函為例，漣拓網(wǎng)絡(luò)品牌運(yùn)營(yíng)總監(jiān)張永昶就談道：“紙質(zhì)邀請(qǐng)函有很多年歷史，拿到手里的那種興奮度很難被取代。而HTML5邀請(qǐng)函要想成功，第一要打開速度快，第二要打開整個(gè)過程流暢，第三就是要讓整個(gè)體驗(yàn)互動(dòng)。”如目前很多HTML5邀請(qǐng)函都會(huì)涵蓋報(bào)名、支付、表單等互動(dòng)功能。HTML5做的邀請(qǐng)函與其他方式（郵件、印刷品等）相比生動(dòng)了很多，可以做到圖文并茂聲色俱備，還可以和諸如位置服務(wù)等應(yīng)用相結(jié)合，未來可能還會(huì)有許多新功能推出。

場(chǎng)景更實(shí)用

解決了場(chǎng)景應(yīng)用，就好比點(diǎn)通了移動(dòng)營(yíng)銷的穴位。對(duì)于HTML5營(yíng)銷如何能夠獲得更好的傳播，HTML5民間開發(fā)者張東表示，首先要了解用戶在空閑的時(shí)候會(huì)拿手機(jī)干什么，分析不同用戶的需求。最重要的是用戶體驗(yàn)，要研究如何在極短的時(shí)間內(nèi)完成他需要做的事情。

小游戲?yàn)槭裁茨軌虺蔀镠TML5實(shí)操的先行軍？正是因?yàn)楹芏嘤脩暨x擇玩游戲來填補(bǔ)碎片化時(shí)間，游戲滿足了碎片化時(shí)間這一場(chǎng)景需求。邀請(qǐng)函同樣也是因?yàn)榫邆鋵?shí)用功能，代替紙質(zhì)邀請(qǐng)函。與炫酷的形式感相比，用戶更在乎HTML5能夠帶來的實(shí)際功用，有效解決場(chǎng)景需求。

傳播性更好

HTML5再次爆發(fā)于微信，與微信朋友圈的傳播力不無關(guān)系。注重用戶需求與注重傳播其實(shí)是相輔相成的，滿足用戶需求的信息自然能夠得到有效傳播，這里面其實(shí)也是思考角度的問題，從“我要傳播什么”到“我希望用戶傳播什么”的轉(zhuǎn)變。還是以游戲《圍住神經(jīng)貓》為例，在微信朋友圈引爆話題，微信用戶不但自己玩得不亦樂乎，還不斷將自己的成績(jī)分享在朋友圈，進(jìn)行刷屏式傳播，三天時(shí)間內(nèi)游戲訪問量超過一個(gè)億。

［詞語辨析］

HTML5與APP

移動(dòng)互聯(lián)網(wǎng)江湖，APP派和Web派的斗爭(zhēng)由來已久，而HTML5又作為Web派的主力先鋒，更有人出言：HTML5將會(huì)顛覆APP。HTML5與APP之間到底是怎樣的關(guān)系呢？

HTML的優(yōu)勢(shì)是技術(shù)簡(jiǎn)單，迭代快，滲透能力強(qiáng)。把一個(gè)HTML5的內(nèi)容嵌入到任何APP中，技術(shù)工作量都很小，啟動(dòng)webview就可以實(shí)現(xiàn)應(yīng)用嵌套，這些都是HTML5滲透力強(qiáng)的表現(xiàn)，透過HTML5將服務(wù)輕松落地到APP中。“將內(nèi)容從一個(gè)APP快速、完整、高效的傳輸?shù)搅硗庖粋€(gè)APP，是HTML5最擅長(zhǎng)的部分。在去中心化的用戶設(shè)備桌面上，HTML5像血管一樣連接了一個(gè)個(gè)的獨(dú)立的APP器官并且輸送血液到不同的APP中。這就是HTML5快速融入生態(tài)的表現(xiàn)之一，并且發(fā)揮自由流量的價(jià)值加速和逐步改造原生生態(tài)。”移動(dòng)云服務(wù)APICloud創(chuàng)始人兼CEO劉鑫一語點(diǎn)出了HTML5基于移動(dòng)互聯(lián)網(wǎng)的核心生態(tài)價(jià)值，也是其更利于傳播的根本。

HTML5營(yíng)銷 跟我學(xué)

通過以上的學(xué)習(xí)，我們看到HTML5滿足了廣告主對(duì)移動(dòng)營(yíng)銷的大部分需求，從形式到功用、到傳播，有人觀望，更有人已搶了鮮，在2014年HTML5營(yíng)銷案例也層出不窮。大到可口可樂、維多利亞的秘密這種敢于嘗鮮的大牌，小到知乎推出的一本新書，各種品牌和產(chǎn)品都在嘗試?yán)肏TML5進(jìn)行營(yíng)銷。

主題派

主題傳播永遠(yuǎn)是品牌的重要傳播訴求，但無論是新聞稿還是軟文拿到社交媒體上來，與其他形式紛繁的訊息進(jìn)行PK，總是感覺弱弱的，這個(gè)時(shí)候HTML5就可以華麗麗出場(chǎng)了。在原有專題的基礎(chǔ)上，加之互動(dòng)以及其他適配小屏幕的素材，一個(gè)聲情并茂的HTML5主題就可以制作完成。可以預(yù)期的是，將有越來越多的媒體和企業(yè)會(huì)采用此種形式推介某個(gè)主題或是亮點(diǎn)。可口可樂已先行使用HTML5形式傳播品牌主題：如用一條紅線重現(xiàn)一個(gè)品牌經(jīng)歷的歲月，在簡(jiǎn)潔的線條世界里，可口可樂描繪了一段歷史，整個(gè)時(shí)間軸隨著用戶向上滑動(dòng)頁面“繪制”而成。“我們?cè)诤酢薄煽诳蓸分袊?guó)可持續(xù)發(fā)展報(bào)告，一份枯燥的報(bào)告也可以變身輕盈，適應(yīng)移動(dòng)端觀看及分享的需求，以更活潑的形式在朋友圈被熱轉(zhuǎn)。

【案例鏈接】

騰訊大會(huì)邀請(qǐng)函

2014年11月8日，騰訊就在世人面前高調(diào)地玩了一把科技感。在WE大會(huì)現(xiàn)場(chǎng)中，不但有唯美的星空畫風(fēng)和首頁由遠(yuǎn)及近的宇宙效果，還增加了指紋識(shí)別的科技互動(dòng)元素。最重要的是游戲規(guī)則：將應(yīng)用邀請(qǐng)發(fā)給好友，300秒之內(nèi)，雙方在各自手機(jī)上同時(shí)按下指紋，驗(yàn)明正身后獲得邀請(qǐng)碼。這種手機(jī)端接連現(xiàn)場(chǎng)的技術(shù)十分搶眼，可以讓與會(huì)者享受到被重視的禮遇，還有瞬間通電的感覺。這款邀請(qǐng)函不只是實(shí)現(xiàn)了人機(jī)互動(dòng)，更是實(shí)現(xiàn)了雙屏互動(dòng)，運(yùn)用了一次社群思維。

游戲派

愛玩是人類的天性，好游戲吸引用戶參與沒有問題，但當(dāng)游戲遇上營(yíng)銷，就難免生死未卜了，弄不好就破壞了游戲體驗(yàn)，引火上身。像《圍住神經(jīng)貓》只是因?yàn)榻尤肓藦V告文字鏈，就結(jié)束了一款游戲絢爛而又短暫的生命，于朋友圈銷聲匿跡。

所以想要利用游戲進(jìn)行營(yíng)銷一定要做到謹(jǐn)慎、巧妙。目前HTML5游戲營(yíng)銷主要是兩種形式，一種是品牌推出游戲，游戲依附于品牌，一般為知名品牌；另一種為游戲先行，產(chǎn)品藏匿于游戲之中，這種則是一些新產(chǎn)品或是新品牌。像杜蕾斯、維多利亞的秘密就屬于前者，推出符合品牌特點(diǎn)的一些小游戲，將品牌與游戲進(jìn)行深度融合，如將經(jīng)典游戲中的元素?fù)Q為品牌標(biāo)識(shí)或是產(chǎn)品，使用戶在玩游戲的過程中加深對(duì)品牌的認(rèn)知。而《財(cái)務(wù)包子鋪》則是后者的典型代表，成為HTML5小游戲中的一匹黑馬。

【案例鏈接】

《財(cái)務(wù)包子鋪》背后的那本書

測(cè)試一下自己的創(chuàng)業(yè)成功指數(shù)？在這個(gè)人人吵著要?jiǎng)?chuàng)業(yè)的年代，大多數(shù)人都會(huì)對(duì)這個(gè)測(cè)試躍躍欲試吧，心里想著：我的創(chuàng)業(yè)天賦可不能就此埋沒。于是由知乎制作的小游戲《財(cái)務(wù)包子鋪》在微信朋友圈里迅速流傳，玩家以創(chuàng)業(yè)老板的身份，對(duì)自己的包子鋪的日常經(jīng)營(yíng)做出決策。聽上去沒什么特別，但游戲中專門設(shè)置了機(jī)制，比如用戶如果決策失誤，就會(huì)收到破產(chǎn)警告，需要選擇一本救命書——就是知乎要借此推廣的《金錢有術(shù)》。續(xù)命之后可以繼續(xù)游戲，讓玩家對(duì)新書留下初步印象，又不會(huì)中斷游戲。游戲上線三天后，《金錢有術(shù)》這本書成為亞馬遜圖書銷售總榜冠軍，同時(shí)還是預(yù)售冠軍、新書冠軍、經(jīng)濟(jì)類冠軍，僅在游戲里點(diǎn)擊“購買秘籍”這一選項(xiàng)的獨(dú)立用戶數(shù)就有55萬。怎么樣，設(shè)計(jì)得如此天衣無縫，就算有人知道是“軟游戲”了，但還是愿意為這本書買單。

活動(dòng)派

有粉絲的地方就有活動(dòng)，社交媒體風(fēng)行后，品牌活動(dòng)大規(guī)模轉(zhuǎn)移到微博、微信上來，真實(shí)的社交關(guān)系鏈，對(duì)于有獎(jiǎng)活動(dòng)來說是最好的人氣資源。相對(duì)于微博上的關(guān)注和轉(zhuǎn)發(fā)有禮，以及微信朋友圈轉(zhuǎn)發(fā)集贊等，使用HTML5開發(fā)出的有獎(jiǎng)互動(dòng)活動(dòng)形式會(huì)更新穎和多變，同時(shí)也可以發(fā)揮HTML5的多項(xiàng)營(yíng)銷優(yōu)勢(shì)，如互動(dòng)性強(qiáng)，在活動(dòng)中開發(fā)出各種與用戶的互動(dòng)形式；功用性好，獎(jiǎng)品對(duì)于用戶來說就是最實(shí)際的刺激和誘惑；傳播性廣，獨(dú)樂樂不如眾樂樂，發(fā)現(xiàn)了既好玩又有獎(jiǎng)品拿的好事，當(dāng)然要好朋友一起分享。

【案例鏈接】

索尼七夕送“小青心”

在2014年七夕期間，索尼就用HTML5開發(fā)了活動(dòng)頁面，強(qiáng)力推出一款新品——清新范兒十足的小青心索尼C3手機(jī)。在活動(dòng)期間，只要關(guān)注索尼Xperia官方微信進(jìn)入游戲，將在頁面“邂逅”專屬幸運(yùn)四葉草，分享活動(dòng)到微信朋友圈，邀請(qǐng)4位好友幫助拆開禮盒，點(diǎn)亮小青心幸運(yùn)四葉草，即可獲得抽獎(jiǎng)資格，索尼為此一共準(zhǔn)備了77臺(tái)小青心索尼C3智能手機(jī)。七夕是年輕人的節(jié)日，整個(gè)活動(dòng)將小青心標(biāo)簽與七夕相結(jié)合，踩準(zhǔn)節(jié)日營(yíng)銷的時(shí)間點(diǎn)，同時(shí)環(huán)節(jié)中設(shè)置需要4位好友幫助，也使社交傳播鏈得到了幾何式鋪開。

功能派

在前文中已經(jīng)提到，想用戶之所想才能夠有效“黏住”用戶，使得HTML5營(yíng)銷得到轉(zhuǎn)化，不論什么時(shí)候，只要實(shí)用，總會(huì)有人點(diǎn)擊、有人轉(zhuǎn)發(fā)，這也是HTML5營(yíng)銷最需要的推動(dòng)力。在功能性HTML5開發(fā)方面，百度可謂屢試不爽，如先后推出iBreath智呼吸、手機(jī)告全體主人書、北京地鐵計(jì)算器等產(chǎn)品，這幾款產(chǎn)品無一不是戳中了用戶的“痛點(diǎn)”：健康、手機(jī)使用、地鐵漲價(jià)，這都是實(shí)實(shí)在在的需求點(diǎn)。以手機(jī)告全體主人書為例，你是否已經(jīng)看夠了那些枯燥的文字?jǐn)⑹觯矃挓┝撕翢o新意的小互動(dòng)，這組頁面幾乎每頁都根據(jù)要表現(xiàn)的內(nèi)容增加了趣味十足的動(dòng)畫效果，將說明書變成了“動(dòng)畫片”。

【案例鏈接】

百度iBreath智呼吸

這款HTML5的slogan為：人呼出的氣體和指紋一樣獨(dú)一無二。此語一出，就讓人對(duì)自己的呼吸充滿了好奇，具體操作也很簡(jiǎn)單：手機(jī)水平放好，然后深呼吸，對(duì)著手機(jī)下方吹氣。幾秒鐘之后，通過大數(shù)據(jù)分析，你的健康值就會(huì)被測(cè)算出來，會(huì)列出用戶的呼吸氣體成分詳細(xì)數(shù)據(jù)，還會(huì)分析出用戶的健康情況，如肺部感染癥狀以及相應(yīng)的健康改善建議等等。

【支招】

HTML5營(yíng)銷四原則

形式：內(nèi)容展示盡量把信息視覺化。

主題：創(chuàng)意要有新鮮感，少抄襲、多原創(chuàng)。

內(nèi)容：要做優(yōu)質(zhì)內(nèi)容，創(chuàng)建具有分享價(jià)值的內(nèi)容，再由“社交達(dá)人”進(jìn)行分享。

傳播：要集中傳播，HTML5上線的前5天是黃金傳播期。

【課后思考】

作為廣告主，你怎么想？

社交網(wǎng)絡(luò)尤其是微信上的熱鬧人氣，以及幾個(gè)成功的HTML5傳播案例，都使廣告主興趣大增，但說到底，拋去HTML5的技術(shù)制作層面，廣告主最關(guān)心的還是后臺(tái)傳播數(shù)據(jù)的問題，但再深推一層，后臺(tái)傳播數(shù)據(jù)又取決于內(nèi)容的創(chuàng)意和推廣的機(jī)制，否則再炫酷的頁面也無用武之地。好創(chuàng)意，可遇不可求，既要好玩又要品牌產(chǎn)品寓于其中，而不露聲色，至少不引起反感；好傳播，無外乎KOL朋友圈分享和微信公眾號(hào)推廣兩種常規(guī)思路，此外再無通用的傳播秘籍。所以，在嘗試HTML5前再好好想想，你的品牌適合做HTML5嗎？你有好的創(chuàng)意么？你又想好如何傳播了嗎？

本文部分內(nèi)容參考、引用自《品牌H 5營(yíng)銷完全實(shí)戰(zhàn)指南》（作者Social Talent@Whales）、《HTML5火燒移動(dòng)營(yíng)銷已成微信朋友圈潮嘆》（原載艾瑞專欄，作者趙勇）、《微信圈養(yǎng)下，國(guó)內(nèi)的H T M L 5生態(tài)可能成為下一個(gè)Zynga》（原載36氪，作者劉鑫）、《揭秘微信HTML5營(yíng)銷：互動(dòng)游戲受熱捧制作成本最高30萬元》（原載TechWeb.com.cn，作者肖芳）、《H T M L 5營(yíng)銷背后的4大原則、7個(gè)案例和12張圖》（原載網(wǎng)易科技，作者互聯(lián)網(wǎng)八先生）、《依托微信的“H 5”，解不了S o c i a lMarketing的垓下之圍》（原載虎嗅網(wǎng)，作者默爾索）等文章。

段時(shí)間小編發(fā)現(xiàn)，HTML5似乎滿足了廣告主對(duì)移動(dòng)營(yíng)銷的大部分需求，從形式到功用、到傳播，有人觀望，更有人已搶了鮮，在2014年HTML5營(yíng)銷案例也層出不窮。大到可口可樂、維多利亞的秘密這種敢于嘗鮮的大牌，小到知乎推出的一本新書，各種品牌和產(chǎn)品都在嘗試?yán)肏TML5進(jìn)行營(yíng)銷。那么H5到底可以怎么玩?讓我們一起來看看吧。

主題派

主題傳播永遠(yuǎn)是品牌的重要傳播訴求，但無論是新聞稿還是軟文拿到社交媒體上來，與其他形式紛繁的訊息進(jìn)行PK，總是感覺弱弱的，這個(gè)時(shí)候HTML5就可以華麗麗出場(chǎng)了。在原有專題的基礎(chǔ)上，加之互動(dòng)以及其他適配小屏幕的素材，一個(gè)聲情并茂的HTML5主題就可以制作完成。可以預(yù)期的是，將有越來越多的媒體和企業(yè)會(huì)采用此種形式推介某個(gè)主題或是亮點(diǎn)。可口可樂已先行使用HTML5形式傳播品牌主題：如用一條紅線重現(xiàn)一個(gè)品牌經(jīng)歷的歲月，在簡(jiǎn)潔的線條世界里，可口可樂描繪了一段歷史，整個(gè)時(shí)間軸隨著用戶向上滑動(dòng)頁面“繪制”而成。“我們?cè)诤酢薄煽诳蓸分袊?guó)可持續(xù)發(fā)展報(bào)告，一份枯燥的報(bào)告也可以變身輕盈，適應(yīng)移動(dòng)端觀看及分享的需求，以更活潑的形式在朋友圈被熱轉(zhuǎn)。

案例鏈接：騰訊大會(huì)邀請(qǐng)函

2014年11月8日，騰訊就在世人面前高調(diào)地玩了一把科技感。在WE大會(huì)現(xiàn)場(chǎng)中，不但有唯美的星空畫風(fēng)和首頁由遠(yuǎn)及近的宇宙效果，還增加了指紋識(shí)別的科技互動(dòng)元素。最重要的是游戲規(guī)則：將應(yīng)用邀請(qǐng)發(fā)給好友，300秒之內(nèi)，雙方在各自手機(jī)上同時(shí)按下指紋，驗(yàn)明正身后獲得邀請(qǐng)碼。這種手機(jī)端接連現(xiàn)場(chǎng)的技術(shù)十分搶眼，可以讓與會(huì)者享受到被重視的禮遇，還有瞬間通電的感覺。這款邀請(qǐng)函不只是實(shí)現(xiàn)了人機(jī)互動(dòng)，更是實(shí)現(xiàn)了雙屏互動(dòng)，運(yùn)用了一次社群思維。

游戲派

愛玩是人類的天性，好游戲吸引用戶參與沒有問題，但當(dāng)游戲遇上營(yíng)銷，就難免生死未卜了，弄不好就破壞了游戲體驗(yàn)，引火上身。像《圍住神經(jīng)貓》只是因?yàn)榻尤肓藦V告文字鏈，就結(jié)束了一款游戲絢爛而又短暫的生命，于朋友圈銷聲匿跡。

所以想要利用游戲進(jìn)行營(yíng)銷一定要做到謹(jǐn)慎、巧妙。目前HTML5游戲營(yíng)銷主要是兩種形式，一種是品牌推出游戲，游戲依附于品牌，一般為知名品牌;另一種為游戲先行，產(chǎn)品藏匿于游戲之中，這種則是一些新產(chǎn)品或是新品牌。像杜蕾斯、維多利亞的秘密就屬于前者，推出符合品牌特點(diǎn)的一些小游戲，將品牌與游戲進(jìn)行深度融合，如將經(jīng)典游戲中的元素?fù)Q為品牌標(biāo)識(shí)或是產(chǎn)品，使用戶在玩游戲的過程中加深對(duì)品牌的認(rèn)知。而《財(cái)務(wù)包子鋪》則是后者的典型代表，成為HTML5小游戲中的一匹黑馬。

案例鏈接：《財(cái)務(wù)包子鋪》背后的那本書

測(cè)試一下自己的創(chuàng)業(yè)成功指數(shù)?在這個(gè)人人吵著要?jiǎng)?chuàng)業(yè)的年代，大多數(shù)人都會(huì)對(duì)這個(gè)測(cè)試躍躍欲試吧，心里想著：我的創(chuàng)業(yè)天賦可不能就此埋沒。于是由知乎制作的小游戲《財(cái)務(wù)包子鋪》在微信朋友圈里迅速流傳，玩家以創(chuàng)業(yè)老板的身份，對(duì)自己的包子鋪的日常經(jīng)營(yíng)做出決策。聽上去沒什么特別，但游戲中專門設(shè)置了機(jī)制，比如用戶如果決策失誤，就會(huì)收到破產(chǎn)警告，需要選擇一本救命書——就是知乎要借此推廣的《金錢有術(shù)》。續(xù)命之后可以繼續(xù)游戲，讓玩家對(duì)新書留下初步印象，又不會(huì)中斷游戲。游戲上線三天后，《金錢有術(shù)》這本書成為亞馬遜圖書銷售總榜冠軍，同時(shí)還是預(yù)售冠軍、新書冠軍、經(jīng)濟(jì)類冠軍，僅在游戲里點(diǎn)擊“購買秘籍”這一選項(xiàng)的獨(dú)立用戶數(shù)就有55萬。怎么樣，設(shè)計(jì)得如此天衣無縫，就算有人知道是“軟游戲”了，但還是愿意為這本書買單。

活動(dòng)派

有粉絲的地方就有活動(dòng)，社交媒體風(fēng)行后，品牌活動(dòng)大規(guī)模轉(zhuǎn)移到微博、微信上來，真實(shí)的社交關(guān)系鏈，對(duì)于有獎(jiǎng)活動(dòng)來說是最好的人氣資源。相對(duì)于微博上的關(guān)注和轉(zhuǎn)發(fā)有禮，以及微信朋友圈轉(zhuǎn)發(fā)集贊等，使用HTML5開發(fā)出的有獎(jiǎng)互動(dòng)活動(dòng)形式會(huì)更新穎和多變，同時(shí)也可以發(fā)揮HTML5的多項(xiàng)營(yíng)銷優(yōu)勢(shì)，如互動(dòng)性強(qiáng)，在活動(dòng)中開發(fā)出各種與用戶的互動(dòng)形式;功用性好，獎(jiǎng)品對(duì)于用戶來說就是最實(shí)際的刺激和誘惑;傳播性廣，獨(dú)樂樂不如眾樂樂，發(fā)現(xiàn)了既好玩又有獎(jiǎng)品拿的好事，當(dāng)然要好朋友一起分享。

案例鏈接：索尼七夕送“小青心”

在2014年七夕期間，索尼就用HTML5開發(fā)了活動(dòng)頁面，強(qiáng)力推出一款新品——清新范兒十足的小青心索尼C3手機(jī)。在活動(dòng)期間，只要關(guān)注索尼Xperia官方微信進(jìn)入游戲，將在頁面“邂逅”專屬幸運(yùn)四葉草，分享活動(dòng)到微信朋友圈，邀請(qǐng)4位好友幫助拆開禮盒，點(diǎn)亮小青心幸運(yùn)四葉草，即可獲得抽獎(jiǎng)資格，索尼為此一共準(zhǔn)備了77臺(tái)小青心索尼C3智能手機(jī)。七夕是年輕人的節(jié)日，整個(gè)活動(dòng)將小青心標(biāo)簽與七夕相結(jié)合，踩準(zhǔn)節(jié)日營(yíng)銷的時(shí)間點(diǎn)，同時(shí)環(huán)節(jié)中設(shè)置需要4位好友幫助，也使社交傳播鏈得到了幾何式鋪開。

功能派

在前文中已經(jīng)提到，想用戶之所想才能夠有效“黏住”用戶，使得HTML5營(yíng)銷得到轉(zhuǎn)化，不論什么時(shí)候，只要實(shí)用，總會(huì)有人點(diǎn)擊、有人轉(zhuǎn)發(fā)，這也是HTML5營(yíng)銷最需要的推動(dòng)力。在功能性HTML5開發(fā)方面，百度可謂屢試不爽，如先后推出iBreath智呼吸、手機(jī)告全體主人書、北京地鐵計(jì)算器等產(chǎn)品，這幾款產(chǎn)品無一不是戳中了用戶的“痛點(diǎn)”：健康、手機(jī)使用、地鐵漲價(jià)，這都是實(shí)實(shí)在在的需求點(diǎn)。以手機(jī)告全體主人書為例，你是否已經(jīng)看夠了那些枯燥的文字?jǐn)⑹觯矃挓┝撕翢o新意的小互動(dòng)，這組頁面幾乎每頁都根據(jù)要表現(xiàn)的內(nèi)容增加了趣味十足的動(dòng)畫效果，將說明書變成了“動(dòng)畫片”。

案例鏈接：百度iBreath智呼吸

這款HTML5的slogan為：人呼出的氣體和指紋一樣獨(dú)一無二。此語一出，就讓人對(duì)自己的呼吸充滿了好奇，具體操作也很簡(jiǎn)單：手機(jī)水平放好，然后深呼吸，對(duì)著手機(jī)下方吹氣。幾秒鐘之后，通過大數(shù)據(jù)分析，你的健康值就會(huì)被測(cè)算出來，會(huì)列出用戶的呼吸氣體成分詳細(xì)數(shù)據(jù)，還會(huì)分析出用戶的健康情況，如肺部感染癥狀以及相應(yīng)的健康改善建議等等。

更多精彩內(nèi)容，請(qǐng)關(guān)注互聯(lián)網(wǎng)分析沙龍微信：techxue 每天為您推送最新、最熱干貨！

互聯(lián)網(wǎng)分析沙龍——互聯(lián)網(wǎng)人的實(shí)戰(zhàn)分享平臺(tái)，一個(gè)為您提供專業(yè)的商業(yè)模式、產(chǎn)品、數(shù)據(jù)、用戶、電子商務(wù)、社會(huì)化媒體、移動(dòng)互聯(lián)網(wǎng)等深度分析的信息網(wǎng)站！請(qǐng)?jiān)谖⑿殴娰~號(hào)中搜索「techxue」，或用手機(jī)掃描左方二維碼，即可獲得互聯(lián)網(wǎng)分析沙龍每日精華內(nèi)容推送和最優(yōu)搜索體驗(yàn)，并參與編輯活動(dòng)。