Šilumos žemėlapis, šilumos žemėlapis arba „heatmaps“ yra internetinė rinkodaros, naudojimosi ir SEO specialistų paslauga, leidžianti peržiūrėti ir išmatuoti vartotojo veiksmus svetainėje bei pačios svetainės veikimą. Naudodami šilumos žemėlapį galite sužinoti daugiau apie vartotojų elgesį savo svetainės ar internetinės parduotuvės puslapiuose. Tokiu būdu galite optimizuoti jo dizainą, kad pagerintumėte vartotojų elgesį.

Internetinės parduotuvės ar svetainės šilumos žemėlapiai – tipai ir išsami informacija

Yra 4 šilumos žemėlapių tipai:

  1. Pataikykite žemėlapį– atspindi visus svetainės puslapių elementus ir sritis, kuriuos spusteli vartotojai, ir kiekvieno elemento paspaudimų skaičių pasirinktu laikotarpiu. Svetainėje naudodami spustelėjimų žemėlapį galite analizuoti naudotojų nuostatas, nustatyti elementus, kurie gali būti nespaudžiami, bet kurių vartotojai yra paklausūs, taip pat identifikuoti mygtukus, kurie paliekami be priežiūros. Tai yra, tie, kurių niekas nepaspaudžia.
  2. Slinkite žemėlapį- atspindi pasirinktą laikotarpį procentais puslapio dydis ir puslapį peržiūrėjusių vartotojų skaičius. Paprastesnis – slenkantis žemėlapis rodo puslapio žiūrėjimo gylį, tai yra, kaip giliai vartotojai peržiūri jūsų puslapius.
  3. Pelės veiklos žemėlapis- atspindi elementus, ant kurių naudotojai užvesdavo pelės žymeklį.
  4. Seanso vaizdo įrašas- visų svetainės naudotojų elgesio registravimas, kad būtų galima pamatyti jų judesius ir paspaudimus.

Kiekvienas šilumos žemėlapio tipas padės patobulinti svetainę ar internetinę parduotuvę, sužinoti daugiau apie vartotojus ir padidinti pajamas.

Atskirai būtina paminėti tokį svetainės UX vertinimo įrankį kaip vartotojo elgesio vaizdo įrašymą. Kartais jis laikomas esminiu bet kokio šilumos žemėlapio komponentu, o kartais visiškai painiojamas su pastaruoju.

Elgesio vaizdo įrašymas leidžia matyti svetainę lankytojo akimis, nes fiksuoja pelės judesius, puslapio atidarymus ir pan.

Nepaisant populiarumo, šis įrankis nėra tinkamas tinkamumo auditui atlikti. Faktas yra tas, kad svetainė su dideliu lankomumu gali surinkti kelis tūkstančius seansų per dieną. Kiekvienas iš jų trunka nuo kelių sekundžių iki kelių valandų (ypač jei kas nors pamiršo uždaryti skirtuką). Neįmanoma išanalizuoti viso duomenų rinkinio remiantis vaizdo įrašu.

Nepaisant to, nusprendėme į savo apžvalgą įtraukti tokį kriterijų kaip lankytojų elgesio vaizdo įrašų prieinamumas.

Kaip šilumos žemėlapis gali padėti padidinti jūsų svetainės ar internetinės parduotuvės pelną?

Naudodami toliau pateiktą informaciją, kurią pateikia šilumos žemėlapis, šilumos žemėlapis arba slinkties žemėlapis, galite padidinti savo pelną.

  1. Mažas konversijų skaičius ir jų atsiradimo priežastys. Paspaudimų žemėlapio dėka galite analizuoti vartotojo veiksmus ir keisti svetainės turinį ar jos dizainą.
  2. Dizainas ir „nerasta klaidų“. Sunku savarankiškai atspėti svetainės patogumą klientams. Tik eksperimentai ir šilumos žemėlapio duomenys duos jums galutinį atsakymą.
  3. Informacijos turinys ir turinio kokybė. Slenkančio žemėlapio dėka galite matyti žiūrėjimo „gylį“ ir tai, kokie įdomūs bei aktualūs vartotojams yra jūsų pasiūlymai.
  4. Nustatyti tinkamą vietą nuorodai įdėti, taip pat dabartinius pasiūlymus
  5. Iššokančiųjų langų efektyvumo nustatymas. Daugelis įmonių nenaudoja iššokančiųjų langų tik todėl, kad mano, kad jų naudojimas yra neveiksmingas, niekada jų neišbandė. Tačiau naudodami šilumos žemėlapį galite nustatyti iššokančiųjų langų efektyvumą ar neveiksmingumą.
  6. Raginimas veikti ir kur juos įdėti. Atsižvelgiant į tai, kad jei turite „stiprų“ raginimą veikti, patalpindami jį patogioje ar matomoje svetainės vietoje, priverčiate vartotoją į jį reaguoti.
  7. Dinaminiai svetainės elementai ir jų matomumas. Išanalizuokite, kaip vartotojai reaguoja į dinaminius elementus ir apskritai, kaip jie naudingi vartotojams.
  8. Puslapio paspaudimų seka ir jų analizė. Šiuos duomenis verta išsiaiškinti, nes tokiu atveju žinosite, kur ir kaip reikėtų patalpinti savo informaciją, kad geriau suvoktumėte ir vėliau pirktumėte.

