第一篇：基于用戶差異的Feed廣告?zhèn)鞑ツＪ?——以微信朋友圈廣告為例

3140103591

傳播學(xué)概論期中論文

課程教師：邵培仁、李東曉

學(xué)生：廣告學(xué)1401 邱凌峰

基于用戶差異的Feed廣告?zhèn)鞑ツＪ?/p>

——以微信朋友圈廣告為例

摘要：在受眾個(gè)性化愈發(fā)明顯，媒介競(jìng)爭(zhēng)越發(fā)激烈的新媒體時(shí)代，簡(jiǎn)單的點(diǎn)對(duì)面的廣告?zhèn)鞑ツＪ揭呀?jīng)不再適用。2015年春節(jié)前夕，微信朋友圈成了新的廣告投放平臺(tái)，與傳統(tǒng)的微信公眾號(hào)里的廣告不同，微信朋友圈的廣告投放是根據(jù)廣告主的要求進(jìn)行選擇性投放，不同用戶看到的廣告不同，是一種廣泛意義上的精準(zhǔn)廣告。本文從傳播學(xué)的角度，分析這種基于用戶差異的廣告?zhèn)鞑ツＪ降奶攸c(diǎn)和存在的問(wèn)題以及問(wèn)題的解決方案。關(guān)鍵詞：微信朋友圈廣告受眾

一、事件回顧

關(guān)于廣告將亮相朋友圈的傳言在2015年1月初就開(kāi)始盛傳，對(duì)此騰訊方面始終沒(méi)有出面否認(rèn)，而微信的用戶也未對(duì)此消息表現(xiàn)出明顯的抵觸。2015年1月21日晚，所有微信用戶的微信朋友圈里都出現(xiàn)了一位名叫“微信團(tuán)體”的好友，他發(fā)了一條如下圖所示的朋友圈?！八鼰o(wú)孔不入，它無(wú)處可藏……”，它是什么？點(diǎn)擊微信團(tuán)隊(duì)給出的鏈接，得出的答案是“廣告，也可以生活的一部分。我們?cè)噲D，做些改變”。

微信團(tuán)隊(duì)以這樣一種煽情的形式預(yù)告著，微信方面放棄了原本“高冷”的形象，開(kāi)始以廣告這樣的方式獲得盈利。

1月25日，廣告正式在朋友圈登場(chǎng)，首先登場(chǎng)的是寶馬中國(guó)、vivo手機(jī)和可口可樂(lè)的廣告。微信朋友圈的廣告和以往的廣告模式有所不同，有的用戶收到的是vivo手機(jī)的廣告，有的是可口可樂(lè)的廣告，而有的用戶則收到了寶馬中國(guó)的廣告。3月初，用戶的朋友圈又被周迅夫婦英菲尼迪的廣告刷屏了——和上一次一樣，并不是所有用戶都刷到了這條推廣微信。8月20日，當(dāng)情侶們忙著秀恩愛(ài)，單身狗忙著吐槽時(shí)，微信朋友圈廣告正式在微信官方網(wǎng)站中上線，并公布了合作流程。廣告主只要在微信朋友圈廣告平臺(tái)中自主申請(qǐng)，通過(guò)審核后就可以在朋友圈中推送廣告了。到目前為止，聯(lián)合利華、凱迪拉克等世界500強(qiáng)公司都在微信朋友圈中推送了廣告。

二、基于用戶差異的朋友圈廣告?zhèn)鞑ツＪ?/p>

微信朋友圈的廣告不同于以往公眾號(hào)推送的文章底部那些簡(jiǎn)單粗暴的廣告植入，而是通過(guò)對(duì)受眾行為進(jìn)行信息采集、加以個(gè)性化分析，將目標(biāo)受眾分類，當(dāng)產(chǎn)品或服務(wù)需要投放廣告時(shí)，按照目標(biāo)受眾的分析結(jié)果，將與受眾需求特征相匹配的廣告信息投放給受眾，并按照實(shí)際效果付費(fèi)。因此才會(huì)出現(xiàn)“你刷著英菲尼迪的廣告，我的朋友圈里卻是福特翼虎”的現(xiàn)象。這種廣告?zhèn)鞑ツＪ绞且环NFeed流廣告，F(xiàn)eed流廣告是穿插于發(fā)布的消息中的一種廣告，它主要有兩個(gè)特點(diǎn)，一個(gè)是融合在社交網(wǎng)站的信息中，而不是以懸浮窗等形式出現(xiàn)，對(duì)用戶體驗(yàn)造成的負(fù)面影響較少；另一個(gè)特點(diǎn)是廣告是根據(jù)性別、年齡、愛(ài)好、地理位置等一些用戶標(biāo)簽進(jìn)行精準(zhǔn)匹配，以減少?gòu)V告費(fèi)用的浪費(fèi)。最早進(jìn)行Feed廣告投放的是Twitter，現(xiàn)在在Facebook等國(guó)外社交網(wǎng)站上，F(xiàn)eed廣告收入已成為網(wǎng)站的重要收入來(lái)源。Feed廣告將程序化購(gòu)買與互動(dòng)程度高的社交平臺(tái)結(jié)合在一起，具有投用戶所好、可分享、可評(píng)論等特點(diǎn)，這些特點(diǎn)決定其以一種十分自然的方式融入到用戶好友狀態(tài)中，有很高的觸達(dá)率。信息流廣告的計(jì)算是一個(gè)動(dòng)態(tài)過(guò)程，不僅要考慮向用戶發(fā)送什么廣告，還要決定在什么時(shí)候發(fā)送廣告1。

三、微信朋友圈Feed廣告?zhèn)鞑ツＪ降奶攸c(diǎn)

依托手機(jī)移動(dòng)端和互聯(lián)網(wǎng)的新媒體的興起改變了以報(bào)紙、電視等大眾媒體為主要傳播媒介的傳統(tǒng)廣告?zhèn)鞑ツＪ?。新媒體環(huán)境下的廣告?zhèn)鞑ツＪ皆趥鞑サ幕?dòng)性、受眾的地位和傳播效果等方面都發(fā)生了變化。1.傳播的互動(dòng)性增強(qiáng)

新媒體時(shí)代的廣告?zhèn)鞑ツＪ绞且环N同步的互動(dòng)傳播。在企業(yè)推送的微信朋友圈廣告中，用戶不僅可以點(diǎn)贊、評(píng)論，還可以看到自己的好友在該條推送下的評(píng)論。傳統(tǒng)的大眾傳播媒介上的廣告只是廣告主對(duì)用戶的單向傳播，廣告主在投放廣告后只能在經(jīng)過(guò)一段時(shí)間的市場(chǎng)測(cè)算之后才能了解廣告的效果。而且傳統(tǒng)的大眾媒介廣告需要經(jīng)過(guò)報(bào)紙、電視、廣播等媒介的把關(guān)才能向大眾傳遞信息，難以直接地、點(diǎn)對(duì)點(diǎn)地面對(duì)消費(fèi)者。因此大眾傳播中的反饋有間接性、集中性、延遲性的特點(diǎn)。而Feed廣告模式是雙向的、即時(shí)的，這有利于廣告主及時(shí)了解用戶對(duì)產(chǎn)品和廣告的評(píng)價(jià)，還可以讓用戶之間間相互交流，增強(qiáng)了傳播的互動(dòng)性。2.受眾的地位改變

在新媒體時(shí)代的廣告?zhèn)鞑ブ?，受眾的地位有了顯著的改變，這種改變表現(xiàn)在受眾地位的提高以及傳者和受眾地位的互易。

就受眾在空間上分布、存在的態(tài)勢(shì)上看，受眾的特點(diǎn)主要表現(xiàn)為：眾多性、混雜性、分散性和隱匿性2。因此傳統(tǒng)的大眾傳播媒介在進(jìn)行廣告?zhèn)鞑サ倪^(guò)程中，受眾的人數(shù)極大、成分極為復(fù)雜，而由于技術(shù)、地域等方面的限制，受眾被視為無(wú)差異的群體。而Feed廣告模式是基于用戶差異的，用戶收到的廣告是根據(jù)性別、年齡、愛(ài)好、地理位置等一些用戶標(biāo)簽進(jìn)行匹配的。受眾由同質(zhì)化的大眾群體向異質(zhì)化的小眾個(gè)體分裂。受眾的裂變使得大眾化的受眾群體消失，受眾以個(gè)體集群方式出現(xiàn)3。受眾不再是被動(dòng)的接受者，廣告主要花更多心思在思考如何讓用戶接收到與自己需求更匹配的信息上，而不僅僅是如何擴(kuò)大受眾的數(shù)量。除了異質(zhì)化，用戶地位的提高還體現(xiàn)在受眾具有了一定的選擇權(quán)。在微信朋友圈的廣告中，每一條推送的右上角都有一個(gè)推廣的下拉菜單，用戶可以選擇屏蔽廣告拒不接受。選擇權(quán)是受眾的基本權(quán)利之一，F(xiàn)eed廣告可以選擇屏蔽的機(jī)制尊重了用戶的選擇權(quán)，而允許用戶評(píng)論則是對(duì)于用戶表達(dá)權(quán)的尊重，較為有效地提高了用戶的使用體驗(yàn)和滿意度。

