Як выявіць Хіты з мабільных прылад на вэб-старонках

Перанакіраванне мабільных прылад мабільнага кантэнту або канструкцыі

На працягу многіх гадоў, эксперты казалі, што трафік на вэб-сайты ад наведвальнікаў на мабільных прыладах рэзка ўзрастае. Па гэтай прычыне многія кампаніі бойка пачалі прымаць мабільную стратэгію сваёй прысутнасці ў Інтэрнэце, ствараючы вопыт, якія падыходзяць для тэлефонаў і іншых мабільных прылад.

Пасля таго, як вы выдаткавалі час навучання , як ствараць вэб - старонку для мабільных тэлефонаў , а таксама рэалізацыі стратэгіі, вы таксама хочаце , каб пераканацца , што наведвальнікі вашага сайта могуць бачыць гэтыя праекты. Ёсць шмат спосабаў, вы можаце зрабіць гэта, і некаторыя працуюць лепш, чым іншыя. Вось погляд на метад можна выкарыстоўваць для рэалізацыі падтрымкі мабільных прылад на сваіх сайтах - нароўні з рэкамендацыяй каля канца для таго, што лепшы спосаб для дасягнення гэтай мэты на сучасным Інтэрнэце!

Даць спасылку на іншую версію сайта

Гэта, безумоўна, самы просты спосаб для апрацоўкі карыстальнікаў мабільных тэлефонаў. Замест таго, каб турбавацца, ці могуць яны або не могуць бачыць вашыя старонкі, проста паставіць спасылку дзесьці ў верхняй частцы старонкі, якая паказвае на асобную мабільную версію сайта. Тады чытачы могуць самастойна выбіраць, ці жадаюць яны бачыць мабільную версію або працягнуць з «нармальнай» версіяй.

Перавага гэтага рашэння заключаецца ў тым, што гэта лёгка ажыццявіць. Яна патрабуе, каб стварыць аптымізаваную версію для мабільных прылад, а затым дадаць спасылку дзесьці ў верхняй часткі звычайных старонак сайта.

Да недахопаў адносяцца:

У канчатковым рахунку, гэты падыход з'яўляецца састарэлым адзін, што наўрад ці будзе часткай сучаснай мабільнай стратэгіі. Часам ён выкарыстоўваецца як затычка цяжкай у той час як лепшае рашэнне распрацоўваецца, але гэта сапраўды кароткі тэрмін лейкопластырь на дадзены момант.

выкарыстанне JavaScript

У варыянце названага вышэй падыходу, некаторыя распрацоўшчык выкарыстоўваць некаторы тып сцэнара выяўлення браўзэра, каб выявіць, калі кліент на мабільным прыладзе, а затым перанакіраваць іх на гэты асобны мабільны сайт. Праблема з выяўленнем браўзэра і мабільнымі прыладамі з'яўляецца тое, што ёсць тысячы мабільных прылад там. Для таго, каб паспрабаваць выявіць іх усё з адным JavaScript можа ператварыць усе вашыя старонкі ў загружалася кашмар - і вы па-ранейшаму схільныя многія з тых жа недахопаў, як згадвалася вышэй падыходу.

Выкарыстоўвайце CSS & # 64; медыя кішэнькавае

Каманда CSS @media кішэнным здаецца, што было б ідэальным спосабам для адлюстравання стыляў CSS толькі для партатыўных прылад - як сотавыя тэлефоны. Гэта, здаецца, як ідэальнае рашэнне для адлюстравання старонак для мабільных прылад. Вы пішаце адну вэб-старонку, а затым стварыць два табліцы стыляў. Першыя стылі тыпу «экран» медыя вашай старонкі для манітораў і экранаў кампутараў. Другі для «кішэнных» стыляў вашай старонкі для невялікіх прылад, такіх як гэтыя мабільныя тэлефоны. Гучыць проста, але на самой справе не працуе на практыцы.

Самым вялікім перавагай гэтага метаду з'яўляецца тое, што вы не павінны падтрымліваць дзве версіі вашага сайта. Вы проста захаваць адзін, і табліца стыляў вызначае, як ён павінен выглядаць - што на самой справе бліжэй да канчатковага вырашэння мы хочам.

Праблема гэтага метаду складаецца ў тым, што многія тэлефоны не падтрымліваюць партатыўны тып-яны СМІ адлюстроўваць свае старонкі з экрана тыпу носьбіта замест гэтага. І многія старыя сотавыя тэлефоны і кішэнныя кампутары не падтрымліваюць CSS наогул. У рэшце рэшт, гэты метад з'яўляецца ненадзейным, і таму рэдка выкарыстоўваецца для дастаўкі мабільных версій вэб-сайта.

Выкарыстанне PHP, JSP, ASP РЭГІСТРАЦЫІ User-Agent