Šioje medžiagoje yra informacijos apie 16 populiarių paspaudimų žemėlapių. Kai kuriuos iš jų galėjome išbandyti (tuos, kurioms galima registracija).

Mūsų apžvalga apėmė šias paslaugas:

Į šią apžvalgą neįtraukti produktai, kuriems šilumos žemėlapis yra tik papildoma priemonė (Yandex.Metrika, Vwo, Userreplay ir kt.), taip pat paslaugos, kurios ilgą laiką nebuvo atnaujintos (Mockingfish, Heat-map.co, ir tt.).

Lemarbet specialistai veda , kurio metu dažniausiai naudojami 2 pagrindiniai įrankiai:

  1. Pataikykite žemėlapį– vartotojų sąveikos su įvairiomis svetainės sritimis ir elementais statistika;
  2. Slinkite žemėlapį– puslapio peržiūros gylio statistika.

Pereikime prie susipažinimo su populiariausiais paspaudimų žemėlapiais:

1. Plerdy

Plerdy yra patogi ir gana paprasta SEO paslauga, skirta peržiūrėti svetainės srautą ir vartotojų elgesį joje. Viename gaminyje yra du įrankiai, kuriuos rinkodaros specialistai gali naudoti norėdami pagerinti savo svetainių konversijų rodiklius. Pirmasis įrankis – šilumos žemėlapis, antrasis – išmanusis formų kūrimo įrankis (su jo pagalba galima kurti dinaminius langus nemokant programavimo kalbų).

Paspaudimai pradedami rinkti iškart po Plerdy scenarijaus įdiegimo. Norėdami peržiūrėti rezultatus, tiesiog atidarykite savo svetainės šoninę juostą (Ctrl-Alt-H derinys). Visi duomenys rodomi internete, tiesiai jūsų žiniatinklio šaltinio puslapiuose.

Patogu ir tai, kad norint perjungti puslapius nereikia grįžti į pagrindinę paskyrą: perjungus atitinkamo puslapio statistika atsidaro atskirai:

Visa informacija apie paspaudimus suskirstyta į segmentus pagal įrenginį ir srauto kanalą. Jei reikia, stebėkite paspaudimų rodiklius atskiras elementas, taip pat galite nustatyti savo žymas.

Itin naudingas niuansas: Plerdy scenarijus atsižvelgia į visų interaktyvių svetainės elementų (iššokančių langų, išskleidžiamųjų meniu ir kt.) paspaudimus:

Naudojant patentuotą duomenų rinkimo algoritmą, Plerdy Click Heat Map pateikia iki 99 % tikslius paspaudimų duomenis. Vienas iš „Plerdy click“ šilumos žemėlapio naudojimo pranašumų yra tai, kad visi duomenys rodomi „gyvoje“ svetainėje ir internete. Tai yra, galite peržiūrėti surinktus duomenis skirtinguose svetainės puslapiuose ir pamatyti, kaip vartotojai sąveikauja su jūsų svetaine.

Taip pat internetinė SEO paslauga Plerdy apima ne tik paspaudimų šilumos žemėlapį, bet ir šiuos įrankius:


Plerdy šilumos žemėlapio pranašumai:

  • duomenų patikimumas ir tikslumas iki 99%;
  • paspaudimų svetainėje rezultatai matomi iš karto;
  • galima segmentuoti vartotojus pagal srauto kanalus;
  • renkami dinaminių objektų paspaudimai;
  • galima nustatyti atskiras žymas paspaudimams sekti;
  • galimybė peržiūrėti puslapio slinkimo gylį;
  • Visa statistika pateikiama lentelių pavidalu.

Paspaudimų šilumos žemėlapio trūkumai:

  • neeksportuoti duomenų iš sąskaitos;
  • duomenų saugojimas: nuo 3 iki 6 mėnesių

Lokalizacija: Rusų, ukrainiečių ir anglų kalbomis

Plerdy click šilumos žemėlapio kaina: 3 paketai: 29 USD už puslapio peržiūrą: 10 000 USD per dieną, 59–25 000 USD per dieną, 99 USD per mėnesį. – 50 000 per dieną.
Nemokama versija: Taip, bet su tam tikrais apribojimais: 2000 puslapių peržiūrų per dieną įrašymas, 3 puslapių prijungimas, duomenų saugojimas - 3 mėnesiai, peržiūros rezultatai - tik darbalaukio versija.

Kad būtų lengviau peržiūrėti rezultatus, visi paspaudimai skirstomi į 2 grupes: pagal aktyvius elementus (mygtukai, laukai, baneriai) ir „tuščioje“ zonoje (pagal tekstus, tarp laukelių).

Naudodamiesi šiuo šilumos žemėlapiu galite rinkti statistiką apie dinaminius elementus (meniu, formas, slankiklius ir kt.).

Absoliutus atradimas mums buvo tai, kad įdiegus scenarijų paspaudimai buvo renkami tik tame puslapyje, kuriame buvo įdiegtas atitinkamas kodas. Norėdami suaktyvinti kiekvieną kitą puslapį, turite atskirai įjungti paspaudimo įrašymo funkciją. Ir nors tai galima padaryti iš Hetmap.me darbo skydelio, šis metodas vis tiek užima per daug laiko. Jei jūsų svetainė yra nukreipimo puslapis arba vizitinė kortelė, tai nėra didelė problema. Bet jei turite šimtus ar tūkstančius puslapių parduotuvę, scenarijų įdiegti tikrai bus labai sunku.

