أنماط الترويج لتثبيت تطبيق الويب التقدّمي (PWA)

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

لقطة شاشة لزر التثبيت البسيط في تطبيق الويب التقدّمي
زر تثبيت بسيط متوفّر في تطبيق الويب التقدّمي (PWA).

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

أفضل الممارسات

هناك بعض أفضل الممارسات التي تنطبق بغض النظر عن أنماط العروض الترويجية التي تستخدمها على موقعك الإلكتروني.

  • يجب إبقاء العروض الترويجية خارج مسار رحلة المستخدِم. على سبيل المثال، في صفحة تسجيل الدخول إلى تطبيق متوافق مع الأجهزة الجوّالة، ضَع عبارة الحث على اتخاذ إجراء أسفل نموذج تسجيل الدخول وزر العميل . يؤدّي الاستخدام المُزعِج للأنماط الترويجية إلى تقليل سهولة استخدام تطبيقك المتوافق مع الأجهزة الجوّالة (PWA) ويؤثّر سلبًا في مقاييس التفاعل.
  • يجب أن يتضمّن العرض الترويجي إمكانية رفضه أو إغلاقه. تذكَّر إعدادات الإعدادات المفضّلة للمستخدم في حال اتّخاذه هذا الإجراء، ولا تُعيد طلب الموافقة إلا في حال حدوث تغيير في علاقة المستخدم بمحتوى تطبيقك، مثل تسجيل الدخول أو إكمال عملية شراء.
  • يمكنك الجمع بين الأساليب في أجزاء مختلفة من تطبيقك المتوافق مع الأجهزة الجوّالة، ولكن احرِص على عدم إرباك المستخدم أو إزعاجه من خلال الترويج للتثبيت.
  • لا تعرض العرض الترويجي إلا بعد إعلام العميل بحدث beforeinstallprompt.

الترويج التلقائي للمتصفّح

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

لقطة شاشة لمربّع البحث الشامل مع مؤشر تثبيت مرئي
إعلان ترويجي للتثبيت يقدّمه المتصفّح (على أجهزة الكمبيوتر المكتبي).
لقطة شاشة للعرض الترويجي للتثبيت المقدَّم من المتصفّح
عرض ترويجي يوفّره المتصفّح للتثبيت (الأجهزة الجوّالة)

يعرض Chrome لنظام Android شريط معلومات مصغّرًا للمستخدم، علمًا أنّه يمكن منع ذلك من خلال استدعاء preventDefault() في حدث beforeinstallprompt. في حال عدم استدعاء preventDefault()، سيتم عرض البانر في المرة الأولى التي يزور فيها أحد المستخدمين موقعك الإلكتروني ويستوفي معايير قابلية التثبيت على Android، ثم مرة أخرى بعد 90 يومًا تقريبًا.

الأنماط الترويجية لواجهة المستخدم

يمكن استخدام الأنماط الترويجية لواجهة المستخدم مع أي نوع تقريبًا من تطبيقات الويب التقدّمية، ويمكن أن تظهر في أماكن مثل شريط التنقّل في الموقع الإلكتروني وإعلانات البانر. كما هو الحال مع أي نوع آخر من الأنماط الترويجية، من المهم أن تكون على دراية بسياق المستخدم لتقليل الانقطاع في رحلة المستخدم.

إنّ المواقع الإلكترونية التي تراعي الوقت المناسب لعرض واجهة مستخدم العرض الترويجي تحقّق عددًا أكبر من عمليات التثبيت وتتجنّب التدخل في تجارب المستخدمين الذين لا يهمّهم التثبيت.

زر تثبيت بسيط

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

زر تثبيت مخصّص
زر تثبيت بسيط.

هذا زر تثبيت يمثّل جزءًا من عنوان موقعك الإلكتروني. غالبًا ما يتضمّن محتوى الرأس الآخر علامة الموقع، مثل الشعار وقائمة طعام شطيرة الهمبرغر. يمكن أن تكون العناوين position:fixed أو لا تكون، وذلك استنادًا إلى وظائف موقعك الإلكتروني واحتياجات المستخدمين.

زر التثبيت المخصّص في العنوان
زر تثبيت مخصّص في العنوان

عند استخدامها بشكل مناسب، تشكّل ميزة الترويج لتثبيت تطبيق PWA من عنوان موقعك الإلكتروني طريقة رائعة لتسهيل عودة العملاء الأكثر ولاءً إلى تجربتك. تُعدّ وحدات البكسل في عنوان تطبيق الويب التقدّمي (PWA) قيّمة، لذا تأكّد من أنّ حجم عبارة الحث على اتخاذ إجراء للتثبيت مناسب، وأن تكون ذات أهمية أكبر من محتوى العنوان المحتمل الآخر، وأن تكون غير متداخلة.

زر تثبيت مخصّص في العنوان
زر تثبيت مخصّص في العنوان

