مرحبًا جميعًا… أعتذر عن طول الرسالة هنا، لكنني حاولت إصلاح المشكلة بنفسي منذ أيام باستخدام ask.discourse ونسخة Claude الخاصة بي. طلبت من Claude إعداد التقرير المرفق، بما في ذلك ما جربناه والأسئلة الأخرى. هذا هو السياق الأولي لكم…
السياق الكامل لدعم Discourse
الموقع: canbarforum.incba.org (يتطلب تسجيل دخول عبر SSO من نظام إدارة العضوية لدينا)
القالب: Horizon (قالب Discourse البعيد الرسمي)
إصدار Discourse: v2026.9.0-latest (إصدار Ember v7.2.0)
تكامل الطرف الثالث: Zoho SalesIQ (ودجت لتتبع الزوار، يُحافظ على وضع “مشغول” عمدًا — للتتبع فقط، ولا يُقصد به فقاعة دردشة مرئية)
الهدف
تثبيت Zoho SalesIQ للتتبع المجهول للزوار فقط (عدد مرات عرض الصفحة، التواجد المباشر) — دون فقاعة دردشة مرئية، نظرًا لأن الودجت يُحافظ عمدًا على وضع “مشغول”. يعمل سطح المكتب بشكل مثالي. تعرض متصفحات الجوال شاشة سوداء صلبة تغطي الصفحة بأكملها.
العرض الحالي (غير محلول)
● سطح المكتب: يعمل بشكل كامل، التتبع يعمل، ولا توجد مشاكل بصرية.
● الجوال (جميع المتصفحات التي تم اختبارها — Android Chrome، iOS): يتم تحميل الصفحة، وقد تم تأكيد وجود محتوى Discourse الفعلي وهو صحيح من حيث البنية في DOM تحتها، لكن طبقة سوداء صلبة تغطي مجال العرض بالكامل بصريًا.
● تم التأكيد عبر محاكاة الجوال في Chrome DevTools (ملف Samsung Galaxy S20 Ultra) أن تطبيق Ember الخاص بـ Discourse يعمل بشكل صحيح — هذا ليس فشلًا في JS/bootstrap لـ Discourse. هناك شيء ما يُرسم فوق صفحة تعمل بشكل كامل.
لم أسمع بهذا من قبل – هل هذا أحد إضافاتنا؟ هل يمكنك مشاركة رابط صفحته هنا على Meta؟ إذا لم تكن من إضافاتنا (لا أعتقد أنها كذلك)، فستحتاج إلى الإبلاغ عن هذه المشكلة لمطوري تلك الإضافة.
يبدو أن هذا يمكن حله بسهولة باستخدام CSS مخصص. لا أستطيع الوصول إلى منتداك، لكن حاول فحص الصفحة والبحث عن الطبقة السوداء، بحيث يمكنك ضبطها على display:none على سبيل المثال؟
مرحبًا @chapoi … شكرًا على ردّك! للمعلومة، أنا لا أكتب أكوادًا، لذا استخدمتُ مزيجًا من Claude وDiscourseHelper لمحاولة كل إصلاح ممكن، بما في ذلك عدة خدع مخصصة لـ CSS. لم ينجح أي شيء. (ملاحظة: طلبتُ من Claude توثيق كل ما جرّبناه، وهو موجود في ملف PDF الذي أرفقته في منشوري الأصلي.
ومع ذلك، لم أكن على دراية بالتغيير في SalesIQ الذي شاركتَني رابطه. هذا قد يكون الحل. (تعديل: أرى أن المقال قديم عمره 9 سنوات) للمعلومة، عندما كنت أحاول الحصول على نسخة جديدة من السكربت لدمجه (والآن فقط عندما بحثت عن كود التتبع فقط)، لم أكن أرى تلك الخيارات… لكنني أيضًا لم أكن أنظر إليها عن قرب. سأبحث بشكل أعمق وسأوافيكم بالتحديث. إذا سنحت لك الفرصة لرمي نظرة على المستند الذي أرفقته، ستحصل على فكرة جيدة عن مدى محاولاتي لإصلاح هذا الأمر بنفسي. لكن… بصراحة تامة… أنا لا أعرف حتى ما هو DOM.
لقد جربت كل شيء ولا يبدو أن التطبيق الجوال يعمل بشكل صحيح. لقد نقلت السكربت من خانة “الشائع” (Common) إلى تطبيق سطح المكتب. الآن لدي تتبع لسطح المكتب، لكن ليس للتتبع الجوال.
بشكل مثير للاهتمام، أرى شخصًا من إيطاليا يتصفح مناطق الإدارة لدي، وأنا الشخص الوحيد الذي لديه صلاحيات إدارية. بناءً على صورتك الشخصية، أفترض أن هذا أنت من يتصفح شبكتي. هل هذا صحيح؟
في لقطات الشاشة أدناه، 2 = حسابي الإداري، 3 = حساب الاختبار لدي، 1 = المسؤول المجهول في إيطاليا الذي يتصفح موقعي. الأخ الأكبر يراقب.
شكرًا. لقد ردّيت. … لمعلوماتكم، يا @chapoi ومن يقرأ هذا، لقد أدرت هاتفي عن طريق الخطأ إلى الوضع الأفقي، والموقع يظهر بشكل صحيح. المشكلة تحدث فقط في الوضع الرأسي. آمل أن يكون هذا مفيدًا!
يحمّل Zoho قاعدة CSS متجاوبة تُعيّن فئة .mobile-view العامة إلى display: none في نوافذ العرض ذات الأبعاد الرأسيّة. كما يطبّق Discourse فئة mobile-view على عنصر <html> الجذري، مما يؤدي إلى إخفاء المستند بأكمله عن غير قصد بسبب قاعدة Zoho. عند تدوير الجهاز إلى الوضع الأفقي، يخرج نطاق العرض عن نقطة الانقسام المطبَّقة، فتصبح الموقع مرئيًا مرة أخرى.
يجب تقييد CSS الخاص بـ Zoho على هذا المكوّن (widget) فقط باستخدام:
.zsiq-container .mobile-view {
display: none;
}
بدلًا من القاعدة المستخدمة حاليًا:
.mobile-view {
display: none;
}
ومع ذلك، فقد تجاوزتُ القاعدة في مكوّن السمة الذي تستخدمه باستخدام:
