H5頁面與應用實例

序
隨着互聯網的深刻發展，移動營銷已逐漸成爲主題，相比電視、雜誌、戶外廣告等傳統媒體呈逐年降低的趨勢，品牌營銷在數字和移動方面的投入在逐年上升。並且，在全部渠道預算中移動技術的投入增加最快，遠遠高於其餘渠道的增加，可見移動營銷已經是大勢所趨。當前web時代，H5頁面經過微信和朋友圈快速傳播，以無需下載、即點即用的屬性迅速上位，一躍變成煊赫一時的小鮮肉。

H5頁面
什麼是H5頁面？

H5，是HTML5的簡稱，它就是一種高級網頁技術。

相比H4，H5有更多的交互和功能，最大的優勢之一是在移動設備上支持多媒體。

H5頁面主要的做用

一、品牌傳播：形式通常爲品牌發佈、總結報告、公益傳遞、人事招聘；

二、活動推廣：形式通常爲賀卡邀請、遊戲互動、答題有獎；

三、產品展現：形式通常爲故事講述、性能展現。

H5頁面類型

品牌傳播型H5——等同於一個品牌的微官網，更傾向於品牌形象塑造，向用戶傳達品牌的精神態度。在內容上倡導一種態度、一個主旨，在設計上則須要運用符合品牌氣質的視覺語言，讓用戶對品牌留下深入印象。

活動推廣型H5——活動運營頁須要有更強的互動、更高質量、更具話題性的設計來促成用戶分享傳播，行成爆炸式的傳播效應。活動推廣之賀卡邀請型、活動推廣之遊戲互動型、活動推廣之答題有禮型等。

產品展現型H5——聚焦於產品功能介紹，運用H5的互動技術優點盡情展現產品特性，吸引用戶購買。

H5設計要點

一、緊跟熱點，利用話題效應

想要你的H5專題頁一晚上爆紅，第一時間抓住熱點併火速上線，藉機進行品牌宣傳也不失爲一條捷徑。

二、講個好故事，引起情感共鳴

不論H5的形式如何多變，有價值的內容始終是第一位的。在有限的篇幅裏，學會講故事，引起用戶的情感共鳴，將對內容的傳播造成極大的推進。

三、細節與統一

要成就高品質的用戶體驗，必須考慮到細節與總體的統一性。復古擬物的視覺風格，那字體就不能過於現代；幽默調侃的調調，那文案措辭就不能過於嚴肅；打情感內容牌的，動效就不能過於花哨。

四、合理運用技術，打造流暢的互動體驗

隨着技術的發展，現在的HTML5擁有衆多出彩的特性，讓咱們能輕鬆實現繪圖、擦除、搖一搖、重力感應、擦除、3D視圖等互動效果。

H5應用實例
今天咱們要經過H5在shareinstall上的應用，瞭解一下H5的主要做用。咱們都知道，shareinstall是一個APP推廣工具。它主要有三個產品特點：智能傳遞參數、快速分享安裝、多維數據統計。其中，在智能傳遞參數上，主要依賴於H5的性能。

shareinstall智能傳遞參數原理以下：

經過H5頁面傳遞，產生的用戶的安裝，下載，打開、拉起應用等行爲都可智能傳遞自定義參數，經過shareinstall後臺大數據算法的精準識別，匹配來源邀請行爲，綁定邀請、好友關係。亦可根據參數直達應用指定場景，聊天室、遊戲室。

優點：智能傳遞參數，支持了shareinstall推出的用戶社交分享統計、地推精準統計、自動創建好友關係等六項功能的開發。不只促進了用戶之間社區關係的創建，提升了用戶的活躍度，還能在遊戲APP中，簡化了遊戲組隊的操做步驟，提升了用戶的遊戲體驗。更核心的是，精度更高的渠道統計，能讓決策者更準確的瞭解不一樣渠道的推廣效果，爲決策者決定不一樣渠道的推廣力度提供依據，能更準確的把握推廣人員的推廣數據。