起點(diǎn)課堂會(huì)員權(quán)益
職業(yè)體系課特權(quán)
線下行業(yè)大會(huì)特權(quán)
個(gè)人IP打造特權(quán)
30+門專項(xiàng)技能課
1300+專題課程
12場(chǎng)職場(chǎng)軟技能直播
12場(chǎng)求職輔導(dǎo)直播
12場(chǎng)專業(yè)技能直播
會(huì)員專屬社群
榮耀標(biāo)識(shí) 運(yùn)營優(yōu)化的秘密武器：重新認(rèn)識(shí)熱圖的力量?。ㄉ希?/h2>
在這個(gè)分為上下兩部分的文章中，我將詳述今天的熱圖分析有哪些革命性的變化，又應(yīng)該如何應(yīng)用，以及（用案例說明）能產(chǎn)生哪些激動(dòng)人心的效果。
過去，很少有人真正使用熱圖。熱圖看起來很直觀，但是使用起來卻沒那么容易——過去，數(shù)據(jù)顯示的不準(zhǔn)確是一個(gè)重要原因；現(xiàn)在，熱圖分析的對(duì)象——網(wǎng)頁、APP的screen上的互動(dòng)也日益變得更加復(fù)雜，所以繪制熱圖的技術(shù)難度又比過去困難太多。這使我一段時(shí)間以來都覺得熱圖甚至沒有“next page summary”這樣的報(bào)告好用。
好消息是，今天的數(shù)據(jù)工具也不是過去能比。今天的熱圖不僅僅只是“包你滿意”，更重要的是它開始作為一個(gè)重要的可實(shí)用的數(shù)據(jù)方法，幫助我們解決一些過去幾乎無解的問題，從而幫助我們的互聯(lián)網(wǎng)運(yùn)營提升到一個(gè)新的高度。
熱圖相關(guān)的關(guān)鍵指標(biāo)
首先要明確一點(diǎn)，熱圖不是一個(gè)工具，而是一個(gè)系統(tǒng)，它是多種發(fā)揮不同功能的工具的有機(jī)集合。如果你認(rèn)為熱圖僅僅是看看哪里被點(diǎn)得多點(diǎn)得少的一個(gè)小工具，那你就太小看它了。
既然是一個(gè)系統(tǒng)，熱圖當(dāng)然有自己相關(guān)關(guān)鍵指標(biāo)。有些你知道，有些未必。
第一類關(guān)鍵指標(biāo)是用來標(biāo)示人們點(diǎn)擊行為的
但是，由于人們的點(diǎn)擊行為具有相當(dāng)?shù)碾S意性，所以點(diǎn)擊又可以分為：鏈接點(diǎn)擊、非鏈接交互點(diǎn)擊、空白點(diǎn)擊三類。鏈接點(diǎn)擊，很簡(jiǎn)單，就是有一個(gè)實(shí)際存在的http link的點(diǎn)擊。非鏈接交互點(diǎn)擊，是指那些同樣可以點(diǎn)擊，但是卻不是http link的，比如JavaScript的互動(dòng)、flash互動(dòng)之類?？瞻c(diǎn)擊，是指點(diǎn)擊行為發(fā)生在沒有鏈接或互動(dòng)的地方，即“點(diǎn)了白點(diǎn)”的點(diǎn)擊。
與我們網(wǎng)站分析中常用的pageview不同，熱圖衡量的點(diǎn)擊行為的度量就是點(diǎn)擊次數(shù)。但是由于部分工具不直接監(jiān)測(cè)鼠標(biāo)的點(diǎn)擊行為，因此，它們?cè)跓釄D中所標(biāo)示出來的點(diǎn)擊次數(shù)，實(shí)際上并不是真正的點(diǎn)擊次數(shù)，而是點(diǎn)擊這個(gè)鏈接之后打開的新的頁面的pageview的數(shù)量。我們最常用的工具Google Analytics就是這樣畫熱圖的，所以這也是為什么使用它的熱圖相當(dāng)不準(zhǔn)確的原因。
好的熱圖工具應(yīng)該衡量真實(shí)的點(diǎn)擊次數(shù)，即不僅僅是鏈接點(diǎn)擊的次數(shù)，同樣要包括非鏈接交互點(diǎn)擊和空白點(diǎn)擊的次數(shù)。并且更不能用點(diǎn)擊之后打開的新頁面的pageview數(shù)量來代替點(diǎn)擊數(shù)。
第二類關(guān)鍵指標(biāo)是人們?cè)陧撁嫔系臑g覽行為
由于網(wǎng)頁通常不止一個(gè)屏（就是不能在一個(gè)顯示器屏幕中就把網(wǎng)頁全部顯示出來），所以人們要向下滾動(dòng)網(wǎng)頁，以查看全部?jī)?nèi)容。熱圖系統(tǒng)應(yīng)該記錄頁面被人們滾動(dòng)的情況，這是瀏覽行為的重要一部分。此外，熱圖系統(tǒng)還應(yīng)該展示網(wǎng)頁的哪一個(gè)部分在屏幕中被顯示的時(shí)間更久，從而幫助我們了解這個(gè)頁面的哪個(gè)部分被人們更為細(xì)致的查看。
衡量頁面被人們滾動(dòng)情況的指標(biāo)是“瀏覽線”，而衡量頁面哪個(gè)部分在屏幕中被顯示更久的指標(biāo)是顯示熱度。如下圖所示：
在上圖中，大家可以注意到一些百分比數(shù)字，從上到下依次變小。這些數(shù)字是指有多少比例的瀏覽者滾動(dòng)頁面到了相應(yīng)的位置。例如，上圖中57%的那一條線（實(shí)線和虛線），指有57%的訪客將頁面滾動(dòng)到了圖中線條所示的位置。
同樣，在上圖中，大家還可以注意到整個(gè)頁面被覆蓋了藍(lán)色綠色紅色黃色的各種色帶，它表示頁面的相應(yīng)位置在屏幕中停留時(shí)間的長(zhǎng)短。顏色越偏暖（紅色、橙色、黃色），停留時(shí)間越長(zhǎng)，說明人們看這個(gè)部分的時(shí)間越長(zhǎng)；顏色越偏冷（綠色、藍(lán)色乃至無色），相應(yīng)部分在屏幕中停留的時(shí)間越短，人們看這個(gè)部分的時(shí)間也越短。所以，這是第二類關(guān)鍵指標(biāo)：瀏覽線和駐留時(shí)間。
第三類關(guān)鍵指標(biāo)與前兩類不同
前兩類指標(biāo)衡量的是人們的主動(dòng)行為，即為了實(shí)現(xiàn)具體的目的而進(jìn)行的行為，而第三類指標(biāo)則衡量人們的間接行為。說起來拗口，理解起來并不困難。這一類行為就是我們常用的移動(dòng)鼠標(biāo)（但不點(diǎn)擊）的行為。移動(dòng)鼠標(biāo)的目的是為了點(diǎn)擊，但移動(dòng)本身是比較隨意的，為了點(diǎn)擊一個(gè)點(diǎn)，不同的人的移動(dòng)軌跡肯定不一樣，每一次的移動(dòng)也不同。衡量鼠標(biāo)的移動(dòng)并不是最為重要的事情，但是有的時(shí)候，卻又比較重要，比如要查看頁面上的用戶行為是不是“真正的人”的行為的時(shí)候。值得注意的是，大部分熱圖工具可能都不包含鼠標(biāo)移動(dòng)的監(jiān)測(cè)功能。對(duì)我而言，這個(gè)功能的需求不是特別頻繁，這篇文章就不做太多介紹了。
理解上面的這些關(guān)鍵指標(biāo)不困難，而且是一個(gè)非常好的開始，下面我們看看熱圖應(yīng)該怎么用，能夠如何暢快淋漓的解決我們的具體問題。
著陸頁之困
有同學(xué)問我，著陸頁最需要看的關(guān)鍵指標(biāo)是什么。過去我會(huì)回答，可以看“跳出率”，今天我則不完全這么認(rèn)為?？刺雎蕸]有錯(cuò)，但跳出率卻不完全可靠了。
原因在于，很多頁面的技術(shù)設(shè)置發(fā)生了變化，這些頁面上有很多非HTML的交互，比如點(diǎn)擊之后彈出客服的窗口，比如跳轉(zhuǎn)到其他網(wǎng)站（淘寶京東什么的），或者根本就是直接拿起電話撥打，或者訪問者從前到后仔仔細(xì)細(xì)看了頁面很久卻沒有更多行為，但頁面內(nèi)容確實(shí)觸動(dòng)了他——所有這些情況，都會(huì)造成跳出率“畸高”，并讓我們產(chǎn)生著陸頁非常糟糕的“幻覺”。
更何況，很多網(wǎng)站就是單頁面網(wǎng)站，這些網(wǎng)站就是一個(gè)著陸頁，所有的商業(yè)訴求，都在這個(gè)著陸頁上就完成了！這種情況下，你會(huì)期待得到一個(gè)高于95%的跳出率?。ㄖ劣跒槭裁床皇?00%，原因在于這個(gè)頁面可能會(huì)被用戶刷新，頁面刷新對(duì)于網(wǎng)站分析工具而言，就不再是一個(gè)跳出了）。例如，下面這個(gè)頁面，所有可以點(diǎn)擊的地方都是打開QQ進(jìn)行對(duì)話。
上面的頁面是典型的單頁面的網(wǎng)站，因?yàn)榫W(wǎng)站的設(shè)計(jì)者根本就沒想讓您再去看其他頁面。這些網(wǎng)站所有的鏈接都是鏈接到“企業(yè)QQ”或“樂語”之類的客服系統(tǒng)上去。所以，這一類的網(wǎng)站再去研究跳出率意義就不大了。這使優(yōu)化著陸頁陷入一個(gè)困境，即，使用我們傳統(tǒng)的監(jiān)測(cè)方法非常難以描述用戶的行為（因?yàn)橛脩舻男袨橐话愎ぞ邿o法偵測(cè)到），那么也就難以獲得任何優(yōu)化的依據(jù)！
優(yōu)化著陸頁，沒有比熱圖更贊的工具
既然不能完全依靠跳出率，我們?cè)趺茨苤肋@些頁面是否達(dá)到了我們的預(yù)期，又是否讓用戶也覺得滿意呢？這就必須要使用熱圖，而且必須使用更完善的熱圖工具，如我在上一節(jié)講第一類關(guān)鍵指標(biāo)的時(shí)候，能夠監(jiān)測(cè)到所有鼠標(biāo)點(diǎn)擊行為的工具，即能夠監(jiān)測(cè)到鏈接點(diǎn)擊、非鏈接點(diǎn)擊和空白點(diǎn)擊的熱圖工具。此外，我們還需要通過熱圖了解人們的注意力變化的情況，從而在沒有更多交互數(shù)據(jù)的情況下，判斷用戶對(duì)頁面的什么內(nèi)容產(chǎn)生了興趣。
我利用熱圖優(yōu)化著陸頁的思路通常是這樣：
首先，查看著陸頁是不是太長(zhǎng)了。人們普遍有一些對(duì)于頁面長(zhǎng)短的個(gè)人偏好和誤區(qū)。很多人相信，頁面長(zhǎng)短一定有一個(gè)定式，不應(yīng)該太長(zhǎng)（造成訪問者厭倦），也不應(yīng)該太短（導(dǎo)致意猶未盡，不明覺厲）。這個(gè)我相當(dāng)不敢茍同。就像一本雜志，10頁合適還是100頁合適？這可真沒有一個(gè)規(guī)定。若是雜志對(duì)你胃口（比如《花花公子》、《男人裝》什么的），100頁也嫌少呀，可是《朝陽群眾》雜志，估計(jì)不需要太多頁。
事實(shí)上，很多AB測(cè)試都表明一個(gè)規(guī)律，那就是頁面的長(zhǎng)短對(duì)商業(yè)目的的達(dá)成沒有規(guī)律。所以，你必須要具體情況具體分析。而頁面長(zhǎng)短的分析，又非用熱圖工具不可，尤其是非用我前面講的擁有“瀏覽線”不可（見上一節(jié)的第二類關(guān)鍵指標(biāo)）。
瀏覽線的使用非常簡(jiǎn)單，你的頁面有十幾屏長(zhǎng)，可是瀏覽線顯示到了第四屏就只剩5%的人了，那有必要審視頁面是否真的值得這么長(zhǎng)，或者內(nèi)容是否足夠吸引人持續(xù)看下去。
其次，查看人們是不是點(diǎn)了不該點(diǎn)的位置，或者沒有點(diǎn)擊該點(diǎn)的位置。這個(gè)就不用多解釋了，因?yàn)槔斫馄饋砗敛毁M(fèi)力。盡管如此，幾乎所有的著陸頁都會(huì)在這個(gè)地方犯錯(cuò)誤。熱圖展現(xiàn)出來，用戶的點(diǎn)擊規(guī)律往往超出你的想象。這些超乎你的預(yù)期的行為其實(shí)極為有價(jià)值，我們會(huì)據(jù)此判斷用戶的意圖，再用推測(cè)的用戶意圖修改當(dāng)前的著陸頁。
最后，修改之后的著陸頁我們并不會(huì)立即上線，而是進(jìn)行AB測(cè)試，不僅僅看看兩個(gè)著陸頁之間的CTR之間的比較，更繼續(xù)看兩個(gè)頁面熱圖的區(qū)別，這是對(duì)我們?cè)谏弦徊剿龅挠脩粢鈭D推測(cè)的驗(yàn)證。
這個(gè)方法對(duì)我屢試不爽，不用數(shù)據(jù)建模，不用大數(shù)據(jù)挖掘，就這么簡(jiǎn)單直接，但非常有效。
不信？我們看一個(gè)有名有姓的真實(shí)案例。
著陸頁熱圖分析案例
這是中國最知名的企業(yè)通信解決方案企業(yè)之一：“信通網(wǎng)贏”的一個(gè)新產(chǎn)品的頁面。
下面這個(gè)圖是縮小的，想要看全圖，點(diǎn)擊它就好。
現(xiàn)在，我告訴你，這個(gè)頁面的跳出率相當(dāng)不俗，只有52.95%，你覺得它還有優(yōu)化的必要嗎？
對(duì)于這樣的商業(yè)著陸頁而言，幾乎所有的流量都是來自百度SEM了，一個(gè)點(diǎn)擊的價(jià)格你懂的，53%的跳出率雖好，可是哪怕只降低1個(gè)百分點(diǎn)，那也是真金白銀的錢呀。更何況，現(xiàn)在百度只剩下寥寥幾個(gè)競(jìng)價(jià)廣告位，出價(jià)更加慘烈。
既然要分析，我把這個(gè)頁面相關(guān)數(shù)據(jù)給大家。
- 跳出率：52.95%；
- 平均停留時(shí)間：1分40秒；
- 退出率36.05%。
請(qǐng)問你覺得要如何改進(jìn)這個(gè)頁面？
你會(huì)說：“宋老師，這沒法分析，這些數(shù)據(jù)太寬泛了?！?/p>
幾乎所有的時(shí)候，我們面對(duì)一個(gè)著陸頁面也就是一點(diǎn)這樣的數(shù)據(jù)。優(yōu)化它？無從下手的趕腳。在大多數(shù)情況下，若是一個(gè)著陸頁面擁有跟上面這個(gè)頁面差不多的數(shù)據(jù)，則意味著這個(gè)頁面不會(huì)被特別優(yōu)化，因?yàn)?，整體而言這個(gè)頁面的表現(xiàn)還湊合嘛。
可是如果我們看看熱圖，你的想法會(huì)徹底改變。
下面的熱圖我利用PtMind公司提供的PtEngine監(jiān)測(cè)工具的熱圖功能，這是我能找到的最實(shí)用且易用的熱圖工具，并且這個(gè)工具的定位很好，過去我們很少用熱圖的一個(gè)重要原因，就是熱圖數(shù)據(jù)太不準(zhǔn)了，現(xiàn)在用這個(gè)工具則完全不擔(dān)心這個(gè)問題。
上面那個(gè)頁面的熱圖如下圖所示，同樣，點(diǎn)擊下面這個(gè)小圖看大圖。
熱圖給我們的槽點(diǎn)很多，從熱圖中得到的非常重要的信息如下：
- 第一屏中的五個(gè)“圓餅”，以及下方配的文字，都獲得了相當(dāng)多的點(diǎn)擊量?？上?，這五個(gè)圓餅沒有設(shè)置任何鏈接，不可以被點(diǎn)擊?！荒茳c(diǎn)，放到著陸頁的第一屏的這么醒目顯要的位置上，這是成心跟用戶體驗(yàn)過不去。
- 圓餅下方的兩個(gè)大通欄圖，占有第一、第二屏非常大的空間，可惜，幾乎沒有人在那里點(diǎn)擊。而且，查看右邊的注意力停留熱圖，這個(gè)位置的用戶駐留情況也非常不理想?！歉陕镞€要把這兩個(gè)通欄圖放到這么好的位置上？
- 頂部的導(dǎo)航，占有了大量的點(diǎn)擊。問題是，這個(gè)頁面的設(shè)計(jì)初衷，不是想把它作為導(dǎo)航過渡頁吧。
- 倒數(shù)第一二屏突然出現(xiàn)了大量點(diǎn)擊，而且瀏覽的駐留情況也相當(dāng)不錯(cuò)，說明這些內(nèi)容是被用戶極為關(guān)注的?？上?，滾屏到這里來的用戶只剩下不到60%。
這些信息不是一個(gè)跳出率53%能夠告訴我們的。但每一條都很重要！
看了上面四個(gè)信息，相信你知道應(yīng)該怎么樣調(diào)整這個(gè)頁面了。當(dāng)然，調(diào)整之后我們一定要做AB測(cè)試。AB測(cè)試的結(jié)果不出所料，跳出率在53%的基礎(chǔ)上，降到37.5%。對(duì)于依賴競(jìng)價(jià)排名的企業(yè)而言，這個(gè)巨大的變化足以幫助他們建立起面向競(jìng)爭(zhēng)對(duì)手的強(qiáng)大優(yōu)勢(shì)。
意外的積極副作用：簡(jiǎn)化的事件監(jiān)測(cè)（Event Tracking）
讀了上面的這個(gè)案例，細(xì)心的讀者一定會(huì)發(fā)現(xiàn)更有意思的東西。如果熱圖能夠忠實(shí)記錄鼠標(biāo)所有的點(diǎn)擊動(dòng)作，而無論這個(gè)地方是否真的可以點(diǎn)擊，那么，過去一些非常難以記錄的交互是否會(huì)因此變得簡(jiǎn)單？
這些難以記錄的交互如我們前面講的JavaScript、Flash、影音播放器插件、客服插件等等。過去，我們?yōu)榱擞涗涍@些交互元素被點(diǎn)擊的狀況，不得不利用event tracking（事件監(jiān)測(cè)）這個(gè)補(bǔ)丁。Event tracking是個(gè)好東西，但是有顯著缺點(diǎn)，就是部署很麻煩（現(xiàn)在大家都把event tracking的部署叫做埋點(diǎn)了），容易出錯(cuò)。
高級(jí)熱圖功能的出現(xiàn)，其實(shí)很大程度能幫助一些不需要太強(qiáng)大event tracking功能的朋友。比如，我只是想看某個(gè)JavaScript交互數(shù)量的多少，現(xiàn)在熱圖就直接告訴你了，不用埋點(diǎn)，省去了很大的麻煩。
如果熱圖做的足夠準(zhǔn)確精細(xì)，再加上今天的分析工具早已經(jīng)不是僅僅探知HTML交互那么簡(jiǎn)單（可以探知諸如DOM事件之類），那么甚至它能夠延伸出完整的event tracking的功能。這其實(shí)也是所謂的“無埋點(diǎn)”事件監(jiān)測(cè)的來源。盡管今天有些中國的工具供應(yīng)商強(qiáng)調(diào)他們“首創(chuàng)了”無埋點(diǎn)的技術(shù)，但這個(gè)解決方案實(shí)際上三四年前就早已出現(xiàn)。今天，很多工具供應(yīng)商都能提供相應(yīng)的功能。
在下圖中，我的博客的“featured”欄目中的上下滾動(dòng)的按鈕完全不是HTML交互，甚至連JavaScript交互都不是，但監(jiān)測(cè)工具可以輕松準(zhǔn)確地標(biāo)明這里被點(diǎn)擊了多少次。點(diǎn)擊下面的圖看大圖。
所以，這個(gè)功能幾乎可以立即變?yōu)闊o埋點(diǎn)的“event tracking”的功能，你不需要做任何額外的設(shè)置，工具已經(jīng)把所有能交互的不管三七二十一，也不管是不是HTML，全部都已經(jīng)記錄下來了。這跟過去完全是不同的體驗(yàn)，你會(huì)有一種強(qiáng)烈的工具變得如此智能的愉悅感。如下圖所示（仍然點(diǎn)擊小圖看大圖）：
事實(shí)上，我發(fā)現(xiàn)，熱圖做得準(zhǔn)確，無埋點(diǎn)收集的數(shù)據(jù)才能準(zhǔn)確。無埋點(diǎn)并非天生就能做到準(zhǔn)確，所以想看看無埋點(diǎn)做得好不好，看看這個(gè)工具熱圖做的是否準(zhǔn)確（數(shù)值和定位點(diǎn)的準(zhǔn)確性）就幾乎可以驗(yàn)證。
內(nèi)容分析也非常依賴熱圖
如果說著陸頁非常依賴熱圖，那么內(nèi)容分析則更加需要熱圖。內(nèi)容分析是數(shù)據(jù)驅(qū)動(dòng)運(yùn)營的一個(gè)難點(diǎn)，但又是一個(gè)很核心的點(diǎn)，尤其是對(duì)SEO領(lǐng)域更是極為重要。
內(nèi)容分析的難點(diǎn)在于，盡管你可以知道用戶有沒有到達(dá)你的內(nèi)容，但你無法判斷你的內(nèi)容如何影響到了用戶——是的，用戶到達(dá)（打開）內(nèi)容和看到內(nèi)容其實(shí)是兩回事。我們需要有方法去探知有多少用戶真的閱讀了你的內(nèi)容，閱讀的程度，以及他們?cè)谀睦锓艞?。?nèi)容分析跟著陸頁分析非常類似的地方同樣在于，利用跳出率的判斷實(shí)際上很不準(zhǔn)確，因?yàn)殚喿x可能并不需要點(diǎn)擊任何鏈接，但訪問者的內(nèi)心卻完全可能受到了內(nèi)容的影響，這種情況下很多的跳出很有可能是“偽跳出”。
在下面的例子中，我自己的網(wǎng)站，很明顯如果用跳出率來判斷，有失公允。我的文章（尤其是近幾年的文章），不怎么考慮SEO，所以也非常懶惰的不怎么加上內(nèi)部鏈接了。因此，這些文章（例如紅框內(nèi)的兩個(gè)文章）所體現(xiàn)出的跳出率往往相當(dāng)驚人。但是一個(gè)跳出率高，一定是這個(gè)文章被讀者“厭棄”了嗎？
這兩個(gè)加紅框文章中的第一個(gè)——“/interne”這個(gè)，我認(rèn)為這是我最受歡迎的文章之一，曾經(jīng)獲得了極為瘋狂的轉(zhuǎn)發(fā)。但這個(gè)文章的跳出率是最高的，高到81%。同時(shí)，你可以看到這個(gè)文章的停留時(shí)間實(shí)際上也很長(zhǎng)，接近6分半鐘。這兩個(gè)矛盾的指標(biāo)，我顯然更應(yīng)該相信停留時(shí)間。
發(fā)現(xiàn)問題所在并不困難，這篇文章的一個(gè)特點(diǎn)，是全文沒有任何一個(gè)鏈接——你看就好了，不需要點(diǎn)擊了。這對(duì)SEO不利，且顯然拉高了跳出率水平，但這篇文章卻確確實(shí)實(shí)獲得了很長(zhǎng)的停留時(shí)間，表明了人們?cè)陂喿x上所花費(fèi)的精力。知道這些的確不錯(cuò)，但是，我更想知道這個(gè)文章到底獲得了什么程度的閱讀，以及更基本的——有多少人閱讀了。表中的跳出率和停留時(shí)間都無法幫我解答這個(gè)問題。傳統(tǒng)的熱圖也無法幫我解決這個(gè)問題。
借助新的熱圖功能，尤其是屏幕駐留和閱讀線，我能看到很多過去看不到的東西，例如，人們究竟多么“愛”這篇文章。
上圖基本上展現(xiàn)了整篇文章的閱讀情況。
上面的熱圖告訴了我很多信息——很多人對(duì)我這篇文章的喜愛是由衷的。即使是如此長(zhǎng)的文章，仍然有接近40%的人看到了末尾。而且從屏幕主流的情況看，有效內(nèi)容部分始終被較長(zhǎng)時(shí)間的駐留。81%的跳出率又怎么樣？跳出率在這里已經(jīng)不重要，重要的是內(nèi)容正在被人消費(fèi)！
這樣有讀者認(rèn)同的文章，再加上文章內(nèi)適當(dāng)?shù)膬?nèi)鏈（這是我偷懶沒加的地方），很容易獲得搜索引擎的青睞。
這樣的案例非常普遍，幾乎所有的內(nèi)容分析，我都需要用上熱圖。
好，上半部分就講到這里。下半部分還要討論幾個(gè)很重要的內(nèi)容：熱圖如何幫助優(yōu)化轉(zhuǎn)化、熱圖如何解決一些共用模板但數(shù)量極為龐大的頁面的集群性分析、熱圖如何適應(yīng)新的網(wǎng)站頁面技術(shù)、如何在app上使用熱圖，以及如何將細(xì)分和熱圖相結(jié)合，創(chuàng)造更贊的分析！
相關(guān)閱讀
運(yùn)營優(yōu)化的秘密武器：重新認(rèn)識(shí)熱圖的力量！（下）
作者：Sidney Song
來源：http://www.chinawebanalytics.cn/learn-the-power-of-new-heat-map-1/
版權(quán)聲明：人人都是產(chǎn)品經(jīng)理尊重行業(yè)規(guī)范，所轉(zhuǎn)載的文章都注明作者和來源，若標(biāo)注有誤，請(qǐng)聯(lián)系主編QQ：419297645更改。
更多精彩內(nèi)容，請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
在這個(gè)分為上下兩部分的文章中，我將詳述今天的熱圖分析有哪些革命性的變化，又應(yīng)該如何應(yīng)用，以及（用案例說明）能產(chǎn)生哪些激動(dòng)人心的效果。
過去，很少有人真正使用熱圖。熱圖看起來很直觀，但是使用起來卻沒那么容易——過去，數(shù)據(jù)顯示的不準(zhǔn)確是一個(gè)重要原因；現(xiàn)在，熱圖分析的對(duì)象——網(wǎng)頁、APP的screen上的互動(dòng)也日益變得更加復(fù)雜，所以繪制熱圖的技術(shù)難度又比過去困難太多。這使我一段時(shí)間以來都覺得熱圖甚至沒有“next page summary”這樣的報(bào)告好用。
好消息是，今天的數(shù)據(jù)工具也不是過去能比。今天的熱圖不僅僅只是“包你滿意”，更重要的是它開始作為一個(gè)重要的可實(shí)用的數(shù)據(jù)方法，幫助我們解決一些過去幾乎無解的問題，從而幫助我們的互聯(lián)網(wǎng)運(yùn)營提升到一個(gè)新的高度。
熱圖相關(guān)的關(guān)鍵指標(biāo)
首先要明確一點(diǎn)，熱圖不是一個(gè)工具，而是一個(gè)系統(tǒng)，它是多種發(fā)揮不同功能的工具的有機(jī)集合。如果你認(rèn)為熱圖僅僅是看看哪里被點(diǎn)得多點(diǎn)得少的一個(gè)小工具，那你就太小看它了。
既然是一個(gè)系統(tǒng)，熱圖當(dāng)然有自己相關(guān)關(guān)鍵指標(biāo)。有些你知道，有些未必。
第一類關(guān)鍵指標(biāo)是用來標(biāo)示人們點(diǎn)擊行為的
但是，由于人們的點(diǎn)擊行為具有相當(dāng)?shù)碾S意性，所以點(diǎn)擊又可以分為：鏈接點(diǎn)擊、非鏈接交互點(diǎn)擊、空白點(diǎn)擊三類。鏈接點(diǎn)擊，很簡(jiǎn)單，就是有一個(gè)實(shí)際存在的http link的點(diǎn)擊。非鏈接交互點(diǎn)擊，是指那些同樣可以點(diǎn)擊，但是卻不是http link的，比如JavaScript的互動(dòng)、flash互動(dòng)之類?？瞻c(diǎn)擊，是指點(diǎn)擊行為發(fā)生在沒有鏈接或互動(dòng)的地方，即“點(diǎn)了白點(diǎn)”的點(diǎn)擊。
與我們網(wǎng)站分析中常用的pageview不同，熱圖衡量的點(diǎn)擊行為的度量就是點(diǎn)擊次數(shù)。但是由于部分工具不直接監(jiān)測(cè)鼠標(biāo)的點(diǎn)擊行為，因此，它們?cè)跓釄D中所標(biāo)示出來的點(diǎn)擊次數(shù)，實(shí)際上并不是真正的點(diǎn)擊次數(shù)，而是點(diǎn)擊這個(gè)鏈接之后打開的新的頁面的pageview的數(shù)量。我們最常用的工具Google Analytics就是這樣畫熱圖的，所以這也是為什么使用它的熱圖相當(dāng)不準(zhǔn)確的原因。
好的熱圖工具應(yīng)該衡量真實(shí)的點(diǎn)擊次數(shù)，即不僅僅是鏈接點(diǎn)擊的次數(shù)，同樣要包括非鏈接交互點(diǎn)擊和空白點(diǎn)擊的次數(shù)。并且更不能用點(diǎn)擊之后打開的新頁面的pageview數(shù)量來代替點(diǎn)擊數(shù)。
第二類關(guān)鍵指標(biāo)是人們?cè)陧撁嫔系臑g覽行為
由于網(wǎng)頁通常不止一個(gè)屏（就是不能在一個(gè)顯示器屏幕中就把網(wǎng)頁全部顯示出來），所以人們要向下滾動(dòng)網(wǎng)頁，以查看全部?jī)?nèi)容。熱圖系統(tǒng)應(yīng)該記錄頁面被人們滾動(dòng)的情況，這是瀏覽行為的重要一部分。此外，熱圖系統(tǒng)還應(yīng)該展示網(wǎng)頁的哪一個(gè)部分在屏幕中被顯示的時(shí)間更久，從而幫助我們了解這個(gè)頁面的哪個(gè)部分被人們更為細(xì)致的查看。
衡量頁面被人們滾動(dòng)情況的指標(biāo)是“瀏覽線”，而衡量頁面哪個(gè)部分在屏幕中被顯示更久的指標(biāo)是顯示熱度。如下圖所示：
在上圖中，大家可以注意到一些百分比數(shù)字，從上到下依次變小。這些數(shù)字是指有多少比例的瀏覽者滾動(dòng)頁面到了相應(yīng)的位置。例如，上圖中57%的那一條線（實(shí)線和虛線），指有57%的訪客將頁面滾動(dòng)到了圖中線條所示的位置。
同樣，在上圖中，大家還可以注意到整個(gè)頁面被覆蓋了藍(lán)色綠色紅色黃色的各種色帶，它表示頁面的相應(yīng)位置在屏幕中停留時(shí)間的長(zhǎng)短。顏色越偏暖（紅色、橙色、黃色），停留時(shí)間越長(zhǎng)，說明人們看這個(gè)部分的時(shí)間越長(zhǎng)；顏色越偏冷（綠色、藍(lán)色乃至無色），相應(yīng)部分在屏幕中停留的時(shí)間越短，人們看這個(gè)部分的時(shí)間也越短。所以，這是第二類關(guān)鍵指標(biāo)：瀏覽線和駐留時(shí)間。
第三類關(guān)鍵指標(biāo)與前兩類不同
前兩類指標(biāo)衡量的是人們的主動(dòng)行為，即為了實(shí)現(xiàn)具體的目的而進(jìn)行的行為，而第三類指標(biāo)則衡量人們的間接行為。說起來拗口，理解起來并不困難。這一類行為就是我們常用的移動(dòng)鼠標(biāo)（但不點(diǎn)擊）的行為。移動(dòng)鼠標(biāo)的目的是為了點(diǎn)擊，但移動(dòng)本身是比較隨意的，為了點(diǎn)擊一個(gè)點(diǎn)，不同的人的移動(dòng)軌跡肯定不一樣，每一次的移動(dòng)也不同。衡量鼠標(biāo)的移動(dòng)并不是最為重要的事情，但是有的時(shí)候，卻又比較重要，比如要查看頁面上的用戶行為是不是“真正的人”的行為的時(shí)候。值得注意的是，大部分熱圖工具可能都不包含鼠標(biāo)移動(dòng)的監(jiān)測(cè)功能。對(duì)我而言，這個(gè)功能的需求不是特別頻繁，這篇文章就不做太多介紹了。
理解上面的這些關(guān)鍵指標(biāo)不困難，而且是一個(gè)非常好的開始，下面我們看看熱圖應(yīng)該怎么用，能夠如何暢快淋漓的解決我們的具體問題。
著陸頁之困
有同學(xué)問我，著陸頁最需要看的關(guān)鍵指標(biāo)是什么。過去我會(huì)回答，可以看“跳出率”，今天我則不完全這么認(rèn)為?？刺雎蕸]有錯(cuò)，但跳出率卻不完全可靠了。
原因在于，很多頁面的技術(shù)設(shè)置發(fā)生了變化，這些頁面上有很多非HTML的交互，比如點(diǎn)擊之后彈出客服的窗口，比如跳轉(zhuǎn)到其他網(wǎng)站（淘寶京東什么的），或者根本就是直接拿起電話撥打，或者訪問者從前到后仔仔細(xì)細(xì)看了頁面很久卻沒有更多行為，但頁面內(nèi)容確實(shí)觸動(dòng)了他——所有這些情況，都會(huì)造成跳出率“畸高”，并讓我們產(chǎn)生著陸頁非常糟糕的“幻覺”。
更何況，很多網(wǎng)站就是單頁面網(wǎng)站，這些網(wǎng)站就是一個(gè)著陸頁，所有的商業(yè)訴求，都在這個(gè)著陸頁上就完成了！這種情況下，你會(huì)期待得到一個(gè)高于95%的跳出率?。ㄖ劣跒槭裁床皇?00%，原因在于這個(gè)頁面可能會(huì)被用戶刷新，頁面刷新對(duì)于網(wǎng)站分析工具而言，就不再是一個(gè)跳出了）。例如，下面這個(gè)頁面，所有可以點(diǎn)擊的地方都是打開QQ進(jìn)行對(duì)話。
上面的頁面是典型的單頁面的網(wǎng)站，因?yàn)榫W(wǎng)站的設(shè)計(jì)者根本就沒想讓您再去看其他頁面。這些網(wǎng)站所有的鏈接都是鏈接到“企業(yè)QQ”或“樂語”之類的客服系統(tǒng)上去。所以，這一類的網(wǎng)站再去研究跳出率意義就不大了。這使優(yōu)化著陸頁陷入一個(gè)困境，即，使用我們傳統(tǒng)的監(jiān)測(cè)方法非常難以描述用戶的行為（因?yàn)橛脩舻男袨橐话愎ぞ邿o法偵測(cè)到），那么也就難以獲得任何優(yōu)化的依據(jù)！
優(yōu)化著陸頁，沒有比熱圖更贊的工具
既然不能完全依靠跳出率，我們?cè)趺茨苤肋@些頁面是否達(dá)到了我們的預(yù)期，又是否讓用戶也覺得滿意呢？這就必須要使用熱圖，而且必須使用更完善的熱圖工具，如我在上一節(jié)講第一類關(guān)鍵指標(biāo)的時(shí)候，能夠監(jiān)測(cè)到所有鼠標(biāo)點(diǎn)擊行為的工具，即能夠監(jiān)測(cè)到鏈接點(diǎn)擊、非鏈接點(diǎn)擊和空白點(diǎn)擊的熱圖工具。此外，我們還需要通過熱圖了解人們的注意力變化的情況，從而在沒有更多交互數(shù)據(jù)的情況下，判斷用戶對(duì)頁面的什么內(nèi)容產(chǎn)生了興趣。
我利用熱圖優(yōu)化著陸頁的思路通常是這樣：
首先，查看著陸頁是不是太長(zhǎng)了。人們普遍有一些對(duì)于頁面長(zhǎng)短的個(gè)人偏好和誤區(qū)。很多人相信，頁面長(zhǎng)短一定有一個(gè)定式，不應(yīng)該太長(zhǎng)（造成訪問者厭倦），也不應(yīng)該太短（導(dǎo)致意猶未盡，不明覺厲）。這個(gè)我相當(dāng)不敢茍同。就像一本雜志，10頁合適還是100頁合適？這可真沒有一個(gè)規(guī)定。若是雜志對(duì)你胃口（比如《花花公子》、《男人裝》什么的），100頁也嫌少呀，可是《朝陽群眾》雜志，估計(jì)不需要太多頁。
事實(shí)上，很多AB測(cè)試都表明一個(gè)規(guī)律，那就是頁面的長(zhǎng)短對(duì)商業(yè)目的的達(dá)成沒有規(guī)律。所以，你必須要具體情況具體分析。而頁面長(zhǎng)短的分析，又非用熱圖工具不可，尤其是非用我前面講的擁有“瀏覽線”不可（見上一節(jié)的第二類關(guān)鍵指標(biāo)）。
瀏覽線的使用非常簡(jiǎn)單，你的頁面有十幾屏長(zhǎng)，可是瀏覽線顯示到了第四屏就只剩5%的人了，那有必要審視頁面是否真的值得這么長(zhǎng)，或者內(nèi)容是否足夠吸引人持續(xù)看下去。
其次，查看人們是不是點(diǎn)了不該點(diǎn)的位置，或者沒有點(diǎn)擊該點(diǎn)的位置。這個(gè)就不用多解釋了，因?yàn)槔斫馄饋砗敛毁M(fèi)力。盡管如此，幾乎所有的著陸頁都會(huì)在這個(gè)地方犯錯(cuò)誤。熱圖展現(xiàn)出來，用戶的點(diǎn)擊規(guī)律往往超出你的想象。這些超乎你的預(yù)期的行為其實(shí)極為有價(jià)值，我們會(huì)據(jù)此判斷用戶的意圖，再用推測(cè)的用戶意圖修改當(dāng)前的著陸頁。
最后，修改之后的著陸頁我們并不會(huì)立即上線，而是進(jìn)行AB測(cè)試，不僅僅看看兩個(gè)著陸頁之間的CTR之間的比較，更繼續(xù)看兩個(gè)頁面熱圖的區(qū)別，這是對(duì)我們?cè)谏弦徊剿龅挠脩粢鈭D推測(cè)的驗(yàn)證。
這個(gè)方法對(duì)我屢試不爽，不用數(shù)據(jù)建模，不用大數(shù)據(jù)挖掘，就這么簡(jiǎn)單直接，但非常有效。
不信？我們看一個(gè)有名有姓的真實(shí)案例。
著陸頁熱圖分析案例
這是中國最知名的企業(yè)通信解決方案企業(yè)之一：“信通網(wǎng)贏”的一個(gè)新產(chǎn)品的頁面。
下面這個(gè)圖是縮小的，想要看全圖，點(diǎn)擊它就好。
現(xiàn)在，我告訴你，這個(gè)頁面的跳出率相當(dāng)不俗，只有52.95%，你覺得它還有優(yōu)化的必要嗎？
對(duì)于這樣的商業(yè)著陸頁而言，幾乎所有的流量都是來自百度SEM了，一個(gè)點(diǎn)擊的價(jià)格你懂的，53%的跳出率雖好，可是哪怕只降低1個(gè)百分點(diǎn)，那也是真金白銀的錢呀。更何況，現(xiàn)在百度只剩下寥寥幾個(gè)競(jìng)價(jià)廣告位，出價(jià)更加慘烈。
既然要分析，我把這個(gè)頁面相關(guān)數(shù)據(jù)給大家。
- 跳出率：52.95%；
- 平均停留時(shí)間：1分40秒；
- 退出率36.05%。
請(qǐng)問你覺得要如何改進(jìn)這個(gè)頁面？
你會(huì)說：“宋老師，這沒法分析，這些數(shù)據(jù)太寬泛了?！?/p>
幾乎所有的時(shí)候，我們面對(duì)一個(gè)著陸頁面也就是一點(diǎn)這樣的數(shù)據(jù)。優(yōu)化它？無從下手的趕腳。在大多數(shù)情況下，若是一個(gè)著陸頁面擁有跟上面這個(gè)頁面差不多的數(shù)據(jù)，則意味著這個(gè)頁面不會(huì)被特別優(yōu)化，因?yàn)?，整體而言這個(gè)頁面的表現(xiàn)還湊合嘛。
可是如果我們看看熱圖，你的想法會(huì)徹底改變。
下面的熱圖我利用PtMind公司提供的PtEngine監(jiān)測(cè)工具的熱圖功能，這是我能找到的最實(shí)用且易用的熱圖工具，并且這個(gè)工具的定位很好，過去我們很少用熱圖的一個(gè)重要原因，就是熱圖數(shù)據(jù)太不準(zhǔn)了，現(xiàn)在用這個(gè)工具則完全不擔(dān)心這個(gè)問題。
上面那個(gè)頁面的熱圖如下圖所示，同樣，點(diǎn)擊下面這個(gè)小圖看大圖。
熱圖給我們的槽點(diǎn)很多，從熱圖中得到的非常重要的信息如下：
- 第一屏中的五個(gè)“圓餅”，以及下方配的文字，都獲得了相當(dāng)多的點(diǎn)擊量?？上?，這五個(gè)圓餅沒有設(shè)置任何鏈接，不可以被點(diǎn)擊?！荒茳c(diǎn)，放到著陸頁的第一屏的這么醒目顯要的位置上，這是成心跟用戶體驗(yàn)過不去。
- 圓餅下方的兩個(gè)大通欄圖，占有第一、第二屏非常大的空間，可惜，幾乎沒有人在那里點(diǎn)擊。而且，查看右邊的注意力停留熱圖，這個(gè)位置的用戶駐留情況也非常不理想?！歉陕镞€要把這兩個(gè)通欄圖放到這么好的位置上？
- 頂部的導(dǎo)航，占有了大量的點(diǎn)擊。問題是，這個(gè)頁面的設(shè)計(jì)初衷，不是想把它作為導(dǎo)航過渡頁吧。
- 倒數(shù)第一二屏突然出現(xiàn)了大量點(diǎn)擊，而且瀏覽的駐留情況也相當(dāng)不錯(cuò)，說明這些內(nèi)容是被用戶極為關(guān)注的?？上?，滾屏到這里來的用戶只剩下不到60%。
這些信息不是一個(gè)跳出率53%能夠告訴我們的。但每一條都很重要！
看了上面四個(gè)信息，相信你知道應(yīng)該怎么樣調(diào)整這個(gè)頁面了。當(dāng)然，調(diào)整之后我們一定要做AB測(cè)試。AB測(cè)試的結(jié)果不出所料，跳出率在53%的基礎(chǔ)上，降到37.5%。對(duì)于依賴競(jìng)價(jià)排名的企業(yè)而言，這個(gè)巨大的變化足以幫助他們建立起面向競(jìng)爭(zhēng)對(duì)手的強(qiáng)大優(yōu)勢(shì)。
意外的積極副作用：簡(jiǎn)化的事件監(jiān)測(cè)（Event Tracking）
讀了上面的這個(gè)案例，細(xì)心的讀者一定會(huì)發(fā)現(xiàn)更有意思的東西。如果熱圖能夠忠實(shí)記錄鼠標(biāo)所有的點(diǎn)擊動(dòng)作，而無論這個(gè)地方是否真的可以點(diǎn)擊，那么，過去一些非常難以記錄的交互是否會(huì)因此變得簡(jiǎn)單？
這些難以記錄的交互如我們前面講的JavaScript、Flash、影音播放器插件、客服插件等等。過去，我們?yōu)榱擞涗涍@些交互元素被點(diǎn)擊的狀況，不得不利用event tracking（事件監(jiān)測(cè)）這個(gè)補(bǔ)丁。Event tracking是個(gè)好東西，但是有顯著缺點(diǎn)，就是部署很麻煩（現(xiàn)在大家都把event tracking的部署叫做埋點(diǎn)了），容易出錯(cuò)。
高級(jí)熱圖功能的出現(xiàn)，其實(shí)很大程度能幫助一些不需要太強(qiáng)大event tracking功能的朋友。比如，我只是想看某個(gè)JavaScript交互數(shù)量的多少，現(xiàn)在熱圖就直接告訴你了，不用埋點(diǎn)，省去了很大的麻煩。
如果熱圖做的足夠準(zhǔn)確精細(xì)，再加上今天的分析工具早已經(jīng)不是僅僅探知HTML交互那么簡(jiǎn)單（可以探知諸如DOM事件之類），那么甚至它能夠延伸出完整的event tracking的功能。這其實(shí)也是所謂的“無埋點(diǎn)”事件監(jiān)測(cè)的來源。盡管今天有些中國的工具供應(yīng)商強(qiáng)調(diào)他們“首創(chuàng)了”無埋點(diǎn)的技術(shù)，但這個(gè)解決方案實(shí)際上三四年前就早已出現(xiàn)。今天，很多工具供應(yīng)商都能提供相應(yīng)的功能。
在下圖中，我的博客的“featured”欄目中的上下滾動(dòng)的按鈕完全不是HTML交互，甚至連JavaScript交互都不是，但監(jiān)測(cè)工具可以輕松準(zhǔn)確地標(biāo)明這里被點(diǎn)擊了多少次。點(diǎn)擊下面的圖看大圖。
所以，這個(gè)功能幾乎可以立即變?yōu)闊o埋點(diǎn)的“event tracking”的功能，你不需要做任何額外的設(shè)置，工具已經(jīng)把所有能交互的不管三七二十一，也不管是不是HTML，全部都已經(jīng)記錄下來了。這跟過去完全是不同的體驗(yàn)，你會(huì)有一種強(qiáng)烈的工具變得如此智能的愉悅感。如下圖所示（仍然點(diǎn)擊小圖看大圖）：
事實(shí)上，我發(fā)現(xiàn)，熱圖做得準(zhǔn)確，無埋點(diǎn)收集的數(shù)據(jù)才能準(zhǔn)確。無埋點(diǎn)并非天生就能做到準(zhǔn)確，所以想看看無埋點(diǎn)做得好不好，看看這個(gè)工具熱圖做的是否準(zhǔn)確（數(shù)值和定位點(diǎn)的準(zhǔn)確性）就幾乎可以驗(yàn)證。
內(nèi)容分析也非常依賴熱圖
如果說著陸頁非常依賴熱圖，那么內(nèi)容分析則更加需要熱圖。內(nèi)容分析是數(shù)據(jù)驅(qū)動(dòng)運(yùn)營的一個(gè)難點(diǎn)，但又是一個(gè)很核心的點(diǎn)，尤其是對(duì)SEO領(lǐng)域更是極為重要。
內(nèi)容分析的難點(diǎn)在于，盡管你可以知道用戶有沒有到達(dá)你的內(nèi)容，但你無法判斷你的內(nèi)容如何影響到了用戶——是的，用戶到達(dá)（打開）內(nèi)容和看到內(nèi)容其實(shí)是兩回事。我們需要有方法去探知有多少用戶真的閱讀了你的內(nèi)容，閱讀的程度，以及他們?cè)谀睦锓艞?。?nèi)容分析跟著陸頁分析非常類似的地方同樣在于，利用跳出率的判斷實(shí)際上很不準(zhǔn)確，因?yàn)殚喿x可能并不需要點(diǎn)擊任何鏈接，但訪問者的內(nèi)心卻完全可能受到了內(nèi)容的影響，這種情況下很多的跳出很有可能是“偽跳出”。
在下面的例子中，我自己的網(wǎng)站，很明顯如果用跳出率來判斷，有失公允。我的文章（尤其是近幾年的文章），不怎么考慮SEO，所以也非常懶惰的不怎么加上內(nèi)部鏈接了。因此，這些文章（例如紅框內(nèi)的兩個(gè)文章）所體現(xiàn)出的跳出率往往相當(dāng)驚人。但是一個(gè)跳出率高，一定是這個(gè)文章被讀者“厭棄”了嗎？
這兩個(gè)加紅框文章中的第一個(gè)——“/interne”這個(gè)，我認(rèn)為這是我最受歡迎的文章之一，曾經(jīng)獲得了極為瘋狂的轉(zhuǎn)發(fā)。但這個(gè)文章的跳出率是最高的，高到81%。同時(shí)，你可以看到這個(gè)文章的停留時(shí)間實(shí)際上也很長(zhǎng)，接近6分半鐘。這兩個(gè)矛盾的指標(biāo)，我顯然更應(yīng)該相信停留時(shí)間。
發(fā)現(xiàn)問題所在并不困難，這篇文章的一個(gè)特點(diǎn)，是全文沒有任何一個(gè)鏈接——你看就好了，不需要點(diǎn)擊了。這對(duì)SEO不利，且顯然拉高了跳出率水平，但這篇文章卻確確實(shí)實(shí)獲得了很長(zhǎng)的停留時(shí)間，表明了人們?cè)陂喿x上所花費(fèi)的精力。知道這些的確不錯(cuò)，但是，我更想知道這個(gè)文章到底獲得了什么程度的閱讀，以及更基本的——有多少人閱讀了。表中的跳出率和停留時(shí)間都無法幫我解答這個(gè)問題。傳統(tǒng)的熱圖也無法幫我解決這個(gè)問題。
借助新的熱圖功能，尤其是屏幕駐留和閱讀線，我能看到很多過去看不到的東西，例如，人們究竟多么“愛”這篇文章。
上圖基本上展現(xiàn)了整篇文章的閱讀情況。
上面的熱圖告訴了我很多信息——很多人對(duì)我這篇文章的喜愛是由衷的。即使是如此長(zhǎng)的文章，仍然有接近40%的人看到了末尾。而且從屏幕主流的情況看，有效內(nèi)容部分始終被較長(zhǎng)時(shí)間的駐留。81%的跳出率又怎么樣？跳出率在這里已經(jīng)不重要，重要的是內(nèi)容正在被人消費(fèi)！
這樣有讀者認(rèn)同的文章，再加上文章內(nèi)適當(dāng)?shù)膬?nèi)鏈（這是我偷懶沒加的地方），很容易獲得搜索引擎的青睞。
這樣的案例非常普遍，幾乎所有的內(nèi)容分析，我都需要用上熱圖。
好，上半部分就講到這里。下半部分還要討論幾個(gè)很重要的內(nèi)容：熱圖如何幫助優(yōu)化轉(zhuǎn)化、熱圖如何解決一些共用模板但數(shù)量極為龐大的頁面的集群性分析、熱圖如何適應(yīng)新的網(wǎng)站頁面技術(shù)、如何在app上使用熱圖，以及如何將細(xì)分和熱圖相結(jié)合，創(chuàng)造更贊的分析！
相關(guān)閱讀
運(yùn)營優(yōu)化的秘密武器：重新認(rèn)識(shí)熱圖的力量！（下）
作者：Sidney Song
來源：http://www.chinawebanalytics.cn/learn-the-power-of-new-heat-map-1/
版權(quán)聲明：人人都是產(chǎn)品經(jīng)理尊重行業(yè)規(guī)范，所轉(zhuǎn)載的文章都注明作者和來源，若標(biāo)注有誤，請(qǐng)聯(lián)系主編QQ：419297645更改。
分析的真詳細(xì)，贊~~
很有幫助！期待下一篇