Гэта значна лепшы спосаб перанакіраваць мабільных карыстальнікаў на мабільную версію сайта, так як ён не залежыць ад мовы сцэнарыяў або CSS, што мабільнае прылада не выкарыстоўваецца. Замест гэтага ён выкарыстоўвае серверны мова (PHP, ASP, JSP, ColdFusion і г.д.) , каб паглядзець на агента карыстальніка , а затым змяніць запыт HTTP , каб паказаць на мабільную старонку , калі гэта мабільная прылада.

Просты PHP код, каб зрабіць гэта будзе выглядаць наступным чынам:

stristr ($ іа, "Windows CE") або
stristr ($ іа, "AvantGo") або
stristr ($ іа, "Mazingo") або
stristr ($ іа, "Мабільны") або
stristr ($ іа, "T68") або
stristr ($ іа, "Syncalot") або
stristr ($ іа, "Blazer")) {
$ DEVICE_TYPE = "MOBILE";
}
калі (Исеть ($ DEVICE_TYPE) і $ DEVICE_TYPE == "MOBILE") {
$ Размяшчэнне = 'мабільны / index.php';
Загаловак (. 'Location:' $ месца);
выхад;
}
?>

Праблема тут заключаецца ў тым , што ёсць шмат і шмат іншых патэнцыйных карыстальнікаў-агентаў, якія выкарыстоўваюцца мабільнымі прыладамі. Гэты сцэнар будзе лавіць і перанакіроўваць іх шмат, але не ўсе ніякіх сродкаў. І яшчэ дадаюцца ўвесь час.

Да таго ж, як і з іншымі рашэннямі вышэй, вам прыйдзецца па-ранейшаму павінен падтрымліваць асобны мабільны сайт для гэтых чытачоў! Гэты недахоп таго, каб кіраваць двума (ці больш!) Вэб-сайтаў з'яўляецца дастатковай прычынай, каб шукаць лепшае рашэнне.

выкарыстанне WURFL

Калі вы па-ранейшаму вызначаюцца перанакіраваць мабільных карыстальнікаў на асобны сайт, а затым WURFL (Wireless File Universal Resource) з'яўляецца добрым рашэннем. Гэта XML-файл (а зараз файл БД) і розныя DBI бібліятэкі, якія не толькі ўтрымліваюць дадзеныя бесправаднога карыстацкага агента ўдакладнены, але і якія функцыі і магчымасці гэтыя прыстасаваныя агенты падтрымліваюць.

Для выкарыстання WURFL, неабходна загрузіць файл канфігурацыі XML, а затым выберыце патрэбны мову і рэалізаваць API на вашым сайце. Ёсць прылады для выкарыстання WURFL з Java, PHP, Perl, Ruby, Python, Net, XSLT і C ++.

Перавага выкарыстання WURFL у тым, што ёсць шмат людзей, абнаўленне і даданне ў канфігурацыйны файл ўвесь час. Такім чынам, у той час як файл, які вы выкарыстоўваеце састарэлы амаль да таго, як Вы спампавалі яго, ёсць верагоднасць, што калі вы загружаеце яго раз у месяц ці каля таго, вы будзеце мець усе мабільныя браўзэры чытачы звычайна выкарыстоўваюць без якой-небудзь праблемы. Недахопам, вядома, з'яўляецца тое, што вы павінны ўвесь час загружаць і абнаўляць гэта - усё, так што вы можаце накіроўваць карыстальнікаў на другі сайт і недахопы, якія ствараюць.

Лепшае рашэнне спагадны Design

Так што, калі падтрымліваць розныя сайты для розных прыладаў не адказ, што гэта? Адаптыўны вэб - дызайн .

Адаптыўны дызайн, дзе вы карыстаецеся CSS медиазапросы для вызначэння стыляў для прылад рознай шырыні. Адаптыўны дызайн дазваляе стварыць адну вэб-старонку для мабільных і стацыянарных карыстальнікаў. Тады вам не прыйдзецца турбавацца аб тым, што ўтрыманне для адлюстравання на мабільным сайце або не забудзьцеся перанесці апошнія змены ў свой мабільны сайт. Акрамя таго, калі ў вас ёсць CSS напісана, вам не прыйдзецца запампоўваць нічога новага.

Адаптыўны дызайн не можа выдатна працаваць на вельмі старыя прыладах і браўзэрах (большасць з якіх знаходзяцца ў вельмі невялікай выкарыстанні сёння і не павінен быць шмат турботы для вас), а таму, што гэта дадатак (даданне стыляў на змест, а не з утрыманнем прэч) гэтыя чытачы па-ранейшаму змогуць чытаць ваш сайт, ён проста не будзе выглядаць ідэальна на іх старым прыладзе або браўзэры.