إضافة إلى الشاشة الرئيسية (iOS, iPadOS)

:discourse2: الملخص يضيف مكون إضافة إلى الشاشة الرئيسية (iOS، iPadOS) نافذة منبثقة لمستخدمي أجهزة iOS. يمكن إغلاق هذه النافذة ولن تظهر إذا كنت تتصفح منتدى Discourse عبر تطبيق الويب التقدمي (PWA).
:hammer_and_wrench: المستودع GitHub - discourse/discourse-apple-add-to-homescreen · GitHub
:open_book: جديد على سمات Discourse؟ دليل المبتدئين لاستخدام سمات Discourse

تثبيت مكون السمة هذا

الميزات

يضيف هذا المكون نافذة منبثقة لمستخدمي أجهزة iOS. يمكن إغلاق هذه النافذة ولن تظهر إذا كنت تتصفح منتدى Discourse عبر تطبيق الويب التقدمي (PWA).

iPhone

iPad

الإعدادات

الاسم الوصف
مؤقت النافذة المنبثقة كم يجب أن تنتظر النافذة المنبثقة قبل الظهور؟ (بالمللي ثانية)
الترجمة الافتراضي
pwa_text قم بتثبيت %{siteTitle} على جهاز iOS الخاص بك. اضغط على مشاركة ثم أضف إلى الشاشة الرئيسية.

يتضمن هذا المكون إعدادين، أحدهما للنص المعروض، والآخر مؤقتًا لتحديد المدة الزمنية للانتظار قبل ظهور النافذة المنبثقة. تأتي هذه الإعدادات بقيمها الافتراضية.

ستظهر هذه النافذة المنبثقة فقط لمستخدمي iOS على iPhone أو iPad الذين لا يستخدمون تطبيق الويب التقدمي (PWA) لعرض منتدى Discourse. لن تظهر مرة أخرى إذا ضغط المستخدم على أيقونة x.

تحرير النص المعروض

تحتاج إلى الانتباه عند تحرير هذا الجزء:

إذا كنت تريد تحرير هذا النص، وترغب في بقاء siteTitle هنا، فتأكد من الاحتفاظ بـ %{siteTitle} في هذا النص حيثما يناسبك.


:discourse2: مستضاف من قبلنا؟ تتوفر مكونات السمات للاستخدام على خططنا القياسية، والأعمال، والمؤسسية.

27 إعجابًا

فكرة رائعة! شكراً لك! كانت المشكلة دائمًا وستظل اكتشاف هذه الميزة.

8 إعجابات

في الإصدار الأساسي لنظام Android، نستخدم فحص مستوى الثقة >= 1 لعرض النافذة المنبثقة، والتي تعمل كمؤقت ولكنها أفضل في رأيي:

https://github.com/discourse/discourse/blob/main/app/assets/javascripts/discourse/app/components/pwa-install-banner.js#L41-L46

أتساءل عما إذا كان يجب على هذه المكونة استخدام نفس الشيء :thinking:

أيضًا، أود دمج كل من لافتات تثبيت PWA لنظامي Android و iOS في مكون واحد في الإصدار الأساسي!

12 إعجابًا

أقترح أن يذكر النص الافتراضي إشعارات الدفع، ويتجنب ذكر “الجهاز”.

ربما شيء مثل:

“أضف %{siteTitle} إلى شاشتك الرئيسية للاشتراك في إشعارات الدفع! اضغط على مشاركة ثم إضافة إلى الشاشة الرئيسية.”

سيكون من المفيد بشكل خاص إذا قام فريق Discourse بإجراء بعض اختبارات A/B حول هذا الأمر، للعثور على اللغة الأكثر احتمالاً لجعل المستخدمين يشتركون في الدفع.

هذه هي الأسئلة التي لدي:

  • هل من الأفضل قول “إضافة” أم “تثبيت”؟
  • هل من الأفضل ذكر إشعارات الدفع هنا، أم تأخير ذكرها؟
  • إذا ذكرنا التثبيت، فهل يجب أن نقول إن هذا “تطبيق” يتم تثبيته؟ “تطبيق ويب”؟
  • جهاز iPad لديه مساحة أكبر. هل من الأفضل استخدام المزيد من الكلمات؟
6 إعجابات

على جهاز iPad، هذه اللافتة ليست جيدة. تظهر اللافتة في أسفل الشاشة، ولكن زر المشاركة في الأعلى. أرى أن هناك سهمًا صغيرًا لأعلى :up_arrow:، كما لو للإشارة إلى “مرحبًا، الزر في شريط الرأس”، لكنني أشك في أن هذا سيكون كافيًا. (هل أجريتم اختبارات مستخدمين على هذا؟ هل رأيتم أنه يعمل لمستخدمي iPad غير الخبراء؟)

ولا يساعد أيضًا أننا نطلب من المستخدم “النقر للمشاركة”، ولكن الزر لا يسمى بوضوح “مشاركة”. إنه مربع صغير به سهم.

image

منذ سنوات، كنت أستخدم https://github.com/cubiq/add-to-homescreen والذي كان يرسم نافذة منبثقة كهذه:

أود أن يفعل Discourse شيئًا أقرب إلى هذا.

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

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

3 إعجابات

هذه ملاحظات جيدة يا دان.
يمكنني رؤية فائدة عرض هذه النافذة المنبثقة في أعلى الصفحة عند استخدام جهاز آيباد.
بصراحة، السبب في عدم تضمين هذا الرمز في هذا الإصدار من المكون هو أن هذا الرمز متاح فقط في Font-Awesome 6، و Discourse لا يدعم هذا الإصدار حتى الآن.

