‏منصة Messenger‏

طريقة عرض الويب

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

عرض طريقة عرض الويب

يمكنك فتح طريقة عرض الويب من خلال أي مما يلي:

في كل من هذه الحالات، يمكنك تحديد الشكل الذي يجب أن يبدو عليه طريقة عرض الويب وسلوكها.

إذا كانت تجربتك تستخدم ملحقات Messenger الموضحة في هذا القسم، فتذكر تعيين المعلمة messenger_extensions على true في عنصر القائمة أو الزر التي تستدعيها منه!

مجموعة SDK لملحقات Messenger - تتطلب إضافة النطاق إلى القائمة البيضاء

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

لمزيد من المعلومات حول إضافة نطاقات إلى القائمة البيضاء، يمكنك الرجوع إلى المرجع whitelisted_domains.

إعداد عنوان طريقة عرض الويب

كما هو الحال مع أي صفحة ويب، تعمل الإشارة <title> على تعيين النص المعروض في شريط العنوان لطريقة عرض الويب.

<html><head><title>طريقة عرض الويب الرائعة</title></head> ... </html>

غلق طريقة عرض الويب

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

الغلق باستخدام مجموعة SDK لملحقات Messenger

لغلق طريقة عرض الويب باستخدام مجموعة SDK لملحقات Messenger، يمكنك استدعاء MessengerExtensions.requestCloseBrowser(). يمكنك أيضًا تنفيذ وظائف استدعاءات النجاح والخطأ بشكل اختياري.

MessengerExtensions.requestCloseBrowser(function success() {
  // webview closed
}, function error(err) {
  // an error occurred
});

الغلق باستخدام إعادة التوجيه

يمكنك أيضًا غلق طريقة عرض الويب من خلال إعادة توجيه المستخدم لعنوان URL بالتنسيق التالي:

https://www.messenger.com/closeWindow/?image_url=<IMAGE_URL>&display_text=<DISPLAY_TEXT>

سيتم عرض القيم المعينة للمعلمتين display_text وimage_url بإيجاز حتى يتم غلق النافذة. لاحظ أنه سيتم إغلاق هذه الطريقة فقط إذا قمت بإعادة التوجيه من عنوان URL/الصفحة. لن يتم غلق المتصفح إذا تم فتح عنوان URL مباشرةً.

لا يعمل هذا إلا في نظام Android. بالنسبة لنظام iOS، سيتم عرض النص والصورة ولكن لن يتم غلق المتصفح تلقائيًا.

مجموعة SDK لملحقات Messenger

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

لمزيد من المعلومات، راجع إضافة مجموعة SDK لملحقات Messenger.

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

استخدمها للتفاعلات الطويلة (التي تتطلب أكثر من ثلاث خطوات) حيث قد يرغب الأشخاص في تعديل مدخلاتهم أو المتابعة بطريقة غير خطية.

استخدمها للمحتوى المرئي بشكل خاص.

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

استخدمها مع المزيد من تفاعلات المحادثات.

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

استفد من ملحقات طريقة عرض الويب في Messenger لتوفير سياق سلسلة الرسائل في طريقة عرض الويب.

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

امزج بين تفاعلات المحادثة وطريقة عرض الويب، واجعل كل تفاعل محدد موجزًا. ادمج بين تفاعلات سلسلة الرسائل وطريقة عرض الويب لتجربة "Messenger أصلية".

أمثلة على حالات الاستخدام

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

دفق التصميم الموصى به

  1. يصل الأشخاص إلى تجربة طريقة عرض الويب من خلال إحدى الطريقتين: عبر زر إذا كان جزءًا من تدفق محادثة أكبر أو عنصر قائمة للوصول المستمر (على سبيل المثال، التفضيلات) أو كليهما.
  2. تظهر تجربتك كطبقة فوق سلسلة الرسائل بملء الشاشة عند ارتفاع بمعدل 75٪ أو 50٪، استنادًا إلى المحتوى وحالة الاستخدام.
  3. يُفضل إرسال المحتوى إلى سلسلة الرسائل أثناء تفاعل طريقة عرض الويب أو بعده.
  4. عند الانتهاء، يمكن للأشخاص غلق طريقة عرض الويب والعودة إلى سلسلة الرسائل، أو يمكنك غلقها بنفسك استجابةً إلى الإجراءات التي يتخذونها (على سبيل المثال، زر الحفظ).