Hetmap.me svetainės spustelėjimo šilumos žemėlapio pranašumai:

  • paspaudimai puslapyje rodomi tiksliai ten, kur juos padarė vartotojas;
  • dinaminių objektų paspaudimų rinkimas;
  • Galima eksportuoti duomenis lentelės formatu (CSV);

Hetmap.me svetainės spragtelėjimo šilumos žemėlapio trūkumai:

  • Duomenų rinkimas turi būti suaktyvintas atskirai kiekviename puslapyje;
  • nėra galimybės palyginti skirtingų puslapių duomenų (nėra paskyros su visa paspaudimų analize. Galite palyginti elementų spustelėjimą tik viename puslapyje);
  • Sustabdžius paspaudimų rinkimą puslapyje, visa surinkta statistika ištrinama;
  • adaptacinėje svetainės versijoje nėra segmentavimo pagal srauto tipą, kad būtų galima nustatyti paspaudimus;
  • Duomenys nerodomi elementuose, kurie pasiekiami tik adaptacinėje svetainės versijoje (pvz., „mėsainio“ paspaudimai)

Duomenų saugojimas:nuo 6 mėnesių iki 2 metų

Svetainės Hetmap.me lokalizavimas spustelėjus šilumos žemėlapį: anglų kalba

Hetmap.me svetainės paspaudimo šilumos žemėlapio kaina:priklauso nuo pasirinkto paketo sąlygų. Iki 100 milijonų puslapių peržiūrų – 100 USD per mėnesį. Iki 1 milijardo puslapių peržiūrų – 200 USD per mėnesį

Nemokama Hetmap.me svetainės versija spustelėkite šilumos žemėlapį: Yra

10.Pelės srautas

SEO paslauga, kurią įkūrė Danijos verslininkas.

Pagrindinės „Mouseflow“ paspaudimų žemėlapio funkcijos apima paspaudimų šilumos žemėlapį (su lankytojų segmentavimu pagal kalbą, operacinė sistema, ekrano dydis, vieta ir kt.), slenkantis žemėlapis, žymeklio judėjimo žemėlapis, dėmesio zonos žemėlapis, puslapių formų analizė, lankytojų elgesio svetainėje vaizdo įrašymas, pardavimo kanalo analizės nustatymas.

Mouseflow šilumos žemėlapyje taip pat galite įjungti pokalbį, kad galėtumėte bendrauti su savo žiniatinklio šaltinio lankytojais.

Pagrindinis įrankio akcentas yra vaizdo įrašymas. Paspaudimų žemėlapis yra tik priedas, padedantis išsiaiškinti, ką spustelėjo kiekvienas lankytojas.

Vienas didžiausių šio įrankio privalumų yra tai, kad jame yra formų analizės funkcija, leidžianti matyti ir suprasti, kodėl svetainės lankytojai atsisako formų.

„Hotjar“ ir „Mouseflow“ funkcijos yra labai panašios: šilumos žemėlapiai, formos, sekos ir seanso pakartojimas. Taip pat galite integruoti „Mouseflow“ su tokiomis platformomis kaip „Joomla“, „Shopify“, „WordPress“, „Google Analytics“, „Hubspot“ ir kt.

Nepaisant plačių šio daugiafunkcinio įrankio galimybių, jis neįrašo dinaminių svetainės objektų paspaudimų. Be to, žiūrint šilumos žemėlapio ataskaitas iš mobiliųjų įrenginių, neįmanoma atidaryti meniu, kuriame buvo renkami duomenys:

Atlikdami tyrimą mes išsiaiškinome, kad:

  1. Kompleksiniai daugiafunkciai įrankiai tinka didelės apimties projektams (internetinės parduotuvės, informaciniai portalai ir kt.), profesionalios paspaudimų kortelės – vidutiniam ir smulkiam verslui;
  2. Renkantis paspaudimų žemėlapį verta palyginti ne tik privalumus, bet ir trūkumus. Nors pastarasis greičiausiai bus pataisytas artimiausiu metu (bent jau taip apie tai rašo kūrėjai), teks dirbti su tuo, ką turite. Todėl prieš apsigyvenant viename iš paspaudimų žemėlapių vis tiek rekomenduojame pabandyti dirbti bent su tais, kurie jums tinka pagal kainą, naudojimo kalbą ar papildomų įrankių galimybes. Tai padės priimti teisingas sprendimas, lyginant kelis įrankius tarpusavyje.

Šilumos žemėlapis yra svarbi priemonė konversijos augimui užtikrinti, todėl jo pasirinkimas turėtų būti vertinamas atsakingai.

Sveikiname visus ieškančius žinių! Šiandien pagrindinis dėmesys bus skiriamas tokiems „Yandex.Metrics“ interneto analizės įrankiams kaip šilumos žemėlapiai ir žiniatinklio peržiūros priemonė.

Kiekvienas, užsiimantis interneto rinkodara, naudoja interneto analizės įrankius.

Pagrindinės analitinės sistemos yra (NM) ir (GA). Galite naudoti tik GA, kuri turi galimybę atsisiųsti duomenis iš „Yandex.Direct“, tačiau GA neturi „Webvisor“, ir tai yra labai reikalingas ir įdomus dalykas. Bet daugiau apie tai šiek tiek vėliau.