除了受眾地位的提高，傳者和受眾地位的互易也是受眾地位改變的表現(xiàn)。微信朋友圈廣告給用戶帶來(lái)了新鮮感和表達(dá)欲。在今年1月25日微信朋友圈的第一波廣告推送中，部分收到寶馬廣告的用戶有截圖發(fā)朋友圈、QQ空間和微博等社交網(wǎng)站“秀”的行為。而有的廣 12謝園、周偉婷、周瑞華.智取朋友圈[J].成功營(yíng)銷，2015（2）邵培仁.傳播學(xué)[M].高等教育出版社，2007（277）3張幼斌.新媒體對(duì)廣告?zhèn)鞑ツＪ降挠绊慬J].現(xiàn)代廣告，2011（7）告因?yàn)槲陌竸?chuàng)意精妙也在社交網(wǎng)站上廣為流傳，使得更多的人看到。這實(shí)際上是一種二次傳播甚至多級(jí)傳播的行為，受眾在多次傳播之后成為新的信息源，不再僅僅是信息的接收者。而收到受眾反饋的廣告主也不再是單純的傳者，變成了新的受者。處于這種Feed廣告模式下的個(gè)體，是具有傳播者和受眾雙重身份的人。3.信息的有效到達(dá)率

截止今年9月30日的騰訊2015年第三季度業(yè)績(jī)報(bào)告，微信和WeChat合并后月活躍用戶量達(dá)到了6.5億，同比再漲39％。自從2014年底用戶活躍量突破5億以來(lái)，微信正在以每個(gè)季度新增5000萬(wàn)用戶的節(jié)奏穩(wěn)步增長(zhǎng)，也許今年底就超過(guò)7億了4。微信朋友圈的Feed廣告就是建立在微信的用戶行為數(shù)據(jù)庫(kù)的基礎(chǔ)上的。而一般的微信公眾號(hào)推文中的底部廣告的接受者只有微信公眾號(hào)的關(guān)注者，但是這些關(guān)注著并非都是廣告主的預(yù)期受眾和潛在客戶。再者，目前為止，微信公眾號(hào)的注冊(cè)數(shù)量高達(dá)1600萬(wàn)，每個(gè)公眾號(hào)的關(guān)注人數(shù)是有限的，因此廣告可以到達(dá)的實(shí)際受眾范圍也是有限的。與之相比，F(xiàn)eed廣告的投放范圍更加廣；基于海量微信用戶數(shù)據(jù)的積累和整理分類，投放更加精準(zhǔn)，這種傳播模式更有針對(duì)性和目的性。

廣告?zhèn)鞑バЧ暮饬恳恢笔抢_廣告主的問(wèn)題。傳統(tǒng)廣告效果的衡量以廣告的到達(dá)率為主，而對(duì)于到達(dá)后客戶對(duì)廣告的反饋則難以得知。Feed廣告的優(yōu)勢(shì)在于反饋互動(dòng)的即時(shí)性，廣告主可以看到用戶對(duì)于廣告的直接反應(yīng)，并借助高超的信息技術(shù)對(duì)廣告鏈接的點(diǎn)擊、點(diǎn)贊進(jìn)行量化測(cè)量。

較為精準(zhǔn)的受眾定位和較為完善的傳播效果評(píng)價(jià)方式使得廣告?zhèn)鞑サ挠行源蟠筇岣撸沟脧V告主能夠高效、準(zhǔn)確地進(jìn)行廣告投放和產(chǎn)品開(kāi)發(fā)。

四、Feed廣告現(xiàn)有傳播模式存在的問(wèn)題及解決方法

微信朋友圈的廣告在今年年初才正式進(jìn)入到公眾的視野中，F(xiàn)eed廣告的傳播模式也是近幾年才在國(guó)內(nèi)的新媒體上流行起來(lái)，因此這種較為新興的廣告?zhèn)鞑ツＪ竭€存在著一些影響其傳播效果的地方。1.優(yōu)化受眾的選擇權(quán)

受眾的選擇權(quán)是一種最基本的權(quán)利。在傳統(tǒng)的大眾傳播中，由于技術(shù)的限制，受眾不能自主選擇是否接受媒介傳遞的信息，而微信朋友圈的廣告提供了屏蔽廣告的可能性。但是，朋友圈廣告以好友發(fā)布消息的形式嵌入在朋友圈里，極具隱蔽性，受眾經(jīng)常在閱讀完了廣告之后才反應(yīng)過(guò)來(lái)。

4數(shù)據(jù)來(lái)自網(wǎng)易新聞http://digi.163.com/15/1110/19/B836SMGU00162OUT.html 從上圖我們可以看出，朋友圈的廣告右上角有一個(gè)名為“推廣”的按鈕，下拉可以選擇屏蔽廣告。但是由于這個(gè)菜單不夠顯眼，許多用戶表示并不知道這個(gè)按鈕下屏蔽功能。除此之外，還有用戶吐槽“即便可以選擇屏蔽廣告，我們也已經(jīng)看過(guò)了第一條廣告了”?？梢?jiàn)，在Feed廣告中，用戶雖然具有了一定的選擇權(quán)，但這種選擇權(quán)并沒(méi)有得到很好的利用。

