Kaip nustatyti mobiliuosius įrenginius, patekusius į jūsų tinklalapius

click fraud protection

Jau daugelį metų ekspertai sako, kad mobiliųjų įrenginių lankytojų srautas į svetaines labai išaugo. Dėl šios priežasties daugelis kompanijų sumaniai pradėjo taikyti mobiliojo ryšio strategiją savo buvimui internete, sukurdami patirtį, tinkančią telefonams ir kitiems mobiliesiems įrenginiams.

Kai praleisite laiką mokydamiesi, kaip tai padaryti kurti tinklalapius mobiliesiems telefonamsir įgyvendindami savo strategiją, taip pat norėsite įsitikinti, kad jūsų svetainės lankytojai gali matyti tuos dizainus. Tai galite padaryti daugeliu būdų, o kai kurie veikia geriau nei kiti. Čia apžvelgiamas metodas, kurį galite naudoti įdiegdami mobiliųjų telefonų palaikymą savo svetainėse, kartu su rekomendacija, kokia yra geriausia, kaip tai pasiekti šiandieniniame žiniatinklyje.

Pateikite nuorodą į kitą svetainės versiją

Tai yra pats lengviausias būdas valdyti mobiliųjų telefonų vartotojus. Užuot jaudinęsis, ar jie gali matyti jūsų puslapius, tiesiog įdėkite nuorodą kažkur šalia puslapio viršaus, nurodantį atskirą jūsų svetainės versiją mobiliesiems. Tada skaitytojai gali patys pasirinkti, ar jie nori matyti mobiliąją versiją, ar tęsti „įprastą“ versiją.

instagram viewer

Šio sprendimo nauda yra tai, kad jį lengva įgyvendinti. Jums reikia sukurti optimizuotą versiją mobiliesiems ir tada pridėti nuorodą kažkur šalia įprastų svetainės puslapių viršuje.

Trūkumai yra šie:

  • Turite išlaikyti atskirą svetainės versiją mobiliesiems vartotojams. Padidėjus jūsų svetainei, galite pamiršti išlaikyti antrąją versiją ir jūsų svetainės gali nebesinchronizuoti.
  • Ar kuriate ir trečiąją planšetinių kompiuterių versiją? Kaip apie ketvirtą versiją nešiojamieji? Ši konkrečiam įrenginiui pritaikytų versijų koncepcija gali labai greitai būti valdoma.
  • Puslapio viršuje turite įdėti negražią nuorodą, kurią gali matyti ne mobilieji skaitytojai (ir galbūt spustelėti).

Galų gale šis požiūris yra pasenęs, kuris vargu ar bus šiuolaikinės mobiliojo ryšio strategijos dalis. Kartais jis naudojamas kaip „stop-gap fix“, kol kuriamas geresnis sprendimas, tačiau šiuo metu tai tikrai yra trumpalaikė juostinė pagalba.

Naudokite „JavaScript“

Keičiant minėtą metodą, kai kurie kūrėjai naudoja tam tikrą naršyklės aptikimo tipą scenarijus, skirtas nustatyti, ar klientas naudojasi mobiliuoju įrenginiu, ir tada nukreipti juos į tą atskirą mobilųjį telefoną svetainėje. Problema su naršyklė aptikimo ir mobiliųjų įrenginių yra tai, kad ten yra tūkstančiai mobiliųjų įrenginių. Jei bandysite juos visus aptikti naudodami vieną „JavaScript“, visi jūsų puslapiai gali virsti atsisiunčiančiu košmaru - ir jūs vis dar susiduriate su daugeliu tų pačių trūkumų, kaip ir pirmiau minėtas metodas.

Naudokite CSS @media delninį kompiuterį

CSS komanda @media delninė atrodo, kad tai būtų idealus būdas rodyti CSS stiliai, skirti tik delniniams įrenginiams, pavyzdžiui, mobiliesiems telefonams. Tai atrodo idealus sprendimas rodant mobiliųjų įrenginių puslapius. Parašote vieną tinklalapį ir sukuriate du stiliaus lapus. Pirmasis „ekrano“ laikmenos tipas stilizuoja jūsų puslapį monitoriams ir kompiuterio ekranams. Antrasis, skirtas „rankiniam“, sukuria jūsų puslapį mažiems įrenginiams, pvz., Tiems mobiliesiems telefonams. Skamba lengvai, bet praktiškai tai neveikia.

Didžiausias šio metodo privalumas yra tas, kad jums nereikia išlaikyti dviejų savo svetainės versijų. Jūs tik palaikote tą ir tą stiliaus lapas apibrėžia, kaip jis turėtų atrodyti - kuris iš tikrųjų artėja prie norimo galutinio sprendimo.