Kas yra šilumos žemėlapiai

„Šilumos žemėlapiai“- taip jie viską vadino „Yandex.Metrica“ paspaudimų žemėlapiai, tačiau iš tikrųjų YaM yra skirtukas „Žemėlapiai“, o jame: Spustelėkite Žemėlapį, Nuorodų žemėlapį, Slenkantį žemėlapį ir Formų analizę.

Tiesiogiai „Spustelėkite žemėlapį“ yra keli žemėlapio rodymo režimai:

  • "Šilumos žemėlapis" - šiltos spalvos atitinka dažnus paspaudimus, šalti - retus.
  • „Monochrominis žemėlapis“ - spalvų tankis atitinka paspaudimų dažnumą tam tikrame taške.
  • „Nuorodų ir mygtukų paspaudimai“ – žemėlapyje nerodomi elementų, kurie nėra nuorodos ar mygtukai, paspaudimai.
  • „Skaidrumo žemėlapis“ – spustelėjimo žemėlapis rodomas kaip „rūko kaukė“: per „rūką“ aiškiau matomi labiausiai spustelėjami elementai.
  • „Elementų žemėlapis“ – visi svetainės puslapio elementai rodomi žemėlapyje.

Ryžiai. 2. Yandex.Metrica žemėlapiai.

Jei matote tokį ekraną, kai pasiekiate žemėlapius ir žiniatinklio peržiūros priemonę,

būtina pakeisti „Webvisor“ skaitiklio kodo nustatymusČia:

Ryžiai. 4. Yandex.Metrica skaitiklio kodo nustatymai.

ir perrašykite pakeistą kodą visuose svetainės puslapiuose.

Pažiūrėsim „Yandex“ paspaudimų mėnesio šilumos žemėlapis. Viršutiniame dešiniajame kampe esantis mygtukas leidžia paslėpti arba rodyti nustatymų skydelį.

Ryžiai. 5. Paspaudimų šilumos žemėlapis.

Žemėlapis tai rodo didžiausias skaičius paspaudimų formos laukuose, ko mums reikia. BET, rodyklės rodo, kad žmonės taip pat spusteli aktyvus vizualine prasme puslapio elementai – kalendoriaus paveikslėlis viršuje, „flash“ kortelės su užrašu „iki 100 žodžių“ ir stilizuota rodyklė, nukreipianti į formą.

Tie elementai iš tikrųjų yra atitraukti dėmesį nuo formos, ir tai turi prasmę dekoratyviniai elementai o be jų pažiūrėkite, kokiu atveju anketos pildymo konvertavimo kursas bus didesnis. Drįstu pasiūlyti, kad jei jie būtų pašalinti arba padaryti mažiau pastebimi - .

Pranešimas apie paspaudimo parametrą „Registracija“

Nustatymuose galime segmentuoti pagal skirtingi rodikliai ir išsaugoti sukurtas ataskaitas. Šiuo atveju pažiūrėkime, kaip tie lankytojai elgėsi paliko el. laišką nukreipimo puslapio formoje.

Ryžiai. 6. Anketą užpildžiusių asmenų paspaudimų šilumos žemėlapis.

Papildomų paspaudimų praktiškai nėra. Tai rodo, kad sėkmingai užsiregistravo labiau besidominčių, dėmesingesnių ir tikslingesnių lankytojų dalis. Likusiesiems, matyt, reikia pagalbos – pašalinti nereikalingus elementus.

Galite žaisti su skirtingais šilumos žemėlapio režimais, kad gautumėte geriausią įmanomą vaizdą apie tai, kur svetainės lankytojai spustelėja.

Žemėlapis nuorodos

Nuorodų žemėlapis yra įrankis, skirtas įvertinti jūsų svetainėje arba nukreipimo puslapyje esančių nuorodų paspaudimų statistiką. Žemėlapyje esančios nuorodos yra paryškintos skirtingos spalvos priklausomai nuo jų populiarumo.

  • nuorodos paspaudimų skaičius;
  • paspaudimų procentas, palyginti su kitomis puslapio nuorodomis.

Ryžiai. 7. Nuorodų žemėlapis.

Formų analizė

Parodos formos sąveikos piltuvas: atėjo - pamatė - užpildė. Taip pat būtinas dalykas.

Ryžiai. 7. Formų analitika.

Šiame pavyzdyje didelė konversija formos – 19,57 proc.

Nuo ko priklauso formos konvertavimas – atskiro straipsnio tema, bet trumpai – forma turi būti pastebima, suprantama ir paprasta. Laukų, kuriuos reikia užpildyti, skaičius labai veikia konversiją. Šiuo atveju -

tik vienas laukas. Būtų malonu pridėti „vaiduoklio tekstą“, kad būtų nurodyta, ką rašyti, nes kai kurie žmonės bando įvesti vardą arba telefono numerį, o ne el. pašto adresą arba atvirkščiai. Ypatingą susidomėjimą kelia 75 lankytojai, kurie bendravo su forma, bet nepateikė duomenų.

Toliau pateiktame pavyzdyje yra pavaizduotas tekstas, 3 laukai ir 2,81% konversijos koeficientas. Nekorektiška lyginti skirtingų svetainių formų konversijas, nes naudojami visiškai skirtingi pasiūlymai, auditorija, dizainas, vieta ir pan. Pateikiu šį paveikslėlį kaip pavyzdį, kaip formos veikia skirtingai.

