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

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

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

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

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

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

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

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

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

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

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

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

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

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

زر تثبيت بسيط

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

بعد التحويل

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

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

مسار الحجز أو الدفع

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

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

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

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

عملية الاشتراك أو تسجيل الدخول أو تسجيل الخروج

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

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

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

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

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

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

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

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

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

عرض ترويجي لتثبيت التطبيق ضمن خلاصة محتوى
إعلان ترويجي لتثبيت التطبيق يظهر ضمن خلاصة المحتوى

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

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

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