كيفية الكشف بدقة عن طراز الجهاز لزوار موقعك الإلكتروني باستخدام جافا سكريبت

إضفاء الطابع الشخصي على تجربتهم مع واجهة برمجة التطبيقات لاكتشاف الجهاز

في عام 2020 ، نعيش في عالم أكثر تخصيصًا من أي وقت مضى. لتحويل صفحات الويب إلى الاحتياجات الشخصية للمستخدم ، هناك حاجة إلى معلومات حول الزائر. بصفتي عالم بيانات ومطور ويب ، أجد صعوبة كبيرة في جمع البيانات حول زوار موقع الويب الخاص بي. أحد هذه الصراعات هو تحديد نوع الجهاز. ولكن الآن هناك القليل من المساعدة المتاحة لذلك.

لنأخذ على سبيل المثال حالات الهاتف المخصصة لبيع المتاجر الإلكترونية. تخيل أن المتجر الإلكتروني يمكنه تحديد الجهاز المحمول الذي يمتلكه المستخدم ثم إظهار الحالات ذات الصلة فقط لهذا الجهاز المحدد! ألن يكون ذلك رائعًا؟

حسنًا ، مع واجهة برمجة التطبيقات الرائعة لاكتشاف الأجهزة الرائعة ، فإن المستقبل أقرب مما تعتقد! سأوضح لك ميزات واجهة برمجة التطبيقات هذه وكيفية تنفيذها.

ميزات API لكشف الجهاز

حتى الآن ، لم تتمكن العديد من واجهات برمجة التطبيقات لاكتشاف أجهزة جافا سكريبت من الكشف عن أجهزة محددة مثل هذه (مثل iPhone 11 Pro). بمجرد تنفيذ البرنامج ، يتم اكتشاف الميزات التالية ويمكن الوصول إليها بواسطة واجهة برمجة التطبيقات:

  • deviceAPI.deviceType // مثل الجوال
  • deviceAPI.deviceBrand // مثل Apple
  • deviceAPI.deviceName // مثل iPhone XS
  • deviceAPI.screenWidth // مثل 1600
  • deviceAPI.screenHeight // مثل 800
  • deviceAPI.screeenRatio // مثل 2
  • deviceAPI.GPU // مثل Apple GPU
  • deviceAPI.browserName // مثل Safari
  • deviceAPI.browserVersion // مثل 13.0.1
  • deviceAPI.osName // مثل iOS
  • deviceAPI.osVersion // مثل 13.1
  • deviceAPI.touchScreen // مثل TRUE

التنفيذ المتزامن

في لحظة سنلقي نظرة على كيفية تنفيذ API بشكل غير متزامن. ولكن سأشرح أولاً كيف يمكن تنفيذ API بشكل متزامن:

  • احصل على رمز فريد لإصدار درب هنا.
  • ضع ال في علامات رأسك للموقع
  • استبدل المعرف بمعرفك الفريد
  • الوصول إلى الميزات من متغير deviceAPI كما هو موضح أدناه

ثم قم بتخصيص صفحة الويب الخاصة بك:

التنفيذ غير المتزامن

لتسريع تحميل موقع الويب الخاص بك ، يتوفر أيضًا إصدار غير متزامن. لتنفيذ ذلك عليك القيام بما يلي:

  • احصل على رمز فريد للنسخة التجريبية هنا.
  • مكان في علامات رأسك للموقع.
  • استبدل المعرف بمعرفك الفريد.
  • الوصول إلى الميزات من متغير deviceAPI ، كما هو موضح أدناه.

كان هذا سهلا ، أليس كذلك؟

الآن ، عندما يدخل مستخدم لديه iPhone XS إلى موقع الويب الخاص بك ، ستتم إعادة توجيهه إلى الصفحة مع حالات لـ iPhone XS.

خاتمة

يعد التخصيص و CXO (تحسين تجربة العملاء) أحد أهم الموضوعات في تطوير الويب هذه الأيام. مع واجهة برمجة تطبيقات اكتشاف الجهاز هذه ، يمكنك تخصيص موقع الويب الخاص بك باستخدام سطر واحد من التعليمات البرمجية. لذا المضي قدما والترميز سعيدة!