Naudodami Form Analytics įrankį galite išbandyti skirtingų variantų formų, pasiekiant aukštą konversiją.

Ryžiai. 8. Formų analitika.

Pastaba (taikoma visoms YAM kortelėms):

  • Žemėlapis rodomas tik tuose svetainės puslapiuose

Paspaudimų žemėlapis yra įrankis, skirtas įvertinti ir rodyti jūsų svetainės paspaudimų statistiką. Žemėlapyje rodomi visų puslapio elementų paspaudimai (įskaitant tuos, kurie nėra nuorodos). Tokiu atveju galite matyti ne tik lankytojų sąveiką su vienu puslapiu, bet ir apibendrintą svetainės puslapių grupės statistiką. Pavyzdžiui, gaukite atskiro skyriaus statistiką.

Šilumos žemėlapis padeda įvertinti svetainės tinkamumą naudoti, nustatyti elementus, kuriuos galima spustelėti dažniausiai, ir nustatyti, kurie dizaino elementai svetainės lankytojams atrodo kaip nuoroda, bet nėra viena.

Paspaudimai žemėlapyje paryškinami skirtingomis spalvomis, atsižvelgiant į jų dažnumą. Žemėlapyje rodomas bendras paspaudimų skaičius puslapyje (puslapių grupėje) ir paspaudimų, kurie pateko į dabartinę jums matomą sritį, procentas.

Galite naudoti kelis žemėlapio rodymo režimus:

    "Šilumos žemėlapis"- šiltos spalvos atitinka dažnus paspaudimus, šaltos – retus paspaudimus.

  • "Vienspalvis žemėlapis"- spalvų tankis atitinka paspaudimų dažnumą tam tikrame taške.
  • „Nuorodų ir mygtukų paspaudimai“- elementų, kurie nėra nuorodos ar mygtukai, paspaudimai žemėlapyje nerodomi.
  • „Skaidrumo žemėlapis“- šilumos žemėlapis rodomas kaip "rūko kaukė": labiausiai spustelėjami elementai yra aiškiau matomi per „rūką“.

  • "Elemento žemėlapis"- žemėlapyje rodomi visi svetainės puslapio elementai.

Puslapių grupės statistika

Norėdami peržiūrėti puslapių grupės statistiką, URL lauke galite naudoti papildomus simbolius.

Simbolis Aprašymas Pavyzdys
*
~ reguliarioji išraiška
Simboliai, naudojami pateikiant statistiką
Simbolis Aprašymas Pavyzdys
* Atitinka bet kokį skaičių simbolių

Rodyti visų puslapių, kurių URL prasideda https://example.com/goods/, duomenis, įskaitant nurodytą puslapį: https://example.com/goods/*.

Jei į lauką įvesite adresą be simbolių, Metrica išskleidžiamojoje užuomoje pasiūlys eilutę su simboliu *

~ Sąlyga yra reguliari išraiška Rodyti puslapių, kurių URL atitinka reguliarųjį reiškinį, duomenis. Pavyzdžiui, ~http://example.com/.*

Pažiūrėkime į pavyzdį. Būtina gauti statistiką apie puslapius, įtrauktus į katalogą https://example.com/goods/. Kad duomenys būtų rodomi žemėlapyje, laukelyje įveskite adresą https://example.com/goods/* (įvedus tą patį adresą atsiras išskleidžiamajame patarime). Duomenys bus atsisiunčiami automatiškai.

Žemėlapis bus rodomas populiariausiame svetainės puslapyje, kurio URL atitinka nurodytą sąlygą. Visų sąlygą atitinkančių puslapių skaitiniai rodikliai (peržiūrų skaičius, paspaudimai, matomų paspaudimų dalis) bus sujungti.

Rodomi duomenys iframe

Jei jūsų svetainė yra apsaugota nuo rodymo iframe (tai yra, serverio nustatymuose naudojama antraštė X-Frame-Options), surinkti duomenys nebus matomi. Norėdami peržiūrėti duomenis apie apsilankymus svetainėje, turite pridėti išimtį prie serverio nustatymų, skirtų webvisor.com domenui ir jo padomeniams, taip pat savo svetainės domenui naudodami reguliarųjį posakį

^https?:\\/\\/([^\\/]+\\.)?(yourdomain\\.com|webvisor\\.com)\\/

Jei naudojate nginx, pridėkite šias konfigūracijos išimtis:

Vieta / (\n nustatyti $frame_options "";\n if ($http_referer !~ "^https?:\\/\\/([^\\/]+\\.)?(yourdomain\\.com| webvisor\\.com)\\/")(\n nustatykite $frame_options "SAMEORIGIN";\n )\n add_header X-Frame-Options $frame_options;\n ...\n )

kur jūsųdomenas\\.com yra jūsų svetainės domeno pavadinimas. Naudokite savo svetainės domeno plėtinį (gali skirtis nuo .com).

Puslapio dydžio apribojimas

Norėdami rodyti duomenis žemėlapyje, turite laikytis tam tikrų svetainės puslapių dydžio apribojimų. Žemiau pateikiamos reikšmės, kaip rodyti žemėlapį skirtingos naršyklės:

