إنشاء حملات النوافذ المنبثقة للويب

تضع حملة الويب محتوى الويب الذي أنشأته على موقعك الإلكتروني، وتتحكم في وقت ظهوره ومن يراه. تعرض الحملة محتواها بإحدى طريقتين: كـ Popup أو ككتلة Inline.

بدء حملة جديدة

1. اذهب إلى الحملات ← حملات الويب.

2. انقر على إنشاء حملة واختر النوع:

   • Popup: طبقة متراكبة فوق الصفحة.
   • Inline: كتلة داخل أحد عناصر صفحتك، على سبيل المثال في شريط جانبي أو أسفل مقال.

   لا يمكنك تغيير النوع لاحقًا.

   

إصدار Web SDK لحملات Inline

اطلب من المطوّر لديك التحقق من إصدار Web SDK على موقعك. تحتاج حملات Inline إلى الإصدار 3.97.0 أو أحدث، أو 3.98.0 أو أحدث إذا كان الموقع يستخدم حزمة npm. مع إصدار SDK أقدم، تظهر حملة Inline كنافذة منبثقة فوق الصفحة بدلًا من ظهورها داخل الكتلة.

تحديد محتوى الويب

اختر المحتوى الذي تعرضه هذه الحملة للزوار. يمكنك اختيار محتوى موجود أو إنشاء محتوى جديد دون مغادرة المعالج.

• محتوى موجود: في Web content، حدد عنصرًا من القائمة. تعرض القائمة تحت كل اسم نوعه: Web content للمحتوى العادي أو Web form لـ نموذج الويب.
• محتوى جديد: انقر على إنشاء جديد واختر Web content أو Web form. يفتح المحرر الخاص بنوع المحتوى هذا.

لتغيير ترتيب المحتوى في القائمة المنسدلة، استخدم زر الفرز فوقها واختر Last updated أو A-Z أو Z-A. تُفرز القائمة المنسدلة حسب A-Z إلى أن تختار ترتيبًا آخر. يتذكر Pushwoosh اختيارك ويستخدمه في كل قائمة منسدلة لمحتوى النوافذ المنبثقة للويب، في الرسائل لمرة واحدة وفي journey على حد سواء.

جمع عناوين البريد الإلكتروني والإجابات

حدد نموذج ويب لاشتراك الزوار في البريد الإلكتروني وحفظ إجاباتهم في العلامات. يعمل النموذج نفسه في حملات Popup وInline. تعرّف على كيفية إنشائه.

انقر على التالي عند تحديد المحتوى الصحيح.

تحديد الجمهور

حدد من يجب أن يرى الحملة.

• جميع المستخدمين: عرض الحملة للجميع بدون فلاتر.

• استهداف الجمهور: عرض الحملة فقط للمستخدمين الذين يطابقون شريحة أو شروطًا مخصصة. يظهر خياران فرعيان:
  • استخدام شريحة موجودة: اختر شريحة محفوظة من القائمة. لإنشاء واحدة دون مغادرة المعالج، انقر على إنشاء شريحة.
  • استخدام شروط مخصصة: أنشئ الجمهور مباشرة عن طريق إضافة فلاتر حسب Tag، Event، Segment، أو User ID.

عندما تنتهي، انقر على التالي.

تكوين إعدادات العرض

قم بإعداد متى، وكم مرة، وأين يتم عرض هذه الحملة.

محدد CSS

يظهر هذا الحقل لحملات Inline فقط. تظهر حملة Inline داخل كتلة من صفحتك، ويخبر محدد CSS Pushwoosh بأي كتلة.

1. في CSS selector، أدخل محدد عنصر الصفحة الذي توضع فيه الحملة، على سبيل المثال #newsletter-signup. استخدم محددًا بسيطًا واحدًا: اسم عنصر HTML، أو #id، أو .class، أو [attribute]، بدون تداخل.

2. تحت الحقل، يعرض Pushwoosh العنصر الذي يجب إضافته إلى صفحتك، على سبيل المثال <div id="newsletter-signup"></div>. اطلب من المطوّر إضافته في المكان الذي يجب أن تظهر فيه الحملة.

   

