新媒體營(yíng)銷應(yīng)用實(shí)戰(zhàn) 課件 第7章 H5營(yíng)銷

新媒體營(yíng)銷應(yīng)用實(shí)戰(zhàn)（微課版）第7章

H5營(yíng)銷互聯(lián)網(wǎng)技術(shù)的快速發(fā)展帶動(dòng)了H5技術(shù)的廣泛應(yīng)用。H5營(yíng)銷是目前比較火爆的一種新媒體營(yíng)銷方式，本質(zhì)上就是將營(yíng)銷活動(dòng)的內(nèi)容制作成H5頁(yè)面并發(fā)布。由于H5頁(yè)面具有強(qiáng)大的展示效果以及互動(dòng)功能，因此H5營(yíng)銷深受廣大企業(yè)的喜愛(ài)。情境導(dǎo)入SCENARIO7.1H5營(yíng)銷的基礎(chǔ)知識(shí)7.2H5營(yíng)銷的內(nèi)容制作技能實(shí)訓(xùn)——在線設(shè)計(jì)H5促銷海報(bào)7.3H5營(yíng)銷的推廣7.1H5營(yíng)銷的基礎(chǔ)知識(shí)4H5頁(yè)面不僅可以實(shí)現(xiàn)傳統(tǒng)網(wǎng)頁(yè)廣告的展示效果，還可以憑借互動(dòng)性、社交性強(qiáng)等優(yōu)勢(shì)，吸引用戶的注意力，提升營(yíng)銷效果。7.1.1H5營(yíng)銷的概念5H5是HTML5的簡(jiǎn)稱，是一種用于制作網(wǎng)頁(yè)的標(biāo)準(zhǔn)計(jì)算機(jī)語(yǔ)言。H5營(yíng)銷是指利用H5技術(shù)，在網(wǎng)頁(yè)上融入文字特效、音頻、視頻、圖表等各種媒體表現(xiàn)方式，突出品牌核心觀點(diǎn)，展示商品、活動(dòng)信息的營(yíng)銷方式。H5營(yíng)銷可以使網(wǎng)頁(yè)更加適合閱讀、展示、互動(dòng)，方便用戶體驗(yàn)及用戶與用戶之間的分享。圖7-1所示為H5抽獎(jiǎng)營(yíng)銷。7.1.2H5的類型6根據(jù)營(yíng)銷功能，H5主要分為展示類H5、活動(dòng)類H5、游戲類H5、技術(shù)類H5、場(chǎng)景類H5。1．展示類H52．活動(dòng)類H53．游戲類H54．技術(shù)類H55．場(chǎng)景類H57.1.3H5營(yíng)銷成功傳播的基礎(chǔ)7如今在移動(dòng)端聚集著大量的用戶，因而移動(dòng)端成了很多企業(yè)的營(yíng)銷陣地。通過(guò)制作H5頁(yè)面進(jìn)行宣傳，增加品牌知名度是一種常見(jiàn)的新媒體營(yíng)銷模式。H5營(yíng)銷要成功傳播，需要建立在以下幾個(gè)基礎(chǔ)上。1．清晰的目標(biāo)和用戶定位2．優(yōu)質(zhì)的內(nèi)容3．有效的推廣渠道4．用戶的互動(dòng)和參與5．強(qiáng)調(diào)品牌形象和價(jià)值觀7.1H5營(yíng)銷的基礎(chǔ)知識(shí)7.2H5營(yíng)銷的內(nèi)容制作技能實(shí)訓(xùn)——在線設(shè)計(jì)H5促銷海報(bào)7.3H5營(yíng)銷的推廣7.2H5營(yíng)銷的內(nèi)容制作9H5營(yíng)銷的效果受到H5內(nèi)容質(zhì)量的影響，因此在進(jìn)行H5營(yíng)銷前，營(yíng)銷人員必須掌握H5內(nèi)容制作的相關(guān)知識(shí)。營(yíng)銷人員應(yīng)設(shè)計(jì)和制作出符合品牌形象和營(yíng)銷目標(biāo)的H5內(nèi)容。107.2.1H5內(nèi)容制作工具H5內(nèi)容制作工具能夠幫助營(yíng)銷人員快速、簡(jiǎn)單地制作出高質(zhì)量、有趣的H5內(nèi)容。H5內(nèi)容制作工具有很多，下面介紹幾個(gè)比較流行和常用的工具。1．凡科互動(dòng)凡科互動(dòng)提供專業(yè)的游戲活動(dòng)營(yíng)銷產(chǎn)品，能夠幫助中小企業(yè)快速創(chuàng)建符合自身特點(diǎn)的互動(dòng)營(yíng)銷小游戲。117.2.1H5內(nèi)容制作工具2．易企秀易企秀適用于企業(yè)宣傳、商品介紹、活動(dòng)促銷、預(yù)約報(bào)名、會(huì)議組織、收集反饋、微信增粉、網(wǎng)站引流等營(yíng)銷活動(dòng)。127.2.1H5內(nèi)容制作工具3．iH5iH5定位于取代HTML5網(wǎng)頁(yè)編程的可視化工具，是H5頁(yè)面制作工具里比較標(biāo)新立異的產(chǎn)品。137.2.1H5內(nèi)容制作工具4．MAKAMAKA是在線創(chuàng)作H5工具，能夠?yàn)橛脩籼峁M足企業(yè)形象宣傳、活動(dòng)邀請(qǐng)、商品展示、數(shù)據(jù)可視化展示、活動(dòng)報(bào)名等不同場(chǎng)景需求的服務(wù)。在使用MAKA時(shí)，用戶需先選擇行業(yè)，再選擇具體職業(yè)進(jìn)行H5內(nèi)容制作。圖7-10所示為MAKA模板頁(yè)面。147.2.1H5內(nèi)容制作工具5．創(chuàng)客貼創(chuàng)客貼是一款簡(jiǎn)單好用的平面設(shè)計(jì)工具、在線圖片編輯器，提供免費(fèi)模板，如商品主圖、商品詳情頁(yè)、電商海報(bào)、公眾號(hào)封面等模板。圖7-11所示為創(chuàng)客貼網(wǎng)站。157.2.2選擇H5模板通過(guò)H5內(nèi)容制作工具制作H5內(nèi)容的第一步，就是選擇H5模板，營(yíng)銷人員可根據(jù)所在行業(yè)、營(yíng)銷目的、營(yíng)銷活動(dòng)類型以及H5風(fēng)格等選擇不同的模板。167.2.3模板素材的替換與活動(dòng)配置選好合適的模板后，營(yíng)銷人員可以對(duì)模板中的文字和圖片內(nèi)容按照自己的需求進(jìn)行修改。具體操作步驟如下。（1）進(jìn)入模板編輯頁(yè)面，在左側(cè)模塊中可以選擇模板、文字、圖片、素材、背景等，中間模塊是模板的編輯區(qū)，在右側(cè)模塊中可以設(shè)置文字、效果等詳細(xì)參數(shù)，如圖7-16所示。177.2.3模板素材的替換與活動(dòng)配置（2）修改模板中已有的文字。雙擊文字后修改文字，之后可以在右側(cè)模塊中設(shè)置文字的字體、字號(hào)、顏色、效果、粗細(xì)、正斜體、下畫(huà)線、行距、旋轉(zhuǎn)、對(duì)齊以及位置等，如圖7-17所示。187.2.3模板素材的替換與活動(dòng)配置（3）如果要新建預(yù)設(shè)樣式文本，在左側(cè)模塊中單擊“文字”按鈕，單擊對(duì)應(yīng)的樣式可將其添加至編輯區(qū)，雙擊文本框可編輯文字內(nèi)容，如圖7-18所示。還可以直接拖動(dòng)文本框改變文本框的位置。197.2.3模板素材的替換與活動(dòng)配置（4）若想替換模板中的圖片，可先單擊模板中想要換掉的圖片，然后單擊右側(cè)模塊中的“替換圖片”按鈕，如圖7-19所示，在彈出的圖片列表里選擇新圖片即可。207.2.3模板素材的替換與活動(dòng)配置（5）也可以單擊“上傳素材”按鈕，如圖7-20所示。（6）在彈出的對(duì)話框中找到并選中想添加的圖片，單擊“打開(kāi)”按鈕，如圖7-21所示，即可添加圖片至素材庫(kù)。（7）替換圖片后的效果如圖7-22所示，還可以根據(jù)需要調(diào)整圖片的大小。在制作完成后，就可以發(fā)布H5內(nèi)容了。7.1H5營(yíng)銷的基礎(chǔ)知識(shí)7.2H5營(yíng)銷的內(nèi)容制作技能實(shí)訓(xùn)——在線設(shè)計(jì)H5促銷海報(bào)7.3H5營(yíng)銷的推廣7.3H5營(yíng)銷的推廣22H5內(nèi)容制作完成后，還需要做好H5營(yíng)銷的推廣工作，下面從H5營(yíng)銷推廣的內(nèi)容策劃關(guān)鍵點(diǎn)和H5營(yíng)銷的推廣策略兩個(gè)方面進(jìn)行介紹。237.3.1H5營(yíng)銷推廣的內(nèi)容策劃關(guān)鍵點(diǎn)H5營(yíng)銷的內(nèi)容直接影響著用戶對(duì)商品或品牌的印象，因此營(yíng)銷人員需要注意H5營(yíng)銷推廣的內(nèi)容策劃關(guān)鍵點(diǎn)，從而讓用戶第一眼就能被吸引，獲得更多點(diǎn)擊量、瀏覽量及分享量。營(yíng)銷人員可通過(guò)交互設(shè)計(jì)對(duì)兩個(gè)或多個(gè)互動(dòng)的個(gè)體之間交流的內(nèi)容和結(jié)構(gòu)進(jìn)行定義，從“可用性”和“用戶體驗(yàn)”兩個(gè)層面進(jìn)行分析，關(guān)注用戶的基本需求。標(biāo)題是對(duì)營(yíng)銷內(nèi)容的概括，能夠第一時(shí)間引起用戶注意，是決定用戶是否查看H5內(nèi)容的關(guān)鍵因素。H5內(nèi)容的視覺(jué)效果設(shè)計(jì)包括頁(yè)面中文字、圖片、按鈕等的排版設(shè)計(jì)，以及頁(yè)面整體顏色設(shè)計(jì)。標(biāo)題設(shè)計(jì)視覺(jué)效果設(shè)計(jì)交互設(shè)計(jì)247.3.2H5營(yíng)銷的推廣策略在進(jìn)行H5營(yíng)銷時(shí)，企業(yè)可以采用以下幾個(gè)推廣策略，以提升營(yíng)銷效果。企業(yè)在進(jìn)行H5營(yíng)銷時(shí)，可以通過(guò)數(shù)據(jù)追蹤和分析工具來(lái)對(duì)用戶的行為和反饋進(jìn)行精準(zhǔn)的分析。故事是吸引用戶注意力和傳達(dá)信息的有力工具。企業(yè)在進(jìn)行H5營(yíng)銷時(shí)，可以通過(guò)講故事的方式來(lái)引起用戶的情感共鳴。在設(shè)計(jì)H5頁(yè)面時(shí)，可以充分發(fā)揮想象力和創(chuàng)意，設(shè)計(jì)與品牌和商品相關(guān)的有吸引力的內(nèi)容和互動(dòng)形式。社交媒體是H5營(yíng)銷的重要推廣渠道之一。因此，在進(jìn)行H5營(yíng)銷時(shí)，可以通過(guò)社交媒體平臺(tái)進(jìn)行推廣。在進(jìn)行H5營(yíng)銷時(shí)，要想獲得更好的推廣效果，H5頁(yè)面的風(fēng)格必須統(tǒng)一。話題效應(yīng)是指某個(gè)話題所產(chǎn)生的影響。在進(jìn)行H5營(yíng)銷時(shí)，企業(yè)可借助話題效應(yīng)，提高H5頁(yè)面的曝光度，增強(qiáng)推廣效果。創(chuàng)意策略社交策略數(shù)據(jù)策略故事策略統(tǒng)一風(fēng)格策略話題效應(yīng)7.1H5營(yíng)銷的基礎(chǔ)知識(shí)7.2H5營(yíng)銷的內(nèi)容制作技能實(shí)訓(xùn)——在線設(shè)計(jì)H5促銷海報(bào)7.3H5營(yíng)銷的推廣技能實(shí)訓(xùn)——在線設(shè)計(jì)H5促銷海報(bào)26下面以創(chuàng)客貼為例，介紹如何在線設(shè)計(jì)H5促銷海報(bào)，具體步驟如下。（1）進(jìn)入創(chuàng)客貼官方網(wǎng)站，選擇“模板中心”，在“分類”中選擇“電商”，在“場(chǎng)景”中選擇“電商橫版海報(bào)”，如圖7-26所示。技能實(shí)訓(xùn)——在線設(shè)計(jì)H5促銷海報(bào)27（2）選擇一個(gè)合適的模板，進(jìn)入編輯頁(yè)面，單擊“上傳”按鈕，如圖7-27所示。技能實(shí)訓(xùn)——在線設(shè)計(jì)H5促銷海報(bào)28（3）在“我的上傳”選項(xiàng)卡中單擊“上傳素材”按鈕，如圖7-28所示。（4）選擇要添加的圖片，上傳圖片，如圖7-29所示。技能實(shí)訓(xùn)——在線設(shè)計(jì)H5促銷海報(bào)29（5）把編輯區(qū)中的商品圖刪除，然后將上傳的商品圖拖動(dòng)到相應(yīng)位置，如圖7-30所示。技能實(shí)訓(xùn)——在線設(shè)計(jì)H5促銷海報(bào)30（6）修改商品價(jià)格，并設(shè)置文字的字號(hào)、字體、顏色、樣式等，商品促銷文字可以根據(jù)需要修改，如圖7-31所示。31一、填空題1．H5是_____________的簡(jiǎn)稱，是一種用于制作網(wǎng)頁(yè)的標(biāo)準(zhǔn)計(jì)算機(jī)語(yǔ)言。2．根據(jù)營(yíng)銷功能，H5營(yíng)銷主要分為_(kāi)____________、_____________、_____________、_____________、_____________。3．在進(jìn)行H5營(yíng)銷前，需要明確_____________和_______