Šio metodo problema yra ta, kad daugelis telefonų nepalaiko laikmenos tipo - jie vietoje savo puslapių rodo ekraną. Daugelis senesnių mobiliųjų telefonų ir delninių kompiuterių visiškai nepalaiko CSS. Galų gale šis metodas yra nepatikimas, todėl retai naudojamas pateikiant mobiliąsias svetainės versijas.

Naudokite PHP, JSP, ASP, kad aptiktumėte „User-Agent“

Tai yra daug geresnis būdas nukreipti mobiliojo ryšio vartotojus į mobili versija svetainės, nes ji nesiremia scenarijų kalba ar CSS, kurios nenaudoja mobilusis įrenginys. Vietoj to, jis naudoja serverio kalbą (PHP, ASP, JSP, ColdFusion ir kt.), Norėdamas pažvelgti į vartotojo agentą ir tada pakeisti HTTP užklausa nukreipti į puslapį mobiliesiems, jei tai yra mobilusis įrenginys.

Paprastas PHP kodas tai padaryti atrodys taip:

Problema yra ta, kad yra daug ir daug kitų potencialių vartotojų agentų, kuriuos naudoja mobilieji įrenginiai. Šis scenarijus pagaus ir nukreips daug jų, bet ne bet kokiu būdu. Ir vis daugiau jų pridedama.

Be to, kaip ir kitų aukščiau išvardytų sprendimų atveju, vis tiek turėsite išlaikyti atskirą svetainę mobiliesiems šiems skaitytojams! Šis trūkumas, kai reikia tvarkyti dvi (ar daugiau!) Svetaines, yra pakankama priežastis ieškoti geresnio sprendimo.

Naudokite WURFL

Jei vis tiek esate pasiryžę nukreipti savo mobiliojo ryšio vartotojus į atskirą svetainę, tada WURFL („Wireless Universal Resource File“) yra geras sprendimas. Tai yra XML failas (o dabar ir DB failas) ir įvairios DBI bibliotekos, kuriose yra ne tik naujausi belaidžio vartotojo agento duomenys, bet ir kurias funkcijas ir galimybes palaiko tie vartotojų agentai.

Norėdami naudoti WURFL, atsisiųskite XML konfigūracijos failą, tada pasirinkite savo kalbą ir įdiekite API savo svetainėje. Yra įrankių, skirtų WURFL naudoti su „Java“, PHP, „Perl“, „Ruby“, „Python“, „Net“, XSLTir C ++.

WURFL naudojimo pranašumas yra tas, kad yra daugybė žmonių, kurie visą laiką atnaujina ir papildo konfigūracijos failą. Taigi, nors jūsų naudojamas failas yra pasenęs beveik prieš baigiant jį atsisiųsti, yra tikimybė, kad jei jūs Atsisiųskite maždaug kartą per mėnesį, turėsite visas mobiliąsias naršykles, kurias skaitytojai paprastai naudoja be jokių problemų. Trūkumas, žinoma, yra tai, kad jūs turite tai nuolat atsisiųsti ir atnaujinti - viskas, kad galėtumėte nukreipti vartotojus į antrą svetainę ir sukurtus trūkumus.

Geriausias sprendimas yra reaguojantis dizainas

Taigi, jei išlaikyti skirtingas svetaines skirtingiems įrenginiams nėra atsakymas, kas yra? Reaguojantis interneto dizainas.

Interaktyvus dizainas yra tas, kur naudojate CSS medijos užklausas, norėdami apibrėžti įvairių pločių įrenginių stilius. Interaktyvus dizainas leidžia jums sukurti vieną tinklalapį tiek mobiliesiems, tiek ne mobiliesiems vartotojams. Tada jums nereikės jaudintis, kokį turinį rodyti svetainėje mobiliesiems, arba nepamiršti perkelti naujausių pakeitimų į savo svetainę mobiliesiems. Be to, kai parašysite CSS, jums nereikės atsisiųsti nieko naujo.

Reaguojantis dizainas gali neveikti itin senuose įrenginiuose ir naršyklėse (dauguma jų šiandien naudojami labai nedaug ir neturėtų kelti daug nerimo), bet todėl, kad priedas (stilių įtraukimas į turinį, o ne turinio atėmimas) šie skaitytojai vis tiek galės skaityti jūsų svetainę, tiesiog neatrodys idealiai jų sename įrenginyje ar naršyklė.

instagram story viewer