تظهر الحملة داخل أول عنصر في الصفحة يطابق المحدد. إذا لم تحتوِ الصفحة على عنصر مطابق، فلا تُعرض الحملة فيها.

مع Automatically on page load، تظهر حملة Inline في كل مرة تُحمَّل فيها صفحة تحتوي على العنصر المطابق.

Show popup أو Show campaign

اختر طريقة عرض الحملة. يُسمى الحقل Show popup في حملة Popup وShow campaign في حملة Inline.

• Automatically on page load: تظهر الحملة من تلقاء نفسها على الصفحات التي تطابق إعداداتها.
• Only via WebSDK call: لا تظهر الحملة من تلقاء نفسها. يعرضها موقعك عن طريق استدعاء Web SDK. يعرض المعالج الاستدعاء مع رمز الحملة، على سبيل المثال Pushwoosh.moduleRegistry.webPopups.show('CAMPAIGN_CODE'). يتطلب Web SDK 3.63.0 أو أحدث.

مع Only via WebSDK call، يخفي المعالج تأخير العرض والعرض على الصفحات، لأن الاستدعاء من موقعك يتجاهلهما.

تأخير العرض

هذا الإعداد مخصص لحملات Popup التي تُعرض Automatically on page load. اختر متى يمكن أن تظهر النافذة المنبثقة للويب لأول مرة بعد تحميل الصفحة.

• فورًا
• بعد 3 ثوانٍ
• بعد 5 ثوانٍ
• بعد 10 ثوانٍ

كيف يُقاس التأخير

• يُقاس التأخير من لحظة تهيئة Pushwoosh SDK على الصفحة، وليس من وقت بدء تحميل الصفحة.
• قد يكون الوقت الفعلي قبل ظهور النافذة المنبثقة للويب أطول قليلاً من القيمة التي تحددها. على سبيل المثال، إذا استغرق SDK ثانيتين للتحميل وقمت بتعيين تأخير لمدة 5 ثوانٍ، فستظهر النافذة المنبثقة للويب بعد 7 ثوانٍ من بدء تحميل الصفحة.

التكرار

هذا الإعداد مخصص لحملات Popup فقط. تحت التكرار، اختر عدد المرات التي يمكن للزائر رؤية هذه النافذة المنبثقة للويب:

• مرة واحدة لكل زائر: يرى الزائر النافذة المنبثقة مرة واحدة على الأكثر في ذلك المتصفح، حتى في علامة تبويب جديدة.

ملاحظة

يمكن لـ Pushwoosh التعرف على نفس الزائر فقط طالما أن المتصفح يحتفظ ببيانات Web SDK. إذا قام الزائر بمسح بيانات المتصفح، أو استخدم متصفحًا آخر، أو فتح الموقع على جهاز آخر، فإن Pushwoosh يعامله كجهاز جديد، وبالتالي يمكن أن تظهر النافذة المنبثقة للويب مرة أخرى.

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

الجهاز

في الجهاز، اختر الأجهزة التي تظهر عليها الحملة: جميع الأجهزة، أو سطح المكتب، أو الجوال.

إذن الدفع

في إذن الدفع، اختر الزوار الذين يرون الحملة، بناءً على ما إذا كانوا قد سمحوا بإشعارات الويب في هذا المتصفح:

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

تعرض خطوة المراجعة الخيار الذي اخترته بجوار الجهاز، بصيغة إذن الدفع: متبوعًا باسم الخيار.

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

إصدار Web SDK لإذن الدفع

يتطلب هذا الإعداد Pushwoosh WebSDK بالإصدار 3.103.0 أو أحدث. إذا كان موقعك يحمّل حملات الويب بنواة WebSDK أقدم، فلن تظهر هناك إلا الحملات المعيّنة على جميع الزوار.

العرض على الصفحات

اختر الصفحات التي يمكن أن تظهر عليها الحملة. يكون هذا الإعداد مخفيًا مع Only via WebSDK call.

إصدار Web SDK لقواعد الصفحات