微信方面應(yīng)該依據(jù)用戶數(shù)據(jù)模型，給予用戶信息篩選權(quán)，讓用戶自主選擇，這樣才能避免廣告對(duì)用戶體驗(yàn)造成的負(fù)面影響。2．提高受眾對(duì)廣告的心理接受度

一直以來(lái)，微信以高冷的形象示人，此番朋友圈廣告試水雖然沒(méi)有遭到用戶的嚴(yán)重抵制，但用戶還是產(chǎn)生了一定的抵觸情緒。一開(kāi)始受眾對(duì)于接受到寶馬、凱迪拉克等豪車廣告還津津樂(lè)道，時(shí)間長(zhǎng)了就不再有新奇感，甚至?xí)a(chǎn)生厭惡情緒。傳統(tǒng)的電視、廣播傳播是典型的單向傳播，受眾只能在有限的頻道中被動(dòng)接收信息。而Feed廣告屬于精準(zhǔn)廣告模式，所依附的媒體是以網(wǎng)絡(luò)信息為基礎(chǔ)，廣告存在交互性和自主性，受眾的個(gè)性特征也更鮮明5，因此用戶對(duì)于帶有一些強(qiáng)迫性質(zhì)的廣告心理接受度低于對(duì)于傳統(tǒng)大眾媒體中廣告的接受度。

除此之外，微信朋友圈廣告可能讓受眾有隱私權(quán)遭到侵犯的感覺(jué)。朋友圈廣告的投放是利用受眾行為數(shù)據(jù)來(lái)進(jìn)行分析的，這些數(shù)據(jù)包括用戶的地理位置、年齡性別等注冊(cè)信息，還包括用戶關(guān)注的公眾號(hào)、發(fā)布的朋友圈等給用戶打上標(biāo)簽的信息?；趶?qiáng)大數(shù)據(jù)庫(kù)的Feed廣告是建立在受眾個(gè)人信息的商業(yè)利用基礎(chǔ)上的，讓受眾認(rèn)為私人空間和生活受到侵犯。

可見(jiàn)，F(xiàn)eed廣告在提高用戶的心理接受度這一路上還有很長(zhǎng)的路要走。根據(jù)滿足需要論，受眾對(duì)于媒介產(chǎn)品的消毒是為了滿足個(gè)人化、經(jīng)驗(yàn)化的需要，因此廣告的內(nèi)容和形式應(yīng)該滿足受眾的需求，將受眾的心理和情感融入到廣告制作的過(guò)程中。Feed廣告中受眾是信息的“譯碼者”，為了使接受者的譯碼部分能夠符合傳播者想傳達(dá)的意義，廣告的形式要新穎有趣，以激發(fā)受眾的創(chuàng)造力和創(chuàng)新欲，成為理性的“譯碼者”。3.加強(qiáng)受眾匹配的精準(zhǔn)性

盡管朋友圈的廣告推送是基于用戶數(shù)據(jù)分析的，但在受眾需求的匹配上還有些差強(qiáng)人意。下圖是一些關(guān)于朋友圈廣告受眾不匹配的吐槽：

6可以看出，受眾對(duì)于廣告的需求匹配度是不太滿意的，那么，廣告主和微信方面在進(jìn)行廣告投放時(shí)，投放的維度有哪些？迅雷產(chǎn)品總監(jiān)蘭軍利用自己的公眾號(hào)進(jìn)行調(diào)查和SPSS數(shù)據(jù)分析，得出了關(guān)于1月25號(hào)的第一波朋友圈廣告投放準(zhǔn)則的猜想：三個(gè)廣告的投放，并無(wú)基于大數(shù)據(jù)的精準(zhǔn)推薦；機(jī)型是這次廣告投放的重要條件；城市或許是這次投放的標(biāo)準(zhǔn)之一。

所以，朋友圈的Feed廣告是一種對(duì)目標(biāo)受眾進(jìn)行了市場(chǎng)細(xì)分的廣告模式，但距離完全 56鄧瑛.精準(zhǔn)廣告的傳播模式與策略研究[D].湖南大學(xué)碩士論文，2008（29）圖片來(lái)自網(wǎng)絡(luò)http://news.mydrivers.com/1/400/400237.htm 意義上的精準(zhǔn)廣告還有差距。為了提高信息匹配的精準(zhǔn)度，微信方面應(yīng)該強(qiáng)化數(shù)據(jù)庫(kù)管理，建立信息比較完善的消費(fèi)者數(shù)據(jù)庫(kù)，對(duì)潛在受眾的實(shí)際數(shù)據(jù)進(jìn)行具體的分析和動(dòng)態(tài)觀察，在確保數(shù)據(jù)庫(kù)真實(shí)性的同時(shí)，提高對(duì)受眾行為數(shù)據(jù)的技術(shù)分析和語(yǔ)義分析能力7。當(dāng)然，在對(duì)受眾數(shù)據(jù)進(jìn)行管理時(shí)，要執(zhí)行嚴(yán)格的隱私保護(hù)措施，保護(hù)好受眾的隱私權(quán)和人身財(cái)產(chǎn)方面的安全。

