نحوه شناسایی نتایج از دستگاه های موبایل در صفحات وب

تغییر مسیر دستگاه های تلفن همراه به محتوا یا طرح های تلفن همراه

سالهاست که کارشناسان گفته اند که ترافیک به وب سایت های بازدید کننده از دستگاه های تلفن همراه به طور چشمگیری افزایش یافته است. به همین دلیل، بسیاری از شرکت ها هوشمندانه شروع به درج استراتژی تلفن همراه برای حضور آنلاین خود، ایجاد تجارب مناسب برای تلفن و دیگر دستگاه های تلفن همراه است.

هنگامی که وقت خود را صرف یادگیری نحوه طراحی صفحات وب برای تلفن های همراه و اجرای استراتژی خود کرده اید، همچنین می خواهید مطمئن شوید که بازدیدکنندگان سایت شما می توانند این طرح ها را ببینند. راه های زیادی وجود دارد که می توانید این کار را انجام دهید و بعضی از آنها بهتر از دیگران کار می کنند. در اینجا نگاهی به روش هایی که می توانید برای پیاده سازی پشتیبانی از تلفن همراه در وب سایت های خود استفاده کنید، همراه با یک توصیه نزدیک به پایان است که بهترین روش برای دستیابی به آن در وب امروز است!

لینک دادن به نسخه دیگر سایت را فراهم کنید

این، تا کنون، ساده ترین روش برای مدیریت کاربران تلفن همراه است. به جای نگرانی در مورد اینکه آیا می توانید یا نمی توانید صفحات خود را مشاهده کنید، فقط یک لینک در بالای صفحه قرار دهید که به یک نسخه جداگانه تلفن همراه از سایت شما اشاره دارد. سپس خوانندگان می توانند خود را انتخاب کنند که آیا می خواهند نسخه موبایل را ببینند یا با نسخه "نرمال" ادامه دهند.

مزیت این راه حل این است که پیاده سازی آسان است. این به شما نیاز دارد که یک نسخه بهینه شده برای موبایل ایجاد کنید و سپس یک لینک را در جایی در بالای صفحه های سایت عادی قرار دهید.

اشکالات عبارتند از:

در نهایت، این رویکرد قدیمی است که بعید است بخشی از استراتژی تلفن همراه مدرن باشد. این گاهی اوقات به عنوان یک حلقه متوقف می شود، در حالیکه یک راه حل بهتر در حال توسعه است، اما در این نقطه واقعا کمک کوتاه مدت است.

استفاده از JavaScript

در یک تفاوت از رویکرد فوق، برخی از توسعه دهندگان از برخی از نوع اسکریپت تشخیص مرورگر برای تشخیص اینکه آیا مشتری بر روی یک دستگاه تلفن همراه است و سپس آنها را به آن سایت تلفن همراه جداگانه هدایت می کند. مشکل تشخیص مرورگر و دستگاه های تلفن همراه این است که هزاران دستگاه تلفن همراه وجود دارد. برای تلاش برای شناسایی همه آنها با یک جاوااسکریپت می توانید تمام صفحات خود را به یک کابوس دانلود تبدیل کنید - و شما هنوز هم با بسیاری از معایب همان رویکرد فوق روبرو هستید.

از CSS & # 64؛ رسانه دستی استفاده کنید

CSS commandmedia hand looks به نظر می رسد که این روش ایده آل برای نمایش سبک CSS فقط برای دستگاه های دستی مانند تلفن های همراه خواهد بود. این به نظر می رسد یک راه حل ایده آل برای نمایش صفحات برای دستگاه های تلفن همراه است. یک صفحه وب را بنویسید و سپس دو شیوهنامه ایجاد کنید. اولین نوع رسانه "روی صفحه" صفحه شما را برای مانیتور و صفحه نمایش کامپیوتر طراحی می کند. دوم برای "دستی" سبک صفحه خود را برای دستگاه های کوچک مانند تلفن های همراه است. به نظر می رسد آسان است، اما واقعا در عمل کار نمی کند.

بزرگترین مزیت این روش این است که شما لازم نیست دو نسخه از وب سایت خود را حفظ کنید. شما فقط آن را نگه دارید و ورق سبک تعریف می کند که چطور باید نگاه کنیم - که در واقع نزدیک به راه حل مورد نظر ما می شود.

یک مشکل با این روش این است که بسیاری از تلفن ها از نوع رسانه دستی پشتیبانی نمی کنند؛ بلکه آنها صفحات خود را با نوع رسانه های صفحه نمایش نشان می دهند. و بسیاری از تلفن های قدیمی تر و دست دوم از CSS پشتیبانی نمی کنند. در نهایت این روش غیر قابل اعتماد است و به همین دلیل برای ارائه نسخه های موبایل یک وب سایت به ندرت استفاده می شود.

استفاده از PHP، JSP، ASP برای شناسایی کاربر عامل