Naršyklė Didžiausias puslapio aukštis / plotis (pikseliais) Maksimalus kiekis pikselių
„Mozilla Firefox“. 32 767 472 907 776 (22 528 x 20 992)
Chrome 32 767 268 435 456 (16 384 x 16 384)
Internet Explorer 8 192 67 108 864 (8 192 x 8 192)

„Yandex.Metrica“ yra nepakeičiama žiniatinklio analizės paslauga. Su jo pagalba sužinosite apie viską, kas vyksta svetainėje – kur ir kokiomis paieškos frazėmis vartotojai patenka į šaltinį, kuriose skiltyse ieško informacijos ir kurias nuorodas spusteli dažniausiai. Remdamiesi tokiais duomenimis galite nustatyti efektyvius svetainės reklamavimo kanalus, naudojamas paslaugas ir produktus labai paklausus adresu potencialių pirkėjų, elementai, mažinantys konversiją.

„Yandex.Metrica“ žemėlapiai padės pagerinti svetainės naudojimą ir nuodugniai išanalizuoti vartotojų elgesį. Šis įrankis sukuria keturių tipų ataskaitos: paspaudimų, puslapio slinkimo, nuorodų paspaudimų ir lankytojų sąveikos su formomis statistika. Norėdami gauti išplėstinę statistiką, Yandex.Metrica skaitiklyje turite nurodyti parametrą „, slinkti žemėlapį, formų analizė“. Paslauga pradės rinkti duomenis per pusvalandį po skaitiklio įdiegimo.

Slinkties žemėlapiai (šilumos žemėlapiai)

Slenkamieji žemėlapiai rodo vartotojų dėmesio pasiskirstymą įvairiose išteklių puslapių srityse. Su jų pagalba lengva nustatyti optimalus ilgis puslapius, teisingai juos įdėdami svarbius elementus. Norėdami peržiūrėti slenkamą žemėlapį, meniu turite pasirinkti elementą „Žemėlapiai“ ir spustelėti skiltį „Slenkamas žemėlapis“.

Atsidariusiame lange bus rodoma slinkimo pagrindiniu svetainės puslapiu statistika. Sritys žemėlapyje bus paryškintos skirtingomis spalvomis, atsižvelgiant į žiūrėjimo laiką. Puslapio sritys, kuriose lankytojai praleidžia daugiau laiko, paryškintos raudonai, o greitai slenkančios sritys – žalia arba mėlyna spalva.

Perkeldami žymeklį žemėlapyje, matysite išplėstinę statistiką – vietovės peržiūrų skaičių ir jų trukmę.

Slenkant žemėlapius taip pat galite nustatyti skirtingus rodymo režimus, apriboti analizės laikotarpius ir palyginti segmentus su nurodytomis sąlygomis. Išplėstinius statistikos nustatymus galite pasiekti spustelėję rodyklės piktogramą viršutiniame dešiniajame puslapio kampe.

Atkreipkite dėmesį! Slenkančio žemėlapio statistika saugoma 15 dienų. Jei puslapyje neįdiegtas Yandex.Metrica skaitiklis su nurodytais atributais, statistika nebus renkama.

Slenkantys žemėlapiai leidžia konvertuoti svetainę ir pagerinti našumą. Remdamiesi ataskaitos duomenimis, nustatysite sritis, į kurias vartotojai maksimaliai sutelkia savo dėmesį, ir galėsite jas ten patalpinti. svarbūs blokai ir turinį.

Nuorodų žemėlapiai

Nuorodų žemėlapiuose rodoma nuorodų paspaudimų statistika. Kiekvienas spustelėjamas elementas svetainės puslapiuose bus paryškintas skirtingomis spalvomis – nuo ​​mėlynos iki raudonos – pagal jo populiarumą. Ataskaitos duomenys padės geriau suprasti vartotojų poreikius – kokios paslaugos ir produktai juos domina labiausiai, kuriuose skyriuose jie bando rasti atsakymus į savo klausimus.

Norėdami peržiūrėti nuorodų žemėlapį, skaitiklio meniu spustelėkite elementus „Žemėlapiai“ - „Nuorodų žemėlapis“.

Po to atsidarys langas su pagrindinio svetainės puslapio nuorodų žemėlapiu. Kiekvienas spustelėjamas elementas bus paryškintas skirtingomis spalvomis:

Spustelėję dominančią sritį gausite išplėstinę statistiką – pasirinkto laikotarpio perėjimų skaičių, perėjimų dalį, palyginti su kitomis puslapio nuorodomis.

Nuorodų žemėlapio nustatymuose galite nustatyti patikslinančius statistikos rodymo parametrus – pasirinkti laikotarpį, palyginti segmentus.

Atkreipkite dėmesį! Įrankis renka duomenis iš puslapių, kuriuose . Ataskaitoje neatsižvelgiama į peradresavimus – tiek vidinius, tiek nukreipimus į kitas svetaines. Norėdami rinkti tokią informaciją, skaitiklio kode turite nurodyti parametrą trackLinks. Kuriant ataskaitą „nuorodų žemėlapis“ neįtraukia „www“ elementų ir nuorodų dalių po #, todėl rezultatai gali skirtis.

Nuorodų žemėlapio pagalba galite susipažinti su savo tikslinę auditoriją. Statistikos dėka suprasite, į kurias svetainės skiltis vartotojai patenka iš puslapio, kaip keičiasi jų poreikiai, atsižvelgiant į sezoniškumą. Tokios ataskaitos duomenys bus naudingi dirbant su.