استبعاد الصفحات، ونوع المطابقة يبدأ بـ، كلاهما يسري فقط على المواقع التي تعمل بإصدار محدث من Pushwoosh WebSDK. في إصدارات WebSDK الأقدم من 3.102.0، لا تتطابق المسارات التي تدخلها أيضًا مع الصفحات التي يحتوي عنوانها على أحرف كبيرة أو مسافات أو أحرف من خارج الأبجدية الإنجليزية، مثل é أو ñ.

كل الصفحات

عرض الحملة في كل صفحة من صفحات الموقع. لإبعادها عن بعض الصفحات، أضف ما يصل إلى 10 استثناءات:

1. انقر على + إضافة استثناء.
2. أدخل مسار الصفحة.
3. اختر كيف يجب أن يتطابق المسار: مطابقة تامة أو يبدأ بـ.

صفحات محددة

عرض الحملة فقط على الصفحات التي تدرجها. يمكنك إضافة ما يصل إلى 10 صفحات:

1. انقر على + إضافة صفحة. لإزالة صف، انقر على ×.
2. أدخل مسار الصفحة.
3. اختر كيف يجب أن يتطابق المسار: مطابقة تامة أو يبدأ بـ.

انقر على التالي للمتابعة.

إدخال مسار الصفحة

يخبر المسار Pushwoosh بالصفحات التي تشملها القاعدة. تنطبق القواعد نفسها على الاستثناءات وعلى الصفحات المحددة.

ما يجب إدخاله

• أدخل المسار كما يظهر بعد نطاقك، على سبيل المثال /pricing أو /blog/intro.
• يمكن أن يحتوي المسار على أحرف من أي أبجدية، وأرقام، ومسافات، والأحرف - _ . ~ ! $ & ' ( ) * + , ; = : @ /.
• حالة الأحرف لا تهم، لذا فإن /Pricing و/pricing يطابقان الصفحة نفسها.

لصق عنوان كامل

يمكنك أيضًا لصق العنوان الكامل من شريط عنوان المتصفح أو مسار مُرمَّز. يزيل Pushwoosh النطاق وسلسلة الاستعلام والجزء (fragment)، ثم يحفظ المسار بعد فك ترميزه وبأحرف صغيرة. على سبيل المثال:

ما تدخله	ما يحفظه Pushwoosh
https://example.com/Catalog/?sort=price	/catalog/
/caf%C3%A9	/café

أنواع المطابقة

يحدد نوع المطابقة الصفحات التي يشملها المسار:

نوع المطابقة	الصفحات التي يشملها
مطابقة تامة	الصفحة التي يكون مسارها مطابقًا لما تدخله فقط. لا يشمل /pricing المسار /pricing/.
يبدأ بـ	كل صفحة يبدأ مسارها بما تدخله. يشمل /blog المسار /blog/intro وأيضًا /blog-news، لذا أدخل /blog/ لتغطية قسم المدونة فقط.

مراجعة الحملة

تلخص شاشة المراجعة ما يلي:

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

استخدم تغيير الخيارات في أي كتلة للعودة وتعديل ذلك الجزء.

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

عندما يبدو كل شيء صحيحًا، انقر على إكمال الإعداد.

ثم اختر خيارًا من القائمة:

• Launch campaign… يفعّل الحملة بعد أن تدخل اسم الحملة وتؤكد. بالنسبة لحملة Inline، يعرض بعد ذلك مربع حوار Embed code العنصر الذي يجب إضافته إلى صفحتك. يمكنك فتحه مرة أخرى لاحقًا باستخدام Get embed code… في قائمة صف الحملة.

  

• Save as draft… يحفظ الحملة دون تفعيلها. لتفعيلها لاحقًا، اذهب إلى الحملات ← حملات الويب، وافتح قائمة النقاط الثلاث في صف المسودة، واختر Activate campaign…. لتغيير الإعدادات أولًا، اختر Edit campaign… في القائمة نفسها.

للبحث عن الحملات وتصفيتها وإدارتها من القائمة، انظر عرض وإدارة الحملات.