五、總結(jié)

Feed廣告模式是新媒體環(huán)境下的新興廣告?zhèn)鞑シ绞?，具有良好的發(fā)展前景。盡管還存在管理不規(guī)范、匹配度較低等問(wèn)題，但隨著信息技術(shù)的發(fā)展和廣告人思維的完善，這種傳播模式在未來(lái)的廣告?zhèn)鞑ブ袑?huì)占有極大地比重。隨著越來(lái)越多的傳播新形式的出現(xiàn)，傳播學(xué)的學(xué)科理論也會(huì)不斷地完善，從而推著傳播事業(yè)的前進(jìn)。

【參考文獻(xiàn)】

1.鄧瑛.精準(zhǔn)廣告的傳播模式與策略研究[D].湖南大學(xué)碩士論文.2008 2.張幼斌.新媒體對(duì)廣告?zhèn)鞑ツＪ降挠绊慬J].現(xiàn)代廣告，2011 3.邵培仁.傳播學(xué)[M].高等教育出版社，2007

7鄧瑛.精準(zhǔn)廣告的傳播模式與策略研究[D].湖南大學(xué)碩士論文.2008（29）

第二篇：微信朋友圈廣告方案審核

上海零趣網(wǎng)絡(luò)科技：社會(huì)化媒體、新媒體整合營(yíng)銷傳播領(lǐng)導(dǎo)品牌

視覺(jué)交互規(guī)范

文案要求

? ? ? ? 文案文字不超過(guò)40字

文案風(fēng)格建議: 朋友親切的口吻，簡(jiǎn)約而不簡(jiǎn)單 文字中不能有URL，不要特殊字符 文案與圖片關(guān)聯(lián)，與詳情頁(yè)關(guān)聯(lián)

圖片要求

? ? ? ? ? 圖片建議數(shù)量：1張(單張大小要求300KB以下)圖片內(nèi)容與文案、詳情頁(yè)關(guān)聯(lián)

為了使外層圖片展示最大化，我們建議采用以下三個(gè)尺寸進(jìn)行設(shè)計(jì)：800*640像素（5:4）、640*800像素（4:5）、800*800像素（1:1），為在了保證在朋友圈的顯示效果，規(guī)范如下：

o 這個(gè)區(qū)域要有比較完整的圖像

o 區(qū)域內(nèi)盡量不放文字，放的話不超過(guò)兩行

o 文字及l(fā)ogo等元素不放在方形區(qū)域的邊緣以免被裁切 上海零趣網(wǎng)絡(luò)科技：社會(huì)化媒體、新媒體整合營(yíng)銷傳播領(lǐng)導(dǎo)品牌

分享規(guī)范

? ? ? ? ? A描述建議 20 字以內(nèi)

C標(biāo)題建議 14 個(gè)字以內(nèi)

E-圖片尺寸為120*120像素，大小建議10KB左右

詳情頁(yè)通用規(guī)范 上海零趣網(wǎng)絡(luò)科技：社會(huì)化媒體、新媒體整合營(yíng)銷傳播領(lǐng)導(dǎo)品牌

? ? ? ?

? ? 允許用戶分享廣告詳情頁(yè)，但不得有誘導(dǎo)分享、誘導(dǎo)關(guān)注等頁(yè)面提示內(nèi)容；

使用用戶關(guān)系鏈進(jìn)行的互動(dòng)分享，需要注意分享邏輯的完整性；

詳情頁(yè)如使用背景音樂(lè)，則必須支持音樂(lè)可循環(huán)及可關(guān)閉（關(guān)閉按鈕采用模版樣式），并采用漸強(qiáng)（音樂(lè)逐漸變大）的方式出現(xiàn)；

詳情頁(yè)如使用視頻文件，需先上傳至騰訊視頻。廣告詳情頁(yè)僅支持使用騰訊視頻的視頻內(nèi)容；如視頻總長(zhǎng)度超過(guò)1分鐘，需要再底部加上“建議在WIFI下加載播放”提示；

對(duì)頁(yè)面的加載時(shí)間進(jìn)行監(jiān)控，加載耗時(shí)過(guò)長(zhǎng)時(shí)，給予用戶友好的提示；

非 WIFI 環(huán)境下時(shí)的提示建議：復(fù)雜交互頁(yè)面若流量消耗會(huì)很大時(shí)，建議對(duì)用戶進(jìn)行友好的提示，可能會(huì)消耗較多流量；

詳情頁(yè)支持形式

? ? ? ? ? ? √ 品牌活動(dòng)

√ 微信小店

√ 微信表情

