Како открити мобилне уређаје који посећују ваше веб странице

click fraud protection

Стручњаци већ годинама говоре да се промет на веб странице од посетилаца на мобилним уређајима драматично повећава. Из тог разлога су многе компаније паметно почеле да прихватају мобилну стратегију за своје присуство на мрежи, стварајући искуства која одговарају телефону и другим мобилним уређајима.

Једном када потрошите време учећи како дизајнирати веб странице за мобилне телефоне, и спроводећи своју стратегију, пожелећете и да посетиоци ваше веб локације виде те дизајне. Постоји много начина на које то можете учинити, а неки раде боље од других. Ево погледа на метод који можете да примените за подршку мобилним уређајима на својим веб локацијама - заједно са препоруком при крају који је најбољи начин да се то постигне на данашњем Вебу.

Наведите везу до друге верзије странице

Ово је убедљиво најлакши начин за руковање корисницима мобилних телефона. Уместо да се бринете да ли могу или не могу да виде ваше странице, једноставно ставите везу негде при врху странице која води до засебне мобилне верзије ваше веб локације. Тада читаоци могу сами да одаберу да ли желе да виде мобилну верзију или да наставе са „нормалном“ верзијом.

instagram viewer

Предност овог решења је што је лако применљиво. Потребно је да направите оптимизовану верзију за мобилне уређаје, а затим да додате везу негде при врху уобичајених страница веб страница.

Недостаци су:

  • Морате да одржавате засебну верзију веб локације за мобилне кориснике. Како се ваша веб страница повећава, можда ћете заборавити да одржавате ту другу верзију и ваше веб локације могу да се синхронизују.
  • Да ли креирате и трећу верзију за таблете? Шта кажете на четврту верзију фор носиви? Овај концепт верзија специфичних за уређај може врло брзо измаћи контроли.
  • Морате да ставите ружну везу на врх странице коју читаоци који нису мобилни могу да виде (и можда кликну на).

На крају, овај приступ је застарео и мало је вероватно да ће бити део модерне мобилне стратегије. Понекад се користи као решење за заустављање, док се развија боље решење, али у овом тренутку то је заиста краткорочни фластер.

Користите ЈаваСцрипт

У варијацији горе поменутог приступа, неки програмери користе неку врсту откривања прегледача скрипта за откривање да ли је купац на мобилном уређају, а затим их преусмери на тај засебни мобилни уређај сајт. Проблем са претраживач детекције и мобилних уређаја је да постоје хиљаде мобилних уређаја. Покушај да их све откријете једним ЈаваСцрипт-ом могао би претворити све ваше странице у ноћну мору за преузимање - а ви и даље подлежете многим истим недостацима као горе поменути приступ.

Користите ЦСС @медиа Хандхелд

Чини се да би ЦСС наредба @медиа хандхелд била идеалан начин за приказ ЦСС стилови само за ручне уређаје - попут мобилних телефона. Ово се чини идеалним решењем за приказивање страница за мобилне уређаје. Напишете једну веб страницу, а затим направите две табеле стилова. Прва врста медија за „заслон“ стилизира вашу страницу за мониторе и рачунарске екране. Други за „ручни“ стил ваше странице за мале уређаје попут оних мобилних телефона. Звучи лако, али у ствари не иде у пракси.

Највећа предност ове методе је што не морате да одржавате две верзије веб странице. Ви само одржавате један, и стилски лист дефинише како то треба да изгледа - што се заправо приближава крајњем решењу које желимо.

Проблем ове методе је што многи телефони не подржавају тип медија - уместо тога приказују своје странице са типом медија на екрану. А многи старији мобилни телефони и ручни уређаји уопште не подржавају ЦСС. На крају, овај метод је непоуздан и зато се ретко користи за испоруку мобилних верзија веб странице.

Користите ПХП, ЈСП, АСП за откривање корисничког агента

Ово је много бољи начин за преусмеравање мобилних корисника на мобилна верзија веб странице јер се не ослања на језик скрипти или ЦСС који мобилни уређај не користи. Уместо тога, користи језик на страни сервера (ПХП, АСП, ЈСП, ЦолдФусион, итд.) Да би погледао корисничког агента, а затим променио ХТТП захтев да покажете на мобилну страницу ако је то мобилни уређај.

Једноставан ПХП код да то уради изгледао би овако:

Овде је проблем што постоји пуно и пуно других потенцијалних корисничких агената које користе мобилни уређаји. Ова скрипта ће их ухватити и преусмерити, али ни на који начин. И стално се додаје још.

Поред тога, као и код осталих горњих решења, и даље ћете морати да одржавате засебну мобилну веб локацију за ове читаче! Овај недостатак управљања двема (или више!) Веб локација довољан је разлог за тражење бољег решења.

Користите ВУРФЛ

Ако сте и даље одлучни да преусмерите мобилне кориснике на засебну веб локацију, онда ВУРФЛ (Вирелесс Универсал Ресоурце Филе) је добро решење. Ово је КСМЛ датотека (а сада ДБ датотека) и разне ДБИ библиотеке које не садрже само најновије податке бежичног корисничког агента већ и које функције и могућности ти кориснички агенти подржавају.

Да бисте користили ВУРФЛ, преузимате КСМЛ датотеку за конфигурацију, а затим одаберите свој језик и примените АПИ на својој веб локацији. Постоје алати за употребу ВУРФЛ-а са Јава, ПХП, Перл, Руби, Питхон, Нет, КССЛТ, и Ц ++.

Предност употребе ВУРФЛ-а је у томе што се пуно људи стално ажурира и додаје у конфигурациону датотеку. Дакле, док је датотека коју користите застарела скоро пре него што сте је преузели, шансе су да ако је преузмите га једном месечно или тако некако, имаћете све мобилне прегледаче које читаоци уобичајено користе без иједног проблема. Лоша страна, наравно, је та што ово морате непрекидно да преузимате и ажурирате - а све то тако да кориснике можете усмерити на другу веб страницу и недостатке који их стварају.

Најбоље решење је прилагодљив дизајн

Па ако одржавање различитих локација за различите уређаје није одговор, шта је? Одзивни веб дизајн.

Одзивни дизајн је место где помоћу ЦСС медијских упита дефинишете стилове за уређаје различитих ширина. Одзивни дизајн вам омогућава да направите једну веб страницу и за мобилне и за не-мобилне кориснике. Тада не морате да бринете о томе који садржај ћете приказати на мобилној веб локацији или не заборавите да пренесете најновије промене на своју мобилну веб локацију. Осим тога, након што напишете ЦСС, не морате да преузимате ништа ново.

Прилагодљиви дизајн можда неће радити савршено на изузетно старим уређајима и прегледачима (од којих је већина данас у врло малој употреби и не би требало да вас брине), али зато што је додатак (додавање стилова садржају, уместо уклањање садржаја) ови читачи ће и даље моћи да читају вашу веб локацију, једноставно неће изгледати идеално на њиховом старом уређају или претраживач.

instagram story viewer