تأكد من إجراء ما يلي:

  • لا تعرض زر التثبيت ما لم يتم إشعال beforeinstallprompt.
  • قيِّم قيمة حالة الاستخدام المثبَّتة للمستخدمين. ننصحك باستخدام ميزة الاستهداف الانتقائي لعرض عرضك الترويجي للمستخدمين الذين يُرجّح أن يستفيدوا منه فقط.
  • استخدِم مساحة العنوان الثمينة بكفاءة. فكِّر في المحتوى الآخر الذي يمكن أن يكون مفيداً لتقديمه للمستخدم في العنوان، ووازن بين أولوية الترويج لعمليات التثبيت مقارنةً بالخيارات الأخرى.
زر التثبيت المخصّص في قائمة التنقّل
أضِف زر تثبيت/عرض ترويجي في قائمة تنقّل قابلة للانزلاق.

تُعدّ قائمة التنقّل مكانًا رائعًا للترويج لتثبيت تطبيقك، لأنّ المستخدمين الذين يفتحون القائمة يُظهرون اهتمامهم بتجربتك.

تأكد من إجراء ما يلي:

  • تجنَّب إيقاف المحتوى المهم للتنقّل. ضَع الرمز الترويجي لتثبيت تطبيق الويب التقدّمي (PWA) تحت عناصر القائمة الأخرى.
  • قدِّم عرضًا تقديميًا قصيرًا وذا صلة يوضّح سبب استفادة المستخدم من تثبيت تطبيقك المتوافق مع الأجهزة الجوّالة.

الصفحة المقصودة

الغرض من الصفحة المقصودة هو الترويج لمنتجاتك وخدماتك، لذا فهي مكان ملائم للتوسع فيه عند الترويج لمزايا تثبيت تطبيق الويب التقدّمي (PWA).

طلب تثبيت مخصّص على الصفحة المقصودة.
طلب تثبيت مخصّص على صفحة مقصودة

أولاً، اشرح قيمة موقعك الإلكتروني، ثمّ أخبِر الزوّار بالفوائد التي سيحصلون عليها من التثبيت.

تأكد من إجراء ما يلي:

  • شارِك الميزات الأكثر أهمية للزوّار، وابرز الكلمات الرئيسية التي ربما نقلتهم إلى صفحتك المقصودة.
  • احرص على أن يكون العرض الترويجي للتثبيت وطلب اتّخاذ إجراء جذابَين، ولكن بعد أن تُوضّح عرض القيمة. هذه هي صفحتك المقصودة، بعد كل شيء.
  • ننصحك بإضافة عرض ترويجي للتثبيت في الجزء من تطبيقك الذي يقضي فيه المستخدمون معظم وقتهم.

صادف معظم المستخدمين إعلانات البانر الخاصة بالتركيب في تجارب الأجهزة الجوّالة وهم على دراية بالتفاعلات التي يوفّرها إعلان البانر. يجب استخدام إعلانات البانر بعناية لأنّها يمكن أن تُزعج المستخدم.

بانر التثبيت المخصّص في أعلى الصفحة
إعلان بانر قابل للإغلاق في أعلى الصفحة

تأكد من إجراء ما يلي:

  • انتظِر إلى أن يُظهر المستخدِم اهتمامًا بموقعك الإلكتروني قبل عرض بانر. إذا أغلق المستخدِم البانر، لا تعرضه مرة أخرى ما لم يشغِّل المستخدِم حدث إحالة ناجحة يشير إلى مستوى أعلى من التفاعل مع المحتوى الخاص بك، مثل إجراء عملية شراء على موقع إلكتروني للتجارة الإلكترونية أو الاشتراك في حساب.
  • قدِّم شرحًا موجزًا لقيمة تثبيت تطبيقك المتوافق مع الأجهزة الجوّالة في الباننر. على سبيل المثال، يمكنك التمييز بين تثبيت تطبيق ويب تقدّمي (PWA) وتطبيق iOS/Android من خلال الإشارة إلى أنّه لا يستخدم أي مساحة تخزين تقريبًا على جهاز المستخدم أو أنّه سيتم تثبيته على الفور بدون إعادة توجيه المتجر.

واجهة مستخدم مؤقتة

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

بانر مخصّص للتثبيت كشريط الإعلام المنبثق
شريط للوجبات الخفيفة قابل للإغلاق يشير إلى أنّ تطبيق الويب التقدّمي قابل للتثبيت

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

بانر التثبيت المخصّص كشريط معلومات
شريط للوجبات الخفيفة قابل للإغلاق يشير إلى أنّ تطبيق الويب التقدّمي قابل للتثبيت