إعجابَين (2)

هذا النوع من الرغبة هو بالضبط سبب قيامي بجعل هذا النص قابلاً للتحرير بواسطة مسؤول. قد يكون لكل شخص رأي مختلف حول ما يجب أن تقوله هذه النافذة المنبثقة، لذا لا تتردد في التحرير حسب رغبتك.

إعجاب واحد (1)

لا أعتقد أن لدي القدرة على اختباره A/B على منتدى الخاص بي. هل هذا شيء يمكنكم اختباره A/B؟

هل يخبر المستخدم لماذا قد يرغب في القيام بذلك؟

إعجاب واحد (1)

لست متأكدًا من أنني أفهم سؤالك. أود أن أخمن أنه إذا كانوا موجودين بالفعل في المنتدى، فإن سبب تثبيته على جهاز iOS الخاص بهم سيكون واضحًا.

النقطة التي أود طرحها هي أن مستخدمي Apple معتادون فقط على تثبيت التطبيقات عبر متجر التطبيقات. قليلون جدًا سيفهمون ما هو تطبيق الويب التقدمي (PWA). وقليلون أكثر سيعرفون الفائدة المحتملة للتثبيت.

إن وضع إشعارات المتصفح خلف A2HS (Add to Home Screen) خطوة رائعة من جانب Apple. إنها تحل تمامًا المشكلات المبكرة المتعلقة بالإشعارات على سطح المكتب.

كيف نخبر المستخدمين بما سيستفيدون منه بخلاف مجرد أيقونة أخرى على شاشتهم الرئيسية؟

3 إعجابات

أنا أختلف تمامًا (ولكن آمل بأدب). أدير منتدى Discourse ولديّ هذا التطبيق وتطبيقات أخرى مضافة إلى الشاشة الرئيسية. لم أفكر في القيام بذلك إلا بعد مناقشات هنا، ولم أر أي فوائد (الإشعارات لا تعمل) لذا استمررت في استخدام تطبيق Hub.

إعجابَين (2)

أعتقد أننا قد نكون كلانا نقدم افتراضات هنا دون جمع ملاحظات من المسؤولين الذين قاموا بتثبيت هذا.

ومع ذلك، فإن النص قابل للتخصيص بنسبة 100٪، لذلك إذا شعر المسؤول بالحاجة إلى مزيد من التوضيح، فيمكنه القيام بذلك بسهولة تامة.

كانت ملاحظاتي خاصة من العملاء، بعد ذكر أن PWA كانت خطوة ضرورية لتمكين الإشعارات.

سيختلف الأمر بين المجتمعات، ولكن في عصر “اطلب من التطبيق عدم التتبع” من غير المرجح أن يتبع المستخدمون التعليمات بشكل أعمى دون فائدة متصورة. إن إخبار المستخدم بكيفية تثبيت PWA دون شرح السبب يدفن الخبر بالتأكيد.

لقد واجهت هذه المشكلة مع عدد قليل من مثيلاتي المستضافة ذاتيًا وتعديل push notification time window mins إلى 0 أصلحها لي ولأغلب مستخدمي. كأثر جانبي، فإنه يجعل السلوك أقرب إلى كيفية عمل إشعارات تطبيق Hub من حيث التوقيت.

3 إعجابات

كان عليّ إضافة هذه الإضافة يدويًا.

كان لدي مستودع فارغ عند النقر باستخدام المثبت.

عذرًا على ذلك، يجب أن يكون قد تم إصلاحه الآن.

إعجاب واحد (1)

مكون رائع! يعجبني كيف تم تنفيذه بالقرب من أزرار المشاركة. أتفق على أنه يجب علينا دمج هذا في النواة والشعار الخاص بنظام أندرويد.

لدي نموذج أولي قديم لم يتم تنفيذه منذ فترة قد يعالج بعض الأفكار المذكورة هنا:

كانت الفكرة مع النص هنا :point_up: هي وجود نوع من “ما الفائدة التي ستعود عليّ” الواضحة - وإظهار شعار الموقع حرفيًا بطريقة تشبه التطبيق لجعله أوضح قليلاً ما يدور حوله هذا الأمر.

تم تصميم ذلك لنظام أندرويد، مما يجعل الأمور أسهل لأنك تستطيع تضمين زر يضيف PWA مباشرة إلى جهازك.

للأسف، لا يزال نظام iOS يتطلب منك المرور عبر ورقة المشاركة الخاصة بهم للوصول إلى هذا الإجراء… ولكن أعتقد أنه يمكننا وضع زر يشغل خيارات المشاركة؟ (نحن نفعل هذا بالفعل للنقر على أيقونة المشاركة على المنشورات في نظام iOS…)

4 إعجابات

ليس على نظام iOS. يمكنك فتح ورقة مشاركة باستخدام navigator.share()، ولكنها لا تحتوي على زر “إضافة إلى الشاشة الرئيسية” عليها. لإضافة إلى الشاشة الرئيسية (A2HS)، يجب على المستخدم النقر يدويًا على زر المشاركة الصغير؛ ومن هنا تأتي الحاجة إلى شيء كهذا.

إعجاب واحد (1)

اتضح أنني كنت لا أزال على إصدار قديم من iOS (قبل 16.4): Live notifications: "Notifications are not supported on this browser. Sorry."