این یک راه خیلی بهتر برای هدایت کاربران تلفن همراه به یک نسخه تلفن همراه از سایت است، زیرا به زبان برنامه نویسی یا CSS که دستگاه تلفن همراه از آن استفاده نمی کند، تکیه می کند. در عوض، آن را با استفاده از یک زبان طرف سرور (PHP، ASP، JSP، ColdFusion، و غیره) برای نگاه کردن به عامل کاربر و سپس تغییر درخواست HTTP برای اشاره به یک صفحه تلفن همراه اگر این یک دستگاه تلفن همراه است.

یک کد ساده PHP برای انجام این کار به صورت زیر است:

stristr ($ ua، "ویندوز CE") یا
stristr ($ ua، AvantGo) یا
stristr ($ ua، "Mazingo") یا
stristr ($ ua، "موبایل") یا
strirt ($ ua، "T68") یا
stristr ($ ua، "Syncalot") یا
stristr ($ ua، "Blazer")) {
$ DEVICE_TYPE = "MOBILE"؛
}
اگر (isset ($ DEVICE_TYPE) و $ DEVICE_TYPE == "MOBILE") {
$ location = 'mobile / index.php'؛
هدر ('محل سکونت:. $ محل)؛
خروج؛
}
؟>

مشکل اینجاست که بسیاری از کاربردهای دیگر بالقوه کاربر که توسط دستگاه های تلفن همراه استفاده می شود وجود دارد. این اسکریپت بسیاری از آنها را جذب و هدایت می کند اما نه به هیچ وجه. و بیشتر همه وقت اضافه می شوند

به علاوه، همانند سایر راهکارهای فوق، مجبور خواهید بود که یک سایت تلفن همراه جداگانه برای این خوانندگان داشته باشید! این اشکال در داشتن دو (یا بیشتر!) وب سایت ها مدیریت یک دلیل منطقی برای یافتن یک راه حل بهتر است.

از WURFL استفاده کنید

اگر هنوز مصمم هستید که کاربران تلفن همراه خود را به یک سایت جداگانه هدایت کنید، WURFL (File Resource Universal Universal File) یک راه حل مناسب است. این یک فایل XML (و در حال حاضر یک فایل DB) و کتابخانه های مختلف DBI است که نه تنها حاوی اطلاعات به روز از اطلاعات کاربر بی سیم بی سیم است، بلکه ویژگی ها و قابلیت هایی که این عوامل کاربر پشتیبانی می کند.

برای استفاده از WURFL، فایل پیکربندی XML را دانلود کنید و سپس زبان خود را انتخاب کرده و API را در وب سایت خود پیاده کنید. ابزارهایی برای استفاده از WURFL با جاوا، PHP، Perl، Ruby، Python، Net، XSLT و C ++ وجود دارد.

مزیت استفاده از WURFL این است که تعداد زیادی از افراد به روز رسانی و اضافه کردن به فایل پیکربندی در همه زمان ها وجود دارد. بنابراین در حالی که فایل شما استفاده می کنید، تقریبا قبل از اینکه شما آن را دانلود کنید، گذشته است، احتمال این است که اگر آن را یک بار در ماه دانلود کنید، تمام مرورگرهای تلفن همراه خود را که معمولا بدون هیچ گونه استفاده چالش ها و مسائل. البته این نکته است که شما باید به طور مداوم آن را دانلود کنید و آن را به روز کنید - همه اینها می توانید کاربران را به یک وب سایت دوم و اشکالاتی که ایجاد می کند هدایت کنید.

بهترین راه حل طراحی پاسخگو است

بنابراین اگر سایت های مختلف برای دستگاه های مختلف نگهداری نشود پاسخی نیست، چه چیزی است؟ طراحی وب پاسخگو

طراحی پاسخگو جایی است که از پرس و جوهای رسانه CSS برای تعریف سبک برای دستگاه های عرض مختلف استفاده می کنید. طراحی پاسخگو اجازه می دهد تا شما را به ایجاد یک صفحه وب برای کاربران تلفن همراه و غیر موبایل. سپس شما مجبور نیستید در مورد محتوایی که در سایت تلفن همراه نمایش داده می شوید نگران نباشید یا اینکه آخرین تغییرات را به سایت تلفن همراه خود منتقل کنید. به علاوه، هنگامی که CSS نوشته شده است، نیازی به دانلود چیزی جدید ندارید.

طراحی پاسخگو ممکن است به طور کامل بر روی دستگاه های بسیار قدیمی و مرورگرها کار نکند (اکثر آنها امروز بسیار کوچک هستند و نباید بیشتر از نگرانی شما باشد)، بلکه به این دلیل است که افزودنی است (افزودن سبک به محتوای، به جای گرفتن محتوای این خوانندگان هنوز قادر به خواندن وبسایت شما نیستند، فقط در دستگاه یا مرورگر قدیمیشان ایدهآل نخواهند بود.