Категории
Коментари
  • Best online 18.05.2015 17:45
Връзки
Facebook

Мобилна версия на уеб сайт - как да засечем мобилния телефон

Как да засечем посещение от Мобилен телефон

Мобилните устройства буквално се превръщат в преносими компютри. Така наречените смартфони все по-често обикалят из интернет пространството. Но цената на мобилния интернет неможе да се сравни с този от вкъщи, все още трафика струва пари. Именно затова е добре да предложите олекотена и оптимизирана версия на вашият уеб сайт. Но как да засечем посещение от телефон за да извършим пренасочването? Да видим...

 

Първата стъпка е да свалите файла Mobile_Detect.php (в края на статията) и да го поставите в root (основната) директория на сайта ви. След това ще добавим малко код в index.php на вашият темплейт. Ако уеб сайта ви е изцяло изработен на html, просто променете разширението от index.html на index.php Сега добавяме следващия код в хедъра. Кода трябва да е първото нещо което да се зарежда в сайта, затова го поставете веднага след отварящият <head> таг

  1. <?php
  2. session_start();
  3. include("Mobile_Detect.php"); // От тук зареждаме файла Mobile_Detect.php
  4. $mobile_detect = new Mobile_Detect();
  5. if (isset($_GET['ua']) && $_GET['ua']==1){
  6. $_SESSION['sitemode'] = 1;
  7. }elseif (isset($_GET['ua']) && $_GET['ua']==0){
  8. unset($_SESSION['sitemode']);
  9. }
  10. if ($mobile_detect->isMobile() && !isset($_SESSION['sitemode'])) {
  11. header('Location: http://mobile.mysite.com'); // От тук пренасочваме мобилните устройства
  12. // Бихме могли да ги препратим и към файл в същата директория header('Location: mobile.index.php');
  13. }
  14. ?>

Вече успешно пренасочваме мобилните устройства към указаното място. Не всеки обаче, ще предпочете да разглежда мобилната версия на уеб сайта ви. Затова е добре да добавите бутон, който да връща потребителите в десктоп версията. Задължително добавете ?ua=1 в линка, за да може сесията да задържи потребителя в сайта и да не бъде автоматично прехвърлен обратно в мобилната версия. <a href="http://website.com/index.php?ua=1">Десктоп версията на уеб сайта</a>

Когато създавате мобилната версия на вашият уеб сайт е добре да го направите с по-опростен и изчистен уеб дизайн.
Придържайте се към основната визия, но с минимално използване на графики и тежки скриптове.

Кодирайте с процентни ширини и височини, защото резолюциите са разнообразни, особено с навлизането на новите таблети.
Въпреки това имайте в предвид, че по-разпространените резолюции са с ширина 240 или 320px (Iphone).

Препоръчително е да създадете мобилната версия на уеб сайта си в нов домейн с име от типа "mobile". Така можете да се регистрирате в мобилните търсачки. Освен това ще дава ясна представа на потребителите, че се намират именно в мобилната версия на уеб сайта.

Проверете уеб сайта си в http://validator.w3.org/mobile/ за да разберете ако сте допуснали технически грешки и да получите препоръки за това как да оптимизирате сайта си.

Ако имате предложения с които да допълним тази статия, моля оставете коментар.

Надявам се урока да е бил полезен. ico

Изтегли архива2 KBИзтеглено 250 пъти
20 Април 2012г.
Прегледано 12203 пъти