هل تبحث عن طريقة بسيطة لإضافة إشعارات الدفع للتطبيقات التقدمية (PWA)؟
التطبيقات التقدمية (PWAs) هي تطبيقات تعمل على أي جهاز. ولكن هناك دائمًا بعض التعارض مع إرسال إشعارات الدفع عبر الويب. عادةً ما تكون أكبر مشكلة هي معدلات التسليم. يمكنك إضافة إشعارات الدفع عبر الويب إلى تطبيق PWA الخاص بك بعدة طرق. ولكن كيف ترسل إشعارات الدفع عبر الويب التي يتم تسليمها بالفعل من تطبيق PWA الخاص بك؟
لا تقلق! في هذه المقالة، سنوضح لك خطوة بخطوة كيف يمكنك إرسال إشعارات الدفع للتطبيقات التقدمية (PWA) بمعدلات تسليم موثوقة في أقل من 10 دقائق.
دعنا نتعمق.
ملخص سريع — ما هي إشعارات الدفع للتطبيقات التقدمية (PWA)؟ إشعارات الدفع للتطبيقات التقدمية (PWA) هي رسائل دفع قياسية عبر الويب يتم تسليمها عبر عامل خدمة مسجل لتطبيق PWA، مما يسمح للتطبيقات المثبتة من الويب بتلقي رسائل الدفع حتى عند إغلاق صفحة الويب.
أرسل إشعارات الدفع للتطبيقات التقدمية (PWA) اليوم!
تعد إشعارات الدفع أداة تسويقية فعالة للغاية ومنخفضة التكلفة لمساعدتك على زيادة حركة المرور المتكررة والمشاركة والمبيعات تلقائيًا.
كيفية تثبيت إشعارات الدفع للتطبيقات التقدمية (PWA)
إضافة إشعارات الدفع إلى تطبيق تقدمي (PWA) أمر بسيط للغاية. فقط اتبع الخطوات في هذه المقالة. إذا اتبعت كل خطوة، فبنهاية هذه المقالة، يجب أن تكون قادرًا على إرسال إشعارات الدفع مثل هذه:
- سجل عامل خدمة في جذر الموقع يجمع بين منطق التطبيق التقدمي (PWA) ومعالجة الدفع.
- قم بتثبيت سكربت PushEngage وانسخ كود التثبيت في
<head>. - قم بتكوين نافذة الاشتراك المنبثقة وأنشئ حملة في لوحة تحكم PushEngage.
التحدي الرئيسي هو أن جميع برامج إشعارات الدفع عبر الويب تستخدم ملف جافاسكربت يسمى service_worker.js. يساعدك عامل الخدمة في جمع مشتركين إشعارات الدفع من خلال نوافذ منبثقة. ولكن جميع التطبيقات التقدمية (PWAs) لديها بالفعل ملف عامل خدمة يخدم غرضًا مختلفًا. وفي وقت واحد، يمكن لتطبيق PWA الخاص بك استخدام عامل خدمة واحد فقط.
بكلمات بسيطة، خدمات الدفع عبر الويب تربك تطبيق PWA الخاص بك. لذلك، في بعض الأحيان سيجمع مشتركين إشعارات الدفع ولن يفعل ذلك في أحيان أخرى. في بعض الأحيان يمكنك إرسال الإشعارات وفي أحيان أخرى لا يمكنك ذلك. قد ينتهي بك الأمر بإرسال رسائل دفع إلى قائمة المشتركين بأكملها وتوصيلها إلى عدد قليل من المشتركين فقط.
نوصي باستخدام PushEngage لإرسال إشعارات الدفع للتطبيقات التقدمية (PWA). PushEngage هو البرنامج رقم 1 لإشعارات الدفع في العالم. لذلك، أنت تعلم أن حملاتك في أيد أمينة.
بالطبع، يأتي بناة التطبيقات التقدمية (PWAs) مثل Mendix مع نظام إشعارات الدفع الخاص بهم. ولكن ماذا لو كنت ترغب في الانتقال إلى خدمة إشعارات دفع أخرى؟ ماذا لو كنت تريد المزيد من المرونة والتحكم في حملات إشعارات الدفع الخاصة بك؟ علاوة على ذلك، فإن هذه الخدمات عادةً ما تمنحك واجهة برمجة تطبيقات (API) لإنشاء حملات دفع. ولكن مع PushEngage، تحصل على لوحة تحكم سهلة الاستخدام يمكنك من خلالها إنشاء وجدولة وإرسال وإدارة حملات الدفع.
ونعم، يمكنك استخدام Firebase Cloud Messaging (FCM) لإرسال إشعارات الدفع لتطبيقات Android. ولكن مع PushEngage، يمكنك إرسال إشعارات الدفع لتطبيقات Android والويب، وإشعارات الدفع لتطبيقات iOS و iPadOS على الويب والتطبيقات، وإشعارات الدفع للمتصفح.
أفضل جزء؟ يمكنك حتى إرسال إشعارات دفع التجارة الإلكترونية القوية ببضع نقرات.
| حقيقة | قيمة |
|---|---|
| آلية التسليم الأساسية | عامل الخدمة (اشتراك الدفع) |
| وقت الإعداد النموذجي | ~10 دقائق (أساسي) |
| متطلب شائع | ملف service_worker.js في جذر النطاق + manifest.json |
| يعمل على | معظم متصفحات سطح المكتب و Android (يختلف حسب النظام الأساسي) |
لنبدأ.
الخطوة #1: إعداد حساب PushEngage الخاص بك
توجه إلى الصفحة الرئيسية لـ PushEngage وانقر على زر البدء:
يمكنك تجربة PushEngage مجانًا. إذا كنت تدير مدونة صغيرة تحتاج إلى زيارات متكررة وتفاعل، فهذا جيد بما فيه الكفاية على الأرجح. ولكن إذا كنت جادًا بشأن المبيعات، فيجب عليك الحصول على حزمة Enterprise وفتح الحملات الآلية.
بمجرد التسجيل في حساب PushEngage الخاص بك، توجه إلى لوحة تحكم PushEngage الخاصة بك وانتقل إلى إعدادات الموقع » تفاصيل الموقع:
يمكنك تعيين شعارك واسم موقعك وعنوان URL لموقعك هنا. من المهم جدًا ترتيب هذه الأمور الآن حتى تتمكن من اختبار الإعداد بالكامل لاحقًا.
الخطوة #2: الحصول على رمز التثبيت من PushEngage
لتثبيت إشعارات الدفع، ستحتاج إلى الحصول على رمز التثبيت. في شاشة إعدادات الموقع، قم بالتمرير لأسفل وانقر فوق الزر انقر هنا للحصول على تعليمات الإعداد:
ثم، انقر فوق علامة التبويب أي موقع:
يمكنك استخدام كود Javascript لبدء إرسال إشعارات الدفع.
الخطوة #3: إضافة كود عامل الخدمة لإشعارات الدفع للتطبيقات التقدمية (PWA)
الجزء الأكثر صعوبة في العملية هنا أخيرًا. في لوحة تحكم PushEngage ضمن تعليمات الإعداد، سترى أيضًا خيارًا لتنزيل ملف عامل الخدمة.
هام: يمكن لتطبيق الويب التقدمي (PWA) أن يكون له نطاق عامل خدمة نشط واحد فقط في كل مرة - قم بدمج كود الدفع في عامل الخدمة الحالي لديك. بشكل افتراضي، لا يتطلب تطبيق الويب التقدمي (PWA) ملف عامل خدمة. كل ما تحتاجه لتحويل أي موقع إلى تطبيق ويب تقدمي هو ملف بيان. لذا، إذا كان تطبيق الويب التقدمي (PWA) الخاص بك لا يحتوي على ملف عامل خدمة، فيمكنك ببساطة إضافة عامل خدمة PushEngage إلى الدليل الجذر لموقعك أو تطبيق الويب الخاص بك.
ولكن إذا كان تطبيق الويب التقدمي (PWA) الخاص بك يحتوي بالفعل على عامل خدمة، فلا تقم بتحميل ملف عامل خدمة إشعارات الدفع الخاص بـ PushEngage مباشرة كما هو. افتح عامل خدمة PushEngage في محرر نصوص مثل Notepad وانسخ الكود الموجود في ملف عامل خدمة PushEngage. ثم، ابحث عن ملف عامل الخدمة لتطبيق الويب التقدمي (PWA) الخاص بك وأضف ببساطة كود عامل خدمة PushEngage إلى الملف.
إذا أهملت هذه الخطوة، فلن تتمكن من جمع مشتركين في إشعارات الدفع.
الخطوة #4: تكوين موافقة PushEngage
الآن، عد إلى لوحة تحكم PushEngage الخاصة بك. انتقل إلى التصميم » نوافذ منبثقة وحدد الاشتراك الذي تختاره:
الفكرة هنا هي منح زوارك سببًا وجيهًا للاشتراك. إذا كنت بحاجة إلى بعض المساعدة في ذلك، فراجع مقالتنا حول كيفية إنشاء خيار اشتراك مخصص للإشعارات الفورية.
وإذا كنت ترغب في الحصول على بعض القوالب للبدء، يجب عليك الاطلاع على هذا المقال حول نماذج الاشتراك في الإشعارات الفورية عالية التحويل.
الخطوة #5: إنشاء حملتك الأولى
الآن بعد أن أصبح تطبيق الويب التقدمي (PWA) الخاص بك قادرًا على إرسال إشعارات الدفع، يجب عليك إنشاء حملة فعلية.
تساعد حملة سلة التسوق المهجورة في تحقيق إيرادات إضافية عن طريق تحويل السلات المهجورة. إنها مجرد تذكير يبيع الكثير من المنتجات تلقائيًا. لذا، فهي حملة رائعة لدعم أي صفحة هبوط تحقق مبيعات مباشرة.
ما عليك سوى التوجه إلى لوحة تحكم PushEngage الخاصة بك وانتقل إلى الحملات » الحملات المشغلة » إنشاء حملة مشغلة جديدة:
ثم، حدد قالب حملة سلة التسوق المهجورة:
إذا كنت جديدًا في إنشاء حملات تسويق آلية، يمكنك ببساطة متابعة مقالتنا حول كيفية إعداد حملة إشعارات دفع لسلة التسوق المهجورة. اتبع كل خطوة، ويمكنك إعداد إشعارات دفع مثل هذه:
فقط في حال كنت تتساءل، لا تحتاج إلى أن تكون علامة تجارية مشهورة لكي تكون حملات إشعارات الدفع الخاصة بك فعالة. في الواقع، تم بناء PushEngage لمساعدة الشركات الصغيرة على النمو باستخدام إشعارات الدفع.
ولكن قبل أن تبدأ في تسويق موقعك، يجب عليك إصلاح أي مشكلات في عملية اشتراك إشعارات الدفع الخاصة بك. تحقق من هذه المقالة حول اختبار إشعارات الدفع الخاصة بك. إذا كان كل شيء يعمل بشكل مثالي، فقد انتهيت!
أسئلة متكررة
س: هل يتطلب دفع PWA عامل خدمة؟
ج: نعم. يتم تسليم رسائل دفع PWA بواسطة عامل الخدمة المسجل الذي يجب أن يتضمن معالجة حدث الدفع.
س: هل يمكنني إرسال دفع PWA على iOS؟
ج: دعم iOS لدفع الويب المستند إلى عامل الخدمة محدود؛ تدعم متصفحات Android وسطح المكتب دفع PWA على نطاق واسع. (إذا كان لديك حالة دقيقة لنظام iOS، فاستبدلها ببيان موجز حالي وقم بالاستشهاد.)
س: ما هو الخطأ الأكثر شيوعًا في التكامل؟
ج: تحميل عامل خدمة دفع منفصل إلى الجذر دون دمجه مع عامل الخدمة الحالي لتطبيق الويب التقدمي (PWA) - مما يؤدي إلى تعارضات وفقدان الاشتراكات.
ماذا تفعل بعد إضافة إشعارات الدفع للتطبيقات التقدمية (PWA)؟
هذا كل شيء لهذا اليوم أيها الأصدقاء!
يمكنك الآن إرسال إشعارات دفع PWA. بحلول هذا الوقت، تكون قد أنشأت أيضًا حملة إشعارات دفع ويب قوية لتعزيز نموك. كل ذلك، في أقل من 10 دقائق!
تحقق من كيفية إنشاء حملات إشعارات دفع آلية أخرى أيضًا. معظم حملات الدفع بسيطة وفعالة. لذا، نوصي بإعداد حملات متعددة لموقعك. إليك بعض الحملات الرائعة للبدء بها:
- كيفية إرسال إشعارات دفع RSS تلقائيًا
- كيفية إعداد إشعارات دفع التخلي عن سلة التسوق باستخدام GTM
- كيفية جدولة إشعارات الدفع بالطريقة السهلة [دليل 5 دقائق]
وإذا لم تكن قد فعلت ذلك بالفعل، فابدأ باستخدام PushEngage. PushEngage هو البرنامج رقم 1 للإشعارات الفورية في العالم. لذا، فإن حملاتك في أيد أمينة.
