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

بيني ماكلاشلان
بيني ماكلاشلان

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

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

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

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

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

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

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

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

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

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

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

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

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

زر تثبيت بسيط

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

بانر تثبيت مخصّص كشريط وجبات خفيفة.
شريط للوجبات الخفيفة يمكن إغلاقه، والذي يشير إلى إمكانية تثبيت تطبيق الويب التقدّمي (PWA)

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

بانر تثبيت مخصّص كشريط وجبات خفيفة.
شريط للوجبات الخفيفة يمكن إغلاقه، والذي يشير إلى إمكانية تثبيت تطبيق الويب التقدّمي (PWA)

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

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

بعد التحويل

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

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

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

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

إعلان ترويجي للتثبيت بعد تجربة المستخدم
إعلان ترويجي للتثبيت بعد تجربة المستخدم.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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