Eredmény: 1 - 4 (4) összesen

Téma: Heatmap (hőtérkép) & Scrollmap

  1. #1
    Bölcs BoGyesz logója
    Csatlakozott
    07-09-17
    Hely
    Sydney
    Hozzászólás
    1.067
    Begyűjtött 435 köszönetet
    198 hozzászólásával

    Üzenet Heatmap (hőtérkép) & Scrollmap

    Nem tudom hányan használtok ilyen szolgáltatást, de mi rendszeresen használunk heat- és scrollmap teszteket a különböző A/B tesztekhez, legyen az organikus vagy fizetett érkezési oldal. Annak ellenére, hogy a Google Analytics is mutat hasonló oldalelemzést, érdemes néha ezeket a teszteket is lefuttatni, mert a GA nem ad ennyire teljes képet arról, hogy mi is történik az oldalon. A GA-val szemben ezek a hő- és scrolltérképek rendkívül látványosak és pont erre van szükség amikor a kliensnek egy konverzió optimalizálás csomagot kellene eladni. A GA nem prezentál ilyen látványosan és a hőtérkép egy olyan "varázsszó", amire az emberek odafigyelnek és érdekesnek találják.

    A heatmap (hőtérkép) azt mutatja, hogy az oldalon belül hova kattintottak a látogatók és a színek a kattintások arányát mutatják, azaz a meleg színek azok a területek, ahova sok kattintás érkezett, a kékes terület, ahova kevés és a szürkés alapszín azt mutatja, hogy oda nem érkezett kattintás. Amennyiben fontosak a számok, a hőtérképet át lehet váltani overlay nézetbe is, ahol pontosan megmutatja az adott területre érkezett kattintások számát. Ebből ki lehet számolni, hogy egy adott terület mennyi kattintást visz el, sőt confetti módban szűkíteni lehet a kattintások ábrázolását pl. ország, napszak, kereső, oprendszer, stb szerint.

    Az alábbi hőtérképet a kapcsolati oldalon futtatjuk, mert azt sejtjük, hogy konverziók vesznek el a hosszú form miatt. Lehet látni, hogy melyek azok a mezők, amiket a látogatók kitöltenek és melyek azok, amiket kevésbé. Ez utóbbiak közül kiválasztjuk, hogy melyek nem feltétlen szükségesek, majd rövidebbre vágjuk az egész formot, hogy ne tűnjön ijesztően hosszúnak és bonyolultnak.



    Ez a hőtérkép egy online bolt főlapja és érdekes volt látni, hogy mennyien kattintanak a keresésre, mely bannerek a legérdekesebbek az oldal tetején, valamint hogy a látogatók használnak egy olyan funkciót az oldal alján, amiről mindenki azt gondolta, hogy teljesen felesleges. Ezt egyébként a GA nem is mutatja, mert CSS-ről van szó.




    A scrolltérkép (szép magyar szó) azt mutatja, hogy az oldal mely részén töltötték az időt az felhasználók. Ez mutatja, hogy mennyi időt töltenek az oldal tetején, közepén és hogy legörgetnek -e az oldal aljára. A színek hasonlóak a hőtérképhez, azaz a meleg színek mutatják az oldal "legtöbbet nézett" részét.

    A kapcsolati oldalon látszik, hogy a látogatók egyből legörgetnek a formhoz és nem törődnek az oldal tetejével és aljával. Ha valami fontos CTA-t (call-to-action) kellene elhelyezni az oldalon, akkor azt a form "fehér" részének jobb oldalán helyezném el. Pl. a jelenlegi banner épp azt mutatja, hogy nulla százalékos hitelre megkapják a kölcsönt és ezt tuti látják, mert itt töltik el a legtöbb időt.



    Az alábbi scrolltérképen látni, hogy a főoldal alja kevesebb mint 25%-ot ér el, úgyhogy oda nem raknék fontos funkciókat vagy üzeneteket (call-to-action).




    Ezek a tesztek a Crazy Egg szolgáltatással készültek, ami nem túl drága szerintem, megéri futtatni a fontos oldalakon.


    "Rank Doesn’t Matter, Conversion Does"

  2. The Following 13 Users Say Thank You to BoGyesz For This Useful Post:

    0xFF (2013-01-25), BagiZoli (2013-01-25), Csurga (2013-01-25), djarni (2013-01-25), ferrari27 (2013-01-25), Harder (2013-01-26), hatasu (2013-01-25), koci (2013-01-25), Marchello (2013-01-26), Portik Zalán (2013-01-25), rudolf a rénszarvas (2013-01-25), szklenarg (2013-01-26), yatoo (2013-01-25)

  3. #2
    Bölcs koci logója
    Csatlakozott
    10-03-20
    Hely
    Budapest
    Hozzászólás
    582
    Begyűjtött 89 köszönetet
    68 hozzászólásával

    Alapbeállítás re: Heatmap (hőtérkép) & Scrollmap

    A hőtérképeset én is használom az oldalaimon, nagyon szeretem.
    Én a clickheatet használom rá, ingyenes progi, de annyit nem tud mint a Bogyesz által említett Crazy Egg (pl nincs schrollmap)
    Labsmedia's ClickHeat - clicks' heatmap



  4. #3
    Bölcs BoGyesz logója
    Csatlakozott
    07-09-17
    Hely
    Sydney
    Hozzászólás
    1.067
    Begyűjtött 435 köszönetet
    198 hozzászólásával

    Alapbeállítás re: Heatmap (hőtérkép) & Scrollmap

    Ezt a cikket nagyon ajanlom hoterkep elemzeshez: 19 Things We Can Learn From Numerous Heatmap Tests



  5. The Following 3 Users Say Thank You to BoGyesz For This Useful Post:

    Baross Ferenc (2013-01-25), Harder (2013-01-26), Portik Zalán (2013-01-25)

  6. #4
    Bölcs yatoo logója
    Csatlakozott
    09-02-18
    Hely
    Budapest
    Hozzászólás
    1.842
    Begyűjtött 522 köszönetet
    300 hozzászólásával

    Alapbeállítás re: Heatmap (hőtérkép) & Scrollmap

    És már meg is van hogyan lehet konverzió növelést eladni a sikerdíjas optimalizálás mellé!



A téma címkéi:

Könyvjelzők

Hozzászólás szabályai

  • Új témákat nem hozhatsz létre
  • Válaszokat nem küldhetsz
  • Fájlokat nem csatolhatsz
  • A hozzászólásaidat nem módosíthatod
  •