Konversijų padidinimas naudojant „Yandex.Metrica“ žemėlapius

Slinkimo žemėlapiai, paspaudimai ir nuorodos iš „Yandex.Metrica“ padės padaryti svetainę patogesnę vartotojams. Atsižvelgdami į šią statistiką, išgryninsite elementus, kurie turėtų paversti potencialius klientus pardavimais, o reikšmingiausią turinį patalpinsite į maksimalios lankytojų dėmesio koncentracijos sritis.

Norėdami padidinti konversiją, turėtumėte naudoti kitą paslaugos įrankį - „Form Analytics“. Rodo statistiką apie puslapio lankytojų skaičių, formos užpildymo ir pateikimo procentą. Jei duomenys nuvilia, verta persvarstyti elemento struktūrą ir jo vietą puslapyje. Gali būti, kad paraiškos forma yra per žemai – pavyzdžiui, antrame ar trečiame ekrane – ten, kur lankytojai tiesiog nepasiekia. Atlikę pakeitimus galite patvirtinti arba paneigti prastos svetainės konversijos hipotezę.

  • Duomenų vizualizacija,
  • Yandex API

  • Kartais pravartu nubraižyti kai kuriuos kiekybinius rodiklius geografinis žemėlapis, kaip ir MTS mobiliojo ryšio / interneto aprėpties zonų rodymo atveju:


    Būtent tokio tipo atvejams spręsti skirtas mūsų sukurtas šilumos žemėlapio modulis. Prieš pradėdamas apibūdinti modulio kūrimo procesą, norėčiau pasakyti dar keletą žodžių apie tai, kas yra mūsų modulinė sistema ir kaip galite ją naudoti.

    Modulinė sistema

    2.1 versijoje atvėrėme vartotojui prieigą prie mūsų modulinės sistemos, kuri parašyta remiantis YModules, kurią sukūrė mūsų kolega. Ši modulinė sistema turi daug įvairių gražių funkcijų, tokių kaip asinchroninis priklausomybės sprendimas, modulio apibrėžimas iš naujo ir kt. Jau pakankamai išsamiai aptarta, tad jei susidomėjote, galite perskaityti.

    Modulinės sistemos atradimas mus atvedė gera premija- išorinių kūrėjų galimybė kurti savo modulius. Atrodo nieko svarbaus, bet dėl ​​to mūsų vartotojai dabar gali:

    • savarankiškai parašykite naujas Yandex.Maps API funkcijas ir bendrinkite jas patogi forma su kitais kūrėjais;
    • naudokite mūsų modulinę sistemą kaip pagrindinę, jei programa yra visiškai pagrįsta žemėlapiais.
    Kaip pirmojo pavyzdį sukūrėme šilumos žemėlapius.

    Kadangi savo šilumos žemėlapių rašymas nebuvo šios įmonės tikslas ( pagrindinė užduotis buvo sukurti paruoštą Yandex.Maps API sprendimą), prieš pradėdamas rašyti kodą ir galvoti apie darbo algoritmą, žinoma, nuėjau į github ieškoti paruoštus sprendimus. Visai tikėtasi, kad skirtingų šilumos žemėlapių įgyvendinimų buvo kiek daugiau nei pakankamai (beveik pustrečio šimto).

    Šiek tiek išstudijavus įvairių projektų šaltinio kodą, savo dėmesį sutelkiau į simpleheat biblioteką. Jis turėjo du pagrindinius privalumus:

    • Viso projekto kodas užtruko apie šimtą eilučių;
    • šilumos žemėlapis puikiai išlaikė 10k taškų, neįsitempdamas braižant (turint didesnį duomenų kiekį, testuoti kažkaip beprasmiška, nes tokias duomenų apimtis duoti tik piešimui klientui yra be galo neprotinga).
    Galiausiai, žinoma, turėjau perrašyti didelę jo dalį, bet vis tiek man atrodo, kad tai buvo geriausias pasirinkimas. Visi kiti sprendimai buvo daug gremėzdiški, tačiau ypatingos naudos nedavė.

    Šilumos žemėlapių braižymo algoritmas

    Pabendravęs su kolegomis supratau, kad šilumos žemėlapius yra matę visi, visi žino, kodėl ir kokie jie yra. Tačiau beveik niekas nežinojo, kaip jie buvo nupiešti. Todėl ir pabandysiu šią dalį aprašyti plačiau.

    Yandex.Maps API suteikia galimybę rodyti savo žemėlapio foną, tai įgyvendinama naudojant specialią sluoksnį. Kaip įvestis, ji turi perduoti funkciją, kuri, atsižvelgiant į plytelės numerį ir mastelio keitimo lygį, grąžins plytelės įkėlimo URL. Tiems, kurie dar nėra susipažinę su plytelėmis ir plytelių grafika, galite šiek tiek apie juos paskaityti Vikipedijoje ir mūsų dokumentacijoje.

    Parašyti URL generatoriaus funkciją, kad gautumėte plyteles, iš tikrųjų yra visa mūsų API šilumos žemėlapio kūrimo užduotis.

    Kai nusprendėme, ko iš mūsų reikia, pradėjome galvoti, kaip tai padaryti. Iš esmės yra du įvairių metodų Norėdami nustatyti šilumos žemėlapį:

    • naudojant dvimatį skaliarinį (plokštų) lauką (iš tikrųjų tai yra dviejų kintamųjų funkcija);
    • naudojant paprastų arba svertinių taškų rinkinį (kiekvienam taškui priskiriamas teigiamas skaičius – jo svoris).
    Pirmasis metodas yra universalesnis ir apima antrąjį, tačiau tuo pačiu metu jį labai nepatogu naudoti praktiškai (kaip dažnai jums pateikiami duomenys kelių kintamųjų funkcijų pavidalu?), be to, atrodo keista ir nesuprantama. neapmokyti vartotojai. Todėl be nereikalingo sąžinės graužaties nusprendėme, kad naudosime antrąjį būdą.

    Vartotojų patogumui nusprendėme, kad palaikysime visus populiariausius įvesties duomenų formatus, kurie naudojami API (Number, IGeoObject, IGeoObject, ICollection, ICollection, GeoQueryResult, JSON), dėl to turėjome įvesti ne labai malonus programinės įrangos šilumos žemėlapio sąsajos apribojimas. Šilumos žemėlapiui gali būti suteiktas tik duomenų rinkinys ir jis negali pašalinti ar pridėti taškų iš to rinkinio. Taigi, mes pateikiame tik du darbo su duomenimis metodus: getData() ir setData().

    Gavę duomenis, juos sujungiame į vieną formatą ir konvertuojame į pasaulines pikselių koordinates. Dirbti su tokiais duomenimis jau gana lengva, nes kiekvienoje plytelėje galite lengvai atskirti, kurie taškai patenka į juos, o kurie ne.

    Iš anksto paruošę duomenis galite pradėti juos piešti. Kaip nupiešti klausimą, atrodo, neverta (drobė yra mūsų viskas, ypač todėl, kad ji turi nuostabią getDataURL funkciją, kuri yra ypač reikalinga mūsų atveju, nes tai yra plytelės URL, kurį turime pateikti API ).

    Kiekvienam atskiram taškui nupiešti naudosime teptuką (paveikslėlis kairėje), kuris yra juodai baltas gradientas ir nupieštas ant drobės labai paprastai:

    Var brush = document.createElement("drobė"), kontekstas = teptukas.getContext("2d"), spindulys = 20, gradientas = kontekstas.createRadialGradient(spindulys, spindulys, 0, spindulys, spindulys, spindulys); gradient.addColorStop(0, "rgba(0,0,0,1)"); gradient.addColorStop(1, "rgba(0,0,0,0)"); kontekstas.fillStyle = gradientas; kontekstas.fillRect(0, 0, 2 * spindulys, 2 * spindulys);
    Nuo taško svorio priklausys, kokiu skaidrumu šepetys „nupieš“ tašką ant plytelės. Nubrėžę visus plytelės taškus, gausime šilumos žemėlapio plytelės neigiamą.

    var canvas = document.createElement("drobė"), kontekstas = canvas.getContext("2d"), maxOfWeights = 1, spindulys = 20; kontekstas.clearRect(0, 0, 256, 256); for (var i = 0, ilgis = taškai.ilgis; i< length; i++) { context.globalAlpha = Math.min(points[i].weight / maxOfWeights, 1); context.drawImage(brush, points[i].coords - radius, points[i].coords - radius); }
    Po to plytelė bus nuspalvinta, nustatant kiekvieno gradiento pikselio spalvą (options.gradient) pagal jo skaidrumo reikšmę. Kiekvieno plytelės pikselio skaidrumas bus lygus bendram šilumos žemėlapio skaidrumui (options.pacity).

    // Sukurkite gradientą. var canvas = document.createElement("drobė"), kontekstas = canvas.getContext("2d"), gradientas = kontekstas.createLinearGradient(0, 0, 0, 256), gradientOption = ( 0.1: "rgba(128, 255, 0, 0,7), 0,2: "rgba(255, 255, 0, 0,8)", 0,7: "rgba(234, 72, 58, 0,9)", 1,0: "rgba(162, 36, 25, 1)" ); drobė.plotis = 1; drobė.aukštis = 256; for (var i in gradientOption) ( if (gradientOption.hasOwnProperty(i)) ( gradient.addColorStop(i, gradientOption[i]); ) ) context.fillStyle = gradientas; kontekstas.fillRect(0, 0, 1, 256); // Nuspalvinkite plytelės pikselius. var gradientData = kontekstas.getImageData(0, 0, 1, 256).duomenys; kintamumas = 0,5 (var i = 3, ilgis = pikseliai.ilgis, j; i< length; i += 4) { if (pixels[i]) { j = 4 * pixels[i]; pixels = gradientData[j]; pixels = gradientData; pixels = gradientData; pixels[i] = opacity * (gradientData || 255); } }
    Atrodo, kad visi kiti, bet ne. Visada atsiras išskirtinių situacijų, kurias teks apdoroti papildomai. O mūsų atveju galimybė nurodyti neribotą taško svorį iš viršaus gali lemti tai, kad vienas taškas „užgesina“ visus kitus. Taigi, pavyzdžiui, jei į žemėlapį pridėsite kelis šimtus taškų, kurių svoris yra vienas, ir vieną tašką su tūkstančio svorio, tada bus matomi tik pastarieji (nuotrauka kairėje).