تأكد من إجراء ما يلي:

  • اعرض شريط المعلومات الصغير لمدة تتراوح بين 4 و7 ثوانٍ لمنح المستخدمين وقتًا كافيًا لمشاهدته والتفاعل معه، وبدون أن يتسبب في إعاقة الرؤية.
  • تجنَّب عرضه فوق واجهة مستخدم مؤقتة أخرى، مثل إعلانات البانر وما إلى ذلك.
  • انتظِر إلى أن تتلقّى إشارات اهتمام قوية من المستخدِم قبل استخدام هذا النمط، مثل الزيارات المتكرّرة أو تسجيل دخول المستخدِم أو حدث إحالة ناجحة مشابه.

بعد التحويل

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

عرض ترويجي للتثبيت بعد الإحالة الناجحة
عرض ترويجي للتثبيت بعد أن يكمل المستخدم عملية شراء.

رحلة الحجز أو الدفع

اعرض عرضًا ترويجيًا للتثبيت أثناء رحلة متسلسلة أو بعدها، مثل تدفقات الحجز أو الدفع. إذا كنت تعرض العرض الترويجي بعد أن يُكمِل المستخدِم الرحلة، يمكنك غالبًا إبرازه أكثر لأنّه قد اكتمل.

عرض ترويجي للتثبيت بعد رحلة المستخدِم
عرض ترويجي للتثبيت بعد تجربة مستخدِم

تأكد من إجراء ما يلي:

  • أدرِج عبارة تحثّ المستخدم على اتّخاذ إجراء ذي صلة. من هم المستخدمون الذين سيستفيدون من تثبيت تطبيقك ولماذا؟ ما مدى صلة الرحلة التي يخوضونها حاليًا؟
  • إذا كانت علامتك التجارية تقدّم عروضًا فريدة لمستخدمي التطبيقات المثبّتة، يمكنك الإشارة إليها.
  • يجب ألا يعرقل العرض الترويجي الخطوات التالية في رحلتك، وإلا قد يؤدي ذلك إلى التأثير سلبًا في معدّلات إكمال الرحلة. في مثال التجارة الإلكترونية أعلاه، لاحظ أنّ عبارة الحثّ الرئيسية على الدفع تظهر أعلى العرض الترويجي لتثبيت التطبيق.

خطوات الاشتراك أو تسجيل الدخول أو تسجيل الخروج

هذا العرض الترويجي هو حالة خاصة من الرحلة التي يمكن أن تكون فيها بطاقة العرض الترويجي أكثر بروزًا.

زر تثبيت مخصّص في صفحة الاشتراك
زر تثبيت مخصّص في صفحة الاشتراك

عادةً لا تتم مشاهدة هذه الصفحات إلا من قبل المستخدمين المتفاعلين، حيث سبق أن تم تحديد عرض قيمة تطبيق الويب التقدّمي (PWA). ولا يتوفّر أيضًا في أغلب الأحيان محتوى آخر مفيد لوضعه على هذه الصفحات. نتيجةً لذلك، يكون استخدام عبارة أكبر للحثّ على اتّخاذ إجراء أقل تدخُّلاً طالما أنّها لا تعيق الرؤية.

تأكد من إجراء ما يلي:

  • تجنَّب إيقاف تجربة المستخدم داخل نموذج الاشتراك. إذا كانت عملية تتعلّق بخطوات متعددة، ننصحك بالانتظار إلى أن يُكمل المستخدِم الرحلة.
  • الترويج للميزات الأكثر صلة بالمستخدم المُسجّل
  • يمكنك إضافة ترويج إضافي للتثبيت داخل المناطق التي تم تسجيل الدخول فيها إلى تطبيقك.

الأنماط الترويجية المضمّنة

تؤدي الأساليب الترويجية المضمّنة إلى دمج العروض الترويجية مع محتوى الموقع الإلكتروني. ويكون هذا الإجراء غالبًا أكثر دقة من العروض الترويجية في واجهة المستخدم، والتي لها مزايا وعيوب. يجب أن يكون عرضك الترويجي بارزًا بما يكفي ليلاحظه المستخدمون المهتمون، ولكن ليس كثيرًا لدرجة أن يؤثر سلبًا في جودة تجربة المستخدم.

إعلان ضمن الخلاصة

يظهر عرض ترويجي للتثبيت داخل الخلاصة بين المقالات الإخبارية أو قوائم أخرى من بطاقات المعلومات في تطبيقك المتوافق مع الأجهزة الجوّالة.

عرض ترويجي للتثبيت ضمن خلاصة محتوى
عرض ترويجي للتثبيت ضمن خلاصة محتوى

هدفك هو إظهار كيفية وصول المستخدمين إلى المحتوى الذي يعجبهم بشكلٍ أكثر ملاءمةً. ركِّز على الترويج للميزات والوظائف التي ستكون مفيدة للمستخدمين.

تأكد من إجراء ما يلي:

  • حدِّد عدد مرات عرض العروض الترويجية لتجنّب إزعاج المستخدمين.
  • امنح المستخدمين إمكانية إغلاق العروض الترويجية.
  • تذكّر خيار المستخدم في الرفض.