APP 下載（后續(xù)支持

× H5 小游戲（后續(xù)支持）

非 WIFI 環(huán)境下時(shí)的提示建議：復(fù)雜交互頁(yè)面若流量消耗會(huì)很大時(shí)，建議對(duì)用戶進(jìn)行友好的提示，可能會(huì)消耗較多流量；

詳情頁(yè)實(shí)現(xiàn)

? ? 詳情頁(yè)交互簡(jiǎn)潔，重點(diǎn)展示圖片創(chuàng)意，可以考慮在【微信公眾號(hào)-朋友圈推廣-詳情頁(yè)管理】根據(jù)模板生成詳情頁(yè)。參考模板詳情頁(yè)規(guī)范

交互形式個(gè)性化，互動(dòng)元素豐富，需自行開(kāi)發(fā)自定義詳情頁(yè)。為了提高開(kāi)發(fā)效率，建議按照微信廣告“自定義詳情頁(yè)前端工作流”，使用“自定義詳情頁(yè)前端通用庫(kù)”，保證詳情頁(yè)符合技術(shù)規(guī)范

模版詳情頁(yè)規(guī)范

圖片要求

? ? 頁(yè)面數(shù)量：1~2頁(yè)

頁(yè)面內(nèi)容建議簡(jiǎn)潔有力，不得有誘導(dǎo)分享、誘導(dǎo)關(guān)注等頁(yè)面提示內(nèi)容。上海零趣網(wǎng)絡(luò)科技：社會(huì)化媒體、新媒體整合營(yíng)銷傳播領(lǐng)導(dǎo)品牌

? ? 圖片尺寸640*1100像素。為了保證各類機(jī)型下詳情頁(yè)能正常展現(xiàn)，建議頁(yè)面上面部分640*1100像素作為詳情頁(yè)的“主體內(nèi)容”，承載主要?jiǎng)?chuàng)意。

點(diǎn)此下載視頻雙頁(yè)模版PSD文件

上海零趣網(wǎng)絡(luò)科技：社會(huì)化媒體、新媒體整合營(yíng)銷傳播領(lǐng)導(dǎo)品牌

音樂(lè)規(guī)范

? ? ? 詳情頁(yè)如使用背景音樂(lè)，則必須支持音樂(lè)可循環(huán)及可關(guān)閉，并采用漸強(qiáng)（音樂(lè)逐漸變大）的方式出現(xiàn)；

音樂(lè)播放/關(guān)閉按鈕，必須參照規(guī)范，并放置于頁(yè)面右上角位置，詳細(xì)參考下圖。

點(diǎn)此下載音樂(lè)iconPSD文件。

上海零趣網(wǎng)絡(luò)科技：社會(huì)化媒體、新媒體整合營(yíng)銷傳播領(lǐng)導(dǎo)品牌

自定義詳情頁(yè)技術(shù)規(guī)范

兼容目標(biāo)

? ? 主流移動(dòng)設(shè)備：iPad 2+，iPhone 4+，三星、魅族、華為、紅米、小米1S 以上及主流 Android 千元機(jī)型；

操作系統(tǒng)：iOS 7.0+ 與 Android 4.0+；

加載速度、請(qǐng)求數(shù)與資源壓縮

? ? ? ? ? 以 3G 網(wǎng)絡(luò)環(huán)境 100kb/s 的網(wǎng)絡(luò)速度計(jì)算，詳情頁(yè)首次加載過(guò)程中，可以在 2s 內(nèi)看到 Loading 頁(yè)面；

原則上頁(yè)面中不超過(guò) 1 個(gè)的樣式文件請(qǐng)求、2 個(gè)的腳本文件網(wǎng)絡(luò)請(qǐng)求；

圖片資源應(yīng)當(dāng)進(jìn)行壓縮，JPG 圖片使用 80% 以下質(zhì)量，PNG 圖片使用 TinyPNG 進(jìn)行壓縮；

詳情頁(yè)平均單頁(yè)資源不超過(guò) 300 KB，總資源包大小不超過(guò)頁(yè)數(shù)乘以300KB（不包括視頻資源）；

應(yīng)當(dāng)對(duì)小圖片進(jìn)行 CSS 雪碧圖 合并，因低版本系統(tǒng)及低端設(shè)備渲染問(wèn)題，單張圖片尺寸不超過(guò) 2000*2000 像素，超過(guò)時(shí)需切分成多張雪碧圖；

資源文件格式標(biāo)準(zhǔn) 文件類格式 似

背景音mp3 樂(lè)

分享縮jpg 略圖

大小

其它備注

小于 80

開(kāi)頭和結(jié)尾音軌建議做使用淡入淡出處理

KB

小于 6

尺寸為 120*120 像素

KB

視頻文暫無(wú)要分辨率>=960*540像素，視頻碼率>=1500KBps，mov/mp4/avi 件 求 畫面比例 4:3或16:9

資源部署

? ? ? ? 詳情頁(yè)應(yīng)只包含靜態(tài)文件資源，涉及數(shù)據(jù)交互使用 AJAX 進(jìn)行數(shù)據(jù)提交；

詳情頁(yè)所有資源上線前將部署到騰訊服務(wù)器；

不允許在頁(yè)面中添加非騰訊域名的資源；

若頁(yè)面中包括視頻，自行上傳視頻至騰訊視頻服務(wù)器，告知視頻地址； 上海零趣網(wǎng)絡(luò)科技：社會(huì)化媒體、新媒體整合營(yíng)銷傳播領(lǐng)導(dǎo)品牌

自測(cè)與提測(cè)申請(qǐng)

? ? ?-至少提前 5 個(gè)工作日 提供到微信側(cè)；

提交微信團(tuán)隊(duì)測(cè)試前，請(qǐng)做好自測(cè)，并填寫自測(cè)列表（下載自測(cè)列表）；

微信廣告測(cè)試團(tuán)隊(duì)將會(huì)進(jìn)行全面測(cè)試，發(fā)現(xiàn)問(wèn)題后反饋給廣告客戶進(jìn)行優(yōu)化修復(fù)，直至詳情頁(yè)質(zhì)量符合要求；

提測(cè)申請(qǐng)及部署申請(qǐng)郵件內(nèi)容 內(nèi)容 要求

基本信息 公眾號(hào)名稱、微信號(hào)、AppID、原始ID 需求文檔 包括功能點(diǎn)列表和說(shuō)明，產(chǎn)品流程圖

修改說(shuō)明 非首次提交時(shí)，需要詳細(xì)說(shuō)明本次提測(cè)修復(fù)的缺陷以及修復(fù)方案 自測(cè)報(bào)告 報(bào)告需包含主流移動(dòng)設(shè)備、主流操作系統(tǒng)中的測(cè)試情況，以及填寫好的自測(cè)列表

源代碼壓以 ZIP 格式壓縮（不得包含空文縮包 件，.svn/.git/.DS_Store/Thumbs.db/.log 等系統(tǒng)文件）。廣告詳情若使用了微信授權(quán)登錄，為方便測(cè)試，提供無(wú)需微信登錄也可進(jìn)行測(cè)頁(yè)地址 試的地址

自定義詳情頁(yè)前端工作流

WxMoment-Workflow 是由微信朋友圈廣告團(tuán)隊(duì)基于 Gulp 面向廣告詳情頁(yè)開(kāi)發(fā)者提供的工作流。工作流集成了詳情頁(yè)開(kāi)發(fā)中的常見(jiàn)任務(wù)，可以簡(jiǎn)化開(kāi)發(fā)工作，并在打包環(huán)節(jié)對(duì)資源進(jìn)行壓縮合并優(yōu)化。

工作流包含了批處理文件，Windows 用戶可直接雙擊執(zhí)行。Mac 用戶可以執(zhí)行相應(yīng)的命令。

下載安裝

前往 NodeJS 官網(wǎng) 下載安裝包并按指南安裝 NodeJS，下載最新的 工作流壓縮包 并解壓。

雙擊工作流目錄中的 安裝.bat 文件即可開(kāi)始安裝依賴，或者執(zhí)行命令： 上海零趣網(wǎng)絡(luò)科技：社會(huì)化媒體、新媒體整合營(yíng)銷傳播領(lǐng)導(dǎo)品牌

$ cd WxMoment-Workflow $ npm install gulp-g--registry=https://r.cnpmjs.org $ npm install--registry=https://r.cnpmjs.org 目錄說(shuō)明

所有的開(kāi)發(fā)都在 src 目錄下進(jìn)行，你只需要按約定好的放置相應(yīng)文件，并按自己的項(xiàng)目需求編寫代碼即可。

├── package.json├── tasks //工作流任務(wù)配置（一般不需要修改）└── 20150514-promo-vivo //示例項(xiàng)目，項(xiàng)目目錄

├──.tmtworkflowrc //工作流的項(xiàng)目配置文件（一般不需要修改）

├── gulpfile.js //工作流的任務(wù)配置文件（一般不需要修改）└── src //源文件目錄，所有的開(kāi)發(fā)在此目錄下進(jìn)行

├── css //樣式表目錄，使用 Less，只有 style-*.less 的文件名會(huì)被編譯

│

└── style-promo.less

├── html //HTML目錄

│

└── index.html

├── img //圖片目錄

└── slice //雪碧圖目錄，此目錄下的圖片會(huì)進(jìn)行合并，同名的 @2x 圖片會(huì)被識(shí)別并進(jìn)行合并

創(chuàng)建項(xiàng)目

從 20150514-promo-vivo 復(fù)制一個(gè)文件夾，重命名為自己的項(xiàng)目。

命名規(guī)則：YYYYMMDD-promo-品牌名稱。

YYYYMMDD 為 4 位年份，2 位月份，2 位日期數(shù)字組成，品牌名稱為全小寫英文字母。

任務(wù)介紹

開(kāi)發(fā)任務(wù)

執(zhí)行 開(kāi)發(fā).bat 開(kāi)始執(zhí)行任務(wù)，或執(zhí)行命令： $ cd WxMoment-Workflow/project $ gulp build_dev 此任務(wù)將啟動(dòng)一個(gè) HTTP Server，并自動(dòng)在瀏覽器打開(kāi) //localhost:8080/html/index.html 這樣的地址。打包任務(wù) 上海零趣網(wǎng)絡(luò)科技：社會(huì)化媒體、新媒體整合營(yíng)銷傳播領(lǐng)導(dǎo)品牌

開(kāi)發(fā)完成后，執(zhí)行 打包.bat，或執(zhí)行命令： $ cd WxMoment-Workflow/project $ gulp zip 此任務(wù)將在項(xiàng)目目錄下生成一個(gè)壓縮包，壓縮包以項(xiàng)目名命名。

更多功能介紹

JavaScript合并

在 HTML 中，使用注釋的方式前面包含起來(lái)即可。

以上代碼，在打包的時(shí)候，會(huì)將 kalok.js 與 main.js 合并壓縮為 lib.js，并替換 html 中的引用。

自定義詳情頁(yè)前端通用庫(kù)

WxMoment 是由微信朋友圈廣告團(tuán)隊(duì)面向廣告詳情頁(yè)開(kāi)發(fā)者提供的一個(gè)

JavaScript 庫(kù)。通過(guò)使用 WxMoment，開(kāi)發(fā)者可以簡(jiǎn)單的實(shí)現(xiàn)詳情頁(yè)中的常見(jiàn)功能，例如：微信分享、橫屏提示、網(wǎng)頁(yè)統(tǒng)計(jì)等。

前往 Github 查看 WxMoment Example。

引用腳本

當(dāng)前版本：0.0.2 最后更新：2015-05-29 最新的腳本地址及文件將會(huì)在 Github 庫(kù) 中更新。

數(shù)據(jù)統(tǒng)計(jì)

開(kāi)發(fā)者使用數(shù)據(jù)統(tǒng)計(jì)功能前，請(qǐng)與商務(wù)團(tuán)隊(duì)提前確認(rèn)統(tǒng)計(jì)監(jiān)測(cè)點(diǎn)及統(tǒng)計(jì)的項(xiàng)目別名（例如：20150504WXMOMENT）

注意：網(wǎng)頁(yè)統(tǒng)計(jì)需要部署到騰訊服務(wù)器才可正常上報(bào)統(tǒng)計(jì)數(shù)據(jù) var wa = new WxMoment.Analytics({ //projectName 請(qǐng)與微信商務(wù)團(tuán)隊(duì)確認(rèn) projectName: “20150504WXMOMENT” });支持自定義事件統(tǒng)計(jì)，例如預(yù)約按鈕的點(diǎn)擊事件、視頻的播放事件等。$('#button01').click(function(){ //兩個(gè)必填參數(shù)，分別為: 事件分類、事件名稱 wa.sendEvent('click', 'button01');});橫屏提示

若不支持橫屏或橫屏下體驗(yàn)不佳，請(qǐng)?zhí)砑訖M屏提示。new WxMoment.OrientationTip();資源預(yù)加載

當(dāng)圖片較多時(shí)，對(duì)于頁(yè)面的打開(kāi)速度和后續(xù)的體驗(yàn)都非常影響，所以，我們通常讓資源提前加載，即有一個(gè) loading 的過(guò)程，當(dāng)資源加載好以后再進(jìn)入實(shí)際頁(yè)面。var basePath = “//wximg.gtimg.com/some/path/”

var loader = new WxMoment.Loader();

//聲明資源文件列表

var fileList = ['img/1.png', 'img/2.png', 'img/3.png', 'img/4.png'];上海零趣網(wǎng)絡(luò)科技：社會(huì)化媒體、新媒體整合營(yíng)銷傳播領(lǐng)導(dǎo)品牌

for(var i = 0;i < fileList.length;i++){ loader.addImage(basePath + fileList[i]);}

//進(jìn)度監(jiān)聽(tīng)

loader.addProgressListener(function(e){ var percent = Math.round((e.completedCount / e.totalCount)* 100);console.log(“當(dāng)前加載了”, percent, “%”);//在這里做 Loading 頁(yè)面中百分比的顯示 });

//加載完成

loader.addCompletionListener(function(){ //可以在這里隱藏 Loading 頁(yè)面開(kāi)始進(jìn)入主內(nèi)容頁(yè)面 });

//啟動(dòng)加載

loader.start();滑屏組件