إدارة ملفات مستخدمين متعددة

لوحة التحكم مخصصة لفريقك الداخلي فقط. في خطط Launch وBusiness و Enterprise، لوحة التحكم هي المكان الذي يقوم فيه فريقك بإنشاء ملفات المستخدمين وإدارتها والاختبار والنشر بالنيابة عن العميل. لن يُمنح عملاؤك أبدًا إمكانية الوصول إلى لوحة التحكم — فهم يربطون حسابات التواصل الاجتماعي الخاصة بهم عبر صفحة JWT URL للاتصال المخصصة بعلامتك التجارية. في الإنتاج، أنشئ وأدر الملفات برمجيًا باستخدام واجهة API. (تُعدّ خطة Premium ذات المستخدم الواحد استثناءً: لا توجد طبقة متعددة المستخدمين، لذا فأنت تستخدم لوحة التحكم مباشرةً بنفسك.)

استخدام لوحة التحكم

إذا كان حساب Ayrshare الخاص بك مؤهلًا لإدارة ملفات متعددة، فسترى خيار User Profiles في شريط التنقل الأيسر.

إذا لم يكن لدى حسابك خيار إدارة الملفات، فتواصل مع ممثل Ayrshare الخاص بك أو تواصل معنا للترقية.

إنشاء ملف جديد

انقر على زر Add Profile وأدخل عنوان ملف المستخدم الخاص بك.

التبديل إلى الملف الجديد

سترى الملف الجديد يظهر في قسم Active Profiles. يمكنك الآن النقر على أيقونة switch to this profile للتبديل إلى ملف المستخدم هذا. عند التبديل إلى ملف مستخدم مختلف، سترى اسم ذلك الملف معروضًا في الجزء العلوي الأيسر من الشاشة أسفل أيقونة الملف. يمكنك دائمًا الرجوع إلى ملف حسابك الأساسي بالنقر على رابط switch profile بجوار Primary Profile أو بالنقر على زر Switch to Primary في الجزء العلوي من صفحة User Profiles. من هنا فصاعدًا تتصرف كعميل/مستخدم لديك ويمكنك النشر بالنيابة عنه عن طريق الانتقال إلى صفحة Post.

الحصول على Profile Key

يُستخدم Profile Key للنشر بالنيابة عن الملف باستخدام واجهة API. بدّل إلى ملف مستخدم وانتقل إلى صفحة Profile Key في شريط التنقل الأيسر من لوحة التحكم للحصول على مفتاح ذلك الملف. عند إجراء استدعاء API، تأكد من تضمين API_KEY وPROFILE_KEY الخاصين بك في الترويسة. تتلقى Profile Key أيضًا عند إنشاء ملف مستخدم جديد باستخدام نقطة نهاية /profiles/profile. هذه هي الطريقة المفضلة للحصول على Profile Key.

دعوة عضو فريق

يمكنك إنشاء ملفات مستخدمين لأعضاء فريقك. افتراضيًا، يمتلك أعضاء الفريق حساب Ayrshare مع صلاحيات وصول/مسؤول كاملة إلى لوحة التحكم ويُحتسبون كملف مستخدم جديد. يُرجى ملاحظة أنه يمكنك تقييد الوصول عن طريق قفل Primary Profile.

يمكنك فقط دعوة أعضاء فريق لم يتم تسجيلهم بعد في Ayrshare. إذا كنت تريد استخدام بريد إلكتروني مُسجَّل بالفعل، فيُرجى أن يقوم المستخدم بتسجيل الدخول إلى لوحة التحكم، والانتقال إلى صفحة Account ، والنقر على زر Delete.

في صفحة User Profiles، بدّل إلى Primary Profile وانقر على زر + Add Profile في الجزء العلوي من الصفحة. في النافذة المنبثقة، انقر على مربع الاختيار “Create a team member profiles with admin rights” وأدخل عنوان البريد الإلكتروني لعضو الفريق. انقر على Add Team Profile وسيتم إرسال بريد إلكتروني إلى عنوان البريد الإلكتروني لعضو الفريق مع رابط لتفعيل حسابه.

حالة عضو الفريق

بمجرد أن يقبل عضو الفريق الدعوة سترى علامة صح خضراء بجوار وسم Team Member. إذا لم يقبل عضو الفريق الدعوة بعد، يمكنك إعادة إرسالها بالنقر على أيقونة البريد.

تواصل أعضاء الفريق مع الدعم

لأسباب أمنية، لا يمكن سوى لأعضاء الفريق المسجّلين التواصل مع الدعم بالنيابة عن الأعمال. لن نتمكن من تقديم المساعدة إذا لم يكونوا مسجّلين ومُتحقَّقًا منهم كأعضاء فريق في أعمالك.

إعادة تنشيط ملف مستخدم معلَّق

سبب التعليق

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

ابحث في صندوق الوارد الخاص بك باستخدام RefId لملف المستخدم المعلَّق
سيشير موضوع البريد الإلكتروني بوضوح إلى حدوث تعليق

بدلًا من ذلك، يمكنك عرض تفاصيل التعليق مباشرةً في لوحة التحكم بالنقر على وسم “Suspended” الذي يظهر بجوار ملف المستخدم المتأثر. سترجع جميع استدعاءات API لذلك الملف رمز حالة HTTP 403.

إعادة تنشيط ملف مستخدم معلَّق

يمكنك إعادة تنشيط، أي رفع التعليق، عن ملف المستخدم من خلال:

تسجيل الدخول إلى لوحة التحكم والانتقال إلى صفحة User Profiles.
البحث عن ملفات المستخدمين المعلَّقة بالنقر على علامة التبويب “Suspended” أو البحث حسب RefId لملف المستخدم، الذي يتم تضمينه في البريد الإلكتروني.
رفع التعليق عن ملف المستخدم بالنقر على زر “Unsuspended”.
مراجعة وقبول شهادة الامتثال.

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

نوصي بأن لا تستخدم Primary Profile الخاص بك كملف مستخدم عادي. إذا تم تعليق Primary Profile، فسيتم تعليق جميع ملفات المستخدمين أيضًا.

إدارة ملفات المستخدمين النشطة

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

تمييز صفحة ربط الحسابات بعلامتك التجارية (White-Label)

صفحة ربط الحسابات (الربط الاجتماعي) هي واجهة Ayrshare الوحيدة التي يراها عملاؤك على الإطلاق، لذا يمكنك تمييزها بعلامتك التجارية لتتناسب مع علامتك. تُكوَّن الإعدادات أدناه مرة واحدة من قِبَل فريقك من Primary Profile وتنطبق على الصفحة التي يفتحها المستخدمون عبر JWT URL. متاح في خطط Launch وBusiness وEnterprise:

إضافة أو إزالة شعار شركتك وتعيين ارتفاعه.
اختيار شبكات التواصل الاجتماعي التي يمكن لمستخدميك ربطها.
تعيين لغة الصفحة.
إظهار روابط المساعدة الخاصة بك أو إخفاء روابط Ayrshare.
تعيين الترويستَين العلوية والفرعية لكل ملف مستخدم (على سبيل المثال، اسم العميل أو الأعمال).
التحكم في إعادة توجيه زر Close للعودة إلى تطبيقك.
تخصيص نوافذ Instagram وTelegram المنبثقة باستخدام HTML الخاص بك.

متاح مع Max Pack (ومضمَّن مع Enterprise):

تطبيق ملف CSS مخصص للتحكم في الألوان والخطوط والميزات التي تظهر، باستخدام خطّافات فئات موثّقة لإعادة تنسيق أزرار الربط نفسها.
تلوين نوافذ الربط — منتقيات الصفحات ونماذج بيانات الاعتماد والتأكيدات — لتتناسب مع صفحتك.
تعيين عنوان الصفحة ونص زر Close والأيقونة favicon الخاصة بك.
إضافة نص أو HTML تذييل مخصص.

راجع صفحة User Integration لمعرفة كيف يبدو هذا من منظور المستخدم الخاص بك.

الإعدادات

في صفحة User Profiles اختر زر “⚙️ Settings” للوصول إلى الإعدادات العامة لملفاتك. تأكد أولًا من التبديل إلى Primary Profile للوصول إلى الإعدادات.

عرض فيديو توضيحي لخيارات تخصيص صفحة الربط

تقييد الوصول إلى ملف المستخدم

تقييد الوصول إلى Primary Profile

قيّد الوصول إلى Primary Profile من ملفات المستخدمين وأعضاء الفريق عن طريق قفل Primary Profile. فعِّل قفل Primary Profile إذا كنت ترغب في منع أعضاء الفريق أو ملفات المستخدمين من الوصول إلى إعدادات الملف أو صفحة Account/Billing. عند تفعيله، لن يتمكن أعضاء الفريق وملفات المستخدمين من التبديل إلى Primary Profile، ولكن يمكنهم التبديل إلى ملفات أعضاء فريق أو مستخدمين أخرى.

تقييد وصول عضو الفريق

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

تحديث الشعار على صفحة الربط الاجتماعي

أضف شعارك الخاص واضبط ارتفاع الشعار لـ صفحة الربط الاجتماعي. يمكن لملفات المستخدمين الفردية إخفاء هذا الشعار على صفحة الربط الخاصة بها عبر معامل hideLogo في Create Profile وUpdate Profile. لن يتأثر الشعار على مستوى الحساب في كل ملف آخر. هذا مفيد عندما تقوم وكالة بتمييز شريك واحد بعلامة تجارية بيضاء مع الحفاظ على العلامة التجارية على بقية ملفاتها.

تعيين وصول شبكات التواصل الاجتماعي

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

الأذونات عالمية عبر جميع ملفات المستخدمين لديك. التعطيل يزيل الشبكة فقط من عرض Social Accounts للمستخدم ولا يزيل الروابط القائمة.

راجع نقطة نهاية create a profile لمزيد من المعلومات حول تعطيل شبكات التواصل الاجتماعي على مستوى ملف المستخدم.

تعيين اللغة للربط الاجتماعي

اضبط لغة صفحة الربط الاجتماعي. الافتراضي هو الإنجليزية. اللغات المتاحة هي:

الإنجليزية
العربية
الصينية (المبسطة)
الفرنسية
الألمانية
الإيطالية
اليابانية
البرتغالية
الإسبانية

إذا كنت تحتاج إلى لغة غير مدرجة، فيُرجى التواصل معنا. راجع هنا خيارات الترجمة الإضافية:

عرض موقع الصفحة

في صفحة الربط الاجتماعي، إذا كانت صفحة Meta (Facebook أو Instagram) أو Google Business Profile Page تحتوي على موقع مرتبط بها، اعرض معلومات هذا الموقع مع اسم الصفحة. هذا السياق الإضافي للموقع مفيد في السيناريوهات التي توجد فيها صفحات متعددة بأسماء متطابقة، حيث يسمح للمستخدمين بالتمييز بينها بسهولة أكبر. سيتم عرض موقع الصفحة، إن وُجد، أسفل اسم الصفحة في صفحة الربط الاجتماعي:

روابط المساعدة المرئية

فعِّل أو عطِّل رؤية الروابط إلى مستندات مساعدة Ayrshare على صفحة الربط الاجتماعي لمستخدميك. يمكنك أيضًا استخدام روابطك الخاصة عن طريق إدخال عنوان URL لمستنداتك المتاحة للعموم.

عناوين بريد إلكتروني بديلة للتنبيهات

اختر عناوين بريد إلكتروني مختلفة لتسليم التنبيهات، مثل الحسابات غير المرتبطة. يمكن إجراء المزيد من التخصيص، مثل العنوان، عبر نقطة نهاية /profiles.

تسجيل الدخول إلى Instagram

فعِّل أو عطِّل تسجيل الدخول إلى Instagram على صفحة الربط الاجتماعي. اختر ما إذا كنت تريد تفعيل ربط Instagram Login المباشر الذي لا يتطلب Facebook Page متصلة للمصادقة. إذا تم تعطيله، فسيتطلب ربط Instagram Facebook Page متصلة للمصادقة.

Instagram Login مُفعَّل افتراضيًا. إذا كنت تحتاج إلى الميزات المتقدمة المدرجة أدناه (البحث عن الوسوم، والتعاونات، ووسم الموقع، أو بيانات العلامة التجارية)، فيجب عليك تعطيل هذا الخيار يدويًا لاستخدام مصادقة Facebook Page بدلًا منه.

تسجيل الدخول المباشر إلى Instagram مقابل مصادقة Facebook Page

تسجيل الدخول المباشر إلى Instagram تسمح Instagram API مع Instagram Login للمحترفين على Instagram (الأعمال والمبدعين) بربط حساباتهم مباشرةً دون الحاجة إلى Facebook Page مرتبطة. يوفر هذا تدفق مصادقة مبسّطًا. مصادقة Facebook Page (الطريقة التقليدية) تتطلب من المستخدمين أولًا توصيل Facebook Page مرتبطة بحساب Instagram الاحترافي الخاص بهم.

قيود الميزات مع تسجيل الدخول المباشر إلى Instagram

في حين أن تسجيل الدخول المباشر إلى Instagram يوفر الراحة، إلا أن بعض الميزات غير متاحة عند استخدام هذه الطريقة:

بيانات العلامة التجارية/المستخدم - لا يمكن استرداد معلومات حساب Instagram من خلال نقاط نهاية العلامة التجارية.
البحث عن الوسوم - لا يمكن البحث عن الوسوم على Instagram.
التعاونات - لا يمكن دعوة المتعاونين إلى منشورات Instagram.
وسم الموقع - لا يمكن إضافة وسوم موقع إلى منشورات Instagram.
idId- معرّف مستخدم Instagram القديم - لا يُعاد هذا الحقل لتحليلات Instagram الاجتماعية.

أي طريقة يجب أن تختار؟

فعِّل تسجيل الدخول المباشر إلى Instagram إذا كنت تحتاج فقط إلى وظيفة النشر الأساسية ولا تحتاج إلى الميزات المتقدمة المدرجة أعلاه.
عطِّل تسجيل الدخول المباشر إلى Instagram (استخدم مصادقة Facebook Page) إذا كنت تحتاج إلى الوصول إلى جميع ميزات Instagram، بما في ذلك البحث عن الوسوم، والتعاونات، ووسم الموقع، أو استرداد بيانات العلامة التجارية.

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

النوافذ المنبثقة المخصصة

يمكنك تخصيص المحتوى المعروض في النوافذ المنبثقة الخاصة بـ Instagram وTelegram على صفحة الربط الاجتماعي باستخدام محتوى HTML مخصص خاص بك، مثل عرض المحتوى بلغات مختلفة. بالنسبة إلى Telegram، يحل المحتوى الخاص بك محل التعليمات الافتراضية للنافذة المنبثقة. أما بالنسبة إلى Instagram، فلا تظهر النافذة المنبثقة إلا عند توفير محتوى مخصص — وإلا، يؤدي النقر على Instagram مباشرة إلى تدفق تسجيل الدخول المُهيأ: تسجيل الدخول إلى Instagram أو، إذا كان Instagram Login معطلاً، تسجيل الدخول إلى Facebook. يمكن أن يشمل المحتوى المخصص الخاص بك نصًا منسّقًا، أو صورًا، أو مزيجًا من كليهما لتلبية احتياجاتك بشكل أفضل. على سبيل المثال، أضف نصك المخصص مع رابط anchor:

Custom HTML Modal

<div>
  <span class="underline">
    Everyone agrees that
    <a target="_blank" href="https://www.ayrshare.com">Ayrshare Rocks!</a>
  </span>
</div>

Your Custom CSS file

span.underline {
  color: blue;
  text-decoration: underline;
}
span.underline a {
  color: blue;
  text-decoration: none;
}

يجب أن يكون HTML محاطًا بوسوم <div>.نسّقه باستخدام أسماء الفئات وضع القواعد في ملف CSS المخصص الخاص بك. تتم إزالة كتل <style> وسمات style داخل HTML الخاص بالنافذة المنبثقة قبل عرض النافذة، لذا يجب أن يأتي التنسيق من ملف CSS الخاص بك. كما تتم إزالة وسوم <script> ووسوم <link> أيضًا.

استخدام واجهة API

إنشاء وإدارة الملفات

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

Profile

الحصول على Profile Key

يُعاد Profile Key عند إنشاء ملف جديد عبر واجهة API باستخدام نقطة نهاية /profile. إذا كنت بحاجة إلى الحصول على مفتاح الملف مرة أخرى، فانتقل إلى لوحة التحكم لاستعادته. راجع أعلاه.

تفعيل الرسائل

يمكنك تفعيل الرسائل لحساب Ayrshare الخاص بك في صفحة Account. يُرجى الاطلاع هنا لمزيد من التفاصيل:

Messages

تخصيص Max Pack

في صفحة User Profile -> Setting في لوحة تحكم Ayrshare، يمكنك تخصيص جوانب صفحة الربط الاجتماعي. يُرجى الاطلاع على Max Pack للحصول على تفاصيل حول القدرات والميزات.

تخصيص CSS

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

خطّافات فئات CSS

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

استضافة ورقة الأنماط الخاصة بك متاحة مع Max Pack (ومضمّنة مع Enterprise). حقل Custom CSS للقراءة فقط بدون ذلك. تنطبق أسماء الفئات هذه على صفحة الربط الاجتماعي ذات العلامة البيضاء التي يفتحها مستخدموك، لا على لوحة التحكم الخاصة بك.

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

المُحدِّد	يُطبَّق على
`.main-content`	حاوية محتوى الصفحة، من حافة إلى حافة — ضع خلفية صفحتك هنا
`.social-linking-page-column`	العمود المتمركز والمحدود العرض داخلها الذي يجلس فيه المحتوى
`.social-linking-header`	الشريط العلوي الذي يضمّ شعارك والعنوان وكتلة التعليمات
`.company-logo`	شعارك، عند تعيينه
`.heading-social-accounts`	عنوان الصفحة، عنصر `<h1>`
`.additional-info`	كتلة التعليمات أسفل العنوان
`.additional-info__body`	العنصر نفسه الذي تُشير إليه `.additional-info`؛ راجع الملاحظة أدناه
`.additional-info-text`	نص التعليمات داخل تلك الكتلة
`.troubleshooting-guide`	رابط “Having trouble?”، عندما تكون روابط المساعدة مفعّلة
`.close-button`	زر Close الذي ينهي الربط

.main-content و.social-linking-page-column عنصران مختلفان، والفرق بينهما هو ما يتيح لك توسيع المحتوى دون تضييق الخلفية. يحمل العمود الحد الأقصى للعرض؛ أما الحاوية فتمتد على كامل الصفحة. لتوسيع البطاقات إلى أبعد من الافتراضي، اضبط العرض على العمود:

.social-linking-page-column {
  max-width: none !important;
}

تخطيط البطاقات هذان جديدان، لذا لا تُحدِّدهما أي ورقة أنماط قديمة. كلاهما حاويات: تُغيِّران مكان جلوس البطاقات وعرضها، لا كيف تبدو البطاقة. راجع تغيير تخطيط البطاقات.

المُحدِّد	يُطبَّق على
`.social-accounts-grid`	الشبكة (grid) التي ترتّب البطاقات، والمسافة `gap` بينها
`.social-account-card-wrapper`	خلية الشبكة التي تحوي بطاقة واحدة، وهي العنصر الذي يمتلك عرض تلك البطاقة

بطاقات الشبكات الاجتماعية

المُحدِّد	يُطبَّق على
`.social-account-card`	كل بطاقة شبكة اجتماعية، متصلة أم لا
`.connected-card`	بطاقة شبكتها متصلة
`.unlinked-card`	بطاقة شبكتها غير متصلة بعد
`.social-account-icon`	المربّع الذي يحمل شعار الشبكة على البطاقة
`.social-account-name`	اسم الشبكة على البطاقة
`.social-account-avatar`	صورة الملف الشخصي للحساب المتصل، على بطاقة متصلة
`.click-to-link`	نص الحث على الإجراء “Click to link” على بطاقة غير متصلة
`[data-platform="<network>"]`	بطاقة شبكة معيّنة؛ راجع أدناه

تحمل كل بطاقة .social-account-card بالإضافة إلى واحدة فقط من .connected-card أو .unlinked-card، بحيث يمكن تنسيق الحالتين المتصلة وغير المتصلة بشكل مستقل. .social-account-icon هو المربّع، وليس الشعار المرسوم داخله. لتغيير حجم الشعار، اضبط الاثنين معًا — فتحديد حجم المربّع وحده يترك الشعار بحجمه الأصلي فيتجاوز حدوده:

.social-account-icon {
  width: 24px !important;
  height: 24px !important;
}
.social-account-icon :is(svg, img) {
  width: 21px !important;
  height: 21px !important;
}

ألوان شارات الحالة تقرأ شارتا “Connected” و”Messaging” على البطاقة المتصلة خاصيّتين مخصّصتين. اضبطهما في أي مكان أعلى الشارة — و.social-account-card هو المكان الطبيعي — وستتبعهما كل شارة على تلك البطاقة:

الخاصية	تضبط
`--ayr-pill-bg`	خلفية الشارة
`--ayr-pill-fg`	نصّ الشارة وأيقونتها

.social-account-card {
  --ayr-pill-bg: #1b3a2b;
  --ayr-pill-fg: #79bd96;
}

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

شارات التحذير — “Relink required” و”Reconnect” و”Identity check” — تتجاهل هذه الخصائص عن قصد وتحتفظ بألوانها الخاصة. فهي تُخبر مستخدمك بأن حسابًا ما توقّف عن العمل ويحتاج إلى انتباهه، وتحذيرٌ مطليٌّ باللون نفسه للشارة “Connected” يُقرأ وكأنه اطمئنان. لهذا السبب نفسه، ليس لهذه الشارات مُحدِّد خاص بها.

كيف تتداخل العناصر تقع البطاقة على بُعد خمسة مستويات تحت .main-content، وأحد هذه المستويات ليس له اسم فئة خاص به:

<div class="main-content">
  <div class="social-linking-page-column">
    <div class="social-linking-header">
      <div><img class="company-logo" /></div>
      <div>
        <h1 class="heading-social-accounts">…</h1>
        <div class="additional-info additional-info__body">…</div>
      </div>
    </div>
    <div class="social-accounts-grid">
      <div class="social-account-card-wrapper">
        <div>
          <!-- unnamed clickable wrapper, always the full width of the cell -->
          <div class="social-account-card unlinked-card" data-platform="tiktok">
            <div>
              <div class="social-account-icon">…</div>
              <div>
                <p class="social-account-name">TikTok</p>
                <p class="click-to-link">…</p>
              </div>
            </div>
          </div>
        </div>
      </div>
      …
    </div>
    <div><button class="close-button">…</button></div>
  </div>
</div>

البطاقة أعلاه غير متصلة. أما البطاقة المتصلة فتحمل .connected-card بدلًا من .unlinked-card، وتُبدِّل آخر قطعتين: يُستَبدَل .click-to-link بشارات الحالة، ويُضاف عنصر .social-account-avatar يحمل صورة الحساب المتصل بعد عمود النص. لذا فإن .click-to-link و.social-account-avatar لا يظهران أبدًا على البطاقة نفسها. حدِّد العناصر المسمّاة بدلًا من غير المسمّاة بينها. المستويات غير المسمّاة ليست جزءًا من العقد، وهي السبب في أن قاعدة تعتمد على عدّ المستويات نزولًا من .main-content (.main-content > div, .main-content > div > div > div, .main-content > div:not(.additional-info)) تقع مستوى أو مستويين بعيدًا عن هدفها بدلًا من أن تقع على الشبكة أو على بطاقة. راجع تحديث ورقة أنماط أقدم إذا كانت ورقة الأنماط الخاصة بك تحتوي على قواعد بهذا الشكل. نسِّق البطاقة نفسها باستخدام .social-account-card، ولجأ إلى .social-accounts-grid أو .social-account-card-wrapper عندما تريد تغيير التخطيط بدلًا من البطاقة. راجع تغيير تخطيط البطاقات. تغيير ترتيب الصفحة لتحريك كتل الصفحة كاملةً — على سبيل المثال لوضع كتلة التعليمات في الأسفل — سطِّح الحاويات بين عمود الصفحة والقطع التي تريد ترتيبها، ثم رتّبها:

.social-linking-page-column {
  display: flex !important;
  flex-direction: column !important;
}
.social-linking-header {
  display: contents !important;
}
/* Your logo, the instruction block and the Close button each sit inside a
   further wrapper that has no name of its own. Flatten those too, or `order`
   below has nothing to compare. */
.social-linking-header > div,
.social-linking-page-column > div:has(> .close-button) {
  display: contents !important;
}

.company-logo {
  order: 0 !important;
}
.social-accounts-grid {
  order: 1 !important;
}
.close-button {
  order: 2 !important;
}
.additional-info {
  order: 3 !important;
}

يُزيل display: contents الحاويةَ من التخطيط مع الإبقاء على أبنائها، وهو ما يجعل شعارك والشبكة وزر Close على المستوى نفسه بحيث تستطيع order أن تُقارن بينها. تنطبق order فقط على العناصر التي هي أبناء مباشرون لحاوية flex، لذا يجب تسطيح كل حاوية بينها — وهذا ما تقوم به القاعدة الوسطى. يتشارك العنوان وكتلة التعليمات صندوقًا واحدًا، لذا يتحرّكان معًا؛ أخفِ العنوان بـ .heading-social-accounts { display: none !important } إذا كنت تريد كتلة التعليمات وحدها.

المُحدِّدان في القاعدة الوسطى هما المكان الوحيد على هذه الصفحة الذي لا يزال عليك فيه الوصول إلى عنصر بلا اسم. لكنهما مرتبطان بعنصرين مسمَّيَين على مستوى واحد فوقهما، فهما أكثر متانةً بكثير من العدّ نزولًا من .main-content — غير أنهما القاعدتان اللتان ينبغي مراجعتهما أوّلًا إذا غيّرت إصداراتٌ مستقبلية طريقة إعادة ترتيب الصفحة.

العناصر التي تعتمد على إعداد ما (شعارك، ورابط “Having trouble?”، وزر Close) توجد على الصفحة فقط عندما يكون ذلك الإعداد مفعّلًا، لذا فإن أي قاعدة تستهدف أحدها تبقى ببساطة بلا أثر حتى ذلك الحين.

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

أعِد تنسيق .click-to-link، ولا تُخفِها. فهي الشيء الوحيد على بطاقة غير متصلة الذي يُخبر مستخدمك بأن الشبكة غير متصلة بعد وأنه يمكن النقر على البطاقة. قاعدة مثل .click-to-link { display: none !important } تترك البطاقة لا تُظهر سوى اسم الشبكة، ما يبدو كأنها غير نشطة. إذا كنت تريد صياغتك أو شارتك الخاصة بدلًا من ذلك، أضِفها إلى البطاقة عبر .unlinked-card::after بدلًا من إخفاء النص والاعتماد على بديل في مكان آخر.

.additional-info و.additional-info__body تُطابقان نفس العنصر. كانا سابقًا عنصرين متداخلين، لذا إذا كانت ورقة الأنماط الخاصة بك تُعيِّن قيمًا مختلفة للخاصية نفسها على كلٍّ منهما، فإنهما الآن يتنافسان على عنصر واحد وتفوز القاعدة الأكثر تخصيصًا بدلًا من تطبيقهما معًا. ادمجهما في قاعدة واحدة.

Linking Dialog Colors

تقرأ النوافذ الموجودة على صفحة الربط — تأكيد فك الربط، ومنتقيات صفحات Facebook وLinkedIn، ونماذج بيانات اعتماد Bluesky وX، وصندوق رمز تفعيل Telegram — عشرَ خصائص مخصّصة. اضبط ما تريد منها واترك البقية؛ فأيّ ما لا تضبطه يحتفظ بقيمته الافتراضية. اضبطها على :root أو body، لا على .social-account-card. تُعرَض النوافذ خارج محتوى الصفحة، لذا فإن أيّ قيمة تُعيَّن على بطاقة أو على .main-content لا تصل إليها أبدًا. هذا هو السبب الأكثر شيوعًا لكون قاعدة تخصّ النوافذ تبدو كأنها لا تفعل شيئًا.

الخاصية	تضبط
`--ayr-dialog-backdrop`	الطبقة الخلفية خلف النافذة
`--ayr-dialog-bg`	خلفية لوحة النافذة
`--ayr-dialog-fg`	عنوان النافذة، وعنوان زر Cancel / Close — بما في ذلك عندما يكون هذا الزر معطَّلًا، حيث يُستخدَم اللون نفسه بشدّة مخفّفة
`--ayr-dialog-muted-fg`	النص الثانوي: العنوان الفرعي، ونصّ المتن، وتسميات الحقول، والنص النائب — وأزرار الاختيار ومربّعات الاختيار غير المحدَّدة في منتقي الصفحات
`--ayr-dialog-border`	حد لوحة النافذة
`--ayr-dialog-radius`	استدارة زوايا لوحة النافذة
`--ayr-dialog-accent`	زر الاختيار أو مربّع الاختيار المحدَّد في منتقي الصفحات، والزر الأساسي (Submit / Yes)
`--ayr-dialog-link`	الروابط في نصّ النافذة
`--ayr-dialog-input-bg`	خلفية حقل النص، وصندوق رمز Telegram
`--ayr-dialog-input-fg`	النص المكتوب في حقل، ورمز Telegram وزر Copy
`--ayr-dialog-input-border`	حدّ حقل النص، وحدّ صندوق رمز Telegram

مثال داكن كامل، مع ضبط كل خاصية:

:root {
  --ayr-dialog-backdrop: rgba(10, 10, 10, 0.66);
  --ayr-dialog-bg: #161616;
  --ayr-dialog-fg: #e7eae6;
  --ayr-dialog-muted-fg: #9aa0a6;
  --ayr-dialog-border: #262626;
  --ayr-dialog-radius: 22px;
  --ayr-dialog-accent: #79bd96;
  --ayr-dialog-input-bg: #0f0f0f;
  --ayr-dialog-input-fg: #e7eae6;
  --ayr-dialog-input-border: #3a3a3a;
}

لا حاجة إلى !important، لأن الخاصية المخصّصة لا تتنافس مع قاعدة مُولَّدة.

أبقِ --ayr-dialog-fg و--ayr-dialog-muted-fg مختلفتين. يُستخدم للعنوان والنص الثانوي افتراضيًا درجتان مختلفتان، وضبطهما على القيمة نفسها يُسطِّح التسلسل الهرمي. إذا ضبطت واحدة فقط، فاضبط --ayr-dialog-fg — فلوحة داكنة لا يتبعها عنوانها يمكن أن تجعل العنوان غير قابل للقراءة.

يبقى عنوان الزر الأساسي أبيض، مهما ضبطت --ayr-dialog-accent. اختر لونًا مميّزًا يقرأ عليه النصّ الأبيض — فلون مميّز شاحب يجعل العنوان صعب القراءة، ولا توجد خاصية منفصلة له. أما زر Cancel المجاور له فيتبع --ayr-dialog-fg عوضًا عن ذلك.

إذا داكنتَ --ayr-dialog-bg، فاضبط --ayr-dialog-fg و--ayr-dialog-muted-fg و--ayr-dialog-accent أيضًا. لوحة النافذة هي الشيء الوحيد الذي تُعيد --ayr-dialog-bg طلاءه — تبقى لوحة التحكم في نظامها الفاتح، لذا فإن أيّ شيء ما زال على لون افتراضي يحتفظ بقيمة اختيرت للوحة بيضاء. تحمل الخصائص الثلاث أعلاه أزرار الاختيار في منتقي الصفحات وعناوين الأزرار المعطَّلة، وهي الأجزاء التي تُصعّبها لوحةٌ داكنة أكثر ما تُصعّب قراءته. تعود --ayr-dialog-muted-fg إلى --ayr-dialog-fg حيث يمكنها ذلك، فيكفي ضبط هاتين الاثنتين للحصول على عناصر تحكّم قابلة للقراءة. اضبط --ayr-dialog-link أيضًا: تحتفظ الروابط بلونها الافتراضي حتى تفعل ذلك، لأن هذا الافتراضي أزرقٌ قويّ اختير للوحة بيضاء وهو اللون المناسب عليها. استخدم درجة تظل قابلة للقراءة على لوحتك بدلًا من إعادة استخدام --ayr-dialog-accent — فاللون المميّز يطلي أسطحًا، زرَّ اختيار محدَّدًا والزرَّ الأساسي، وهي أسطح تخضع لسقف تباين أدنى مما يخضع له النص.

تحمل هذه الخصائص اللون والاستدارة فقط. ليس للنوافذ خطّافات فئات، لذا لا يمكن لورقة الأنماط أن تُخفي لوحةً، أو قائمة صفحات، أو زرَّي التأكيد وCancel. النافذة هي المكان الذي يختار فيه مستخدمك أيّ Facebook Page ليربطها أو يؤكِّد فيه فكّ ربط، وإخفاء جزء منها يترك المستخدم عالقًا في منتصف التدفّق دون مخرج.يتّبع زرّ الإجراء الأساسي --ayr-dialog-accent، وهذه الخاصية هي السبيل الوحيد للوصول إليه. يُرسم سطحه كتدرّج، لذا فإن أيّ قاعدة background-color خاصة بك تُطبَّق تحته وتبقى غير مرئية — اضبط الخاصية بدلًا من ذلك.

تحديث ورقة أنماط أقدم

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

أسماء الفئات المُولَّدة الخاصة بالصفحة. أسماء الفئات التي ربما نسختها من أدوات مطوّري المتصفح (مثلًا أي شيء يبدأ بـ chakra-) تنتمي إلى الإطار الذي بُنيت به الصفحة، لا إلى عقد عمومي. لم تعد أسماء الفئات تلك موجودة ولا يوجد مكافئ لاستبدالها. أعِد كتابة القاعدة استنادًا إلى المُحدِّدات في الجداول أعلاه.
مُحدِّدات العناصر أو السمات المجرّدة مثل div > div أو button[type="button"]. بنية الصفحة ليست عقدًا وقد تغيّرت، لذا فإن قاعدة تعتمد على عدّ المستويات نزولًا من .main-content تقع الآن على عنصر مختلف عمّا كانت تفعله سابقًا. هذا هو السبب الأكثر شيوعًا لكون قاعدة تخطيطية تبدو كأنها لا تفعل شيئًا، أو تفعل شيئًا غير متوقّع.
القواعد الموضعية التي تعدّ العناصر للوصول إلى شبكة البطاقات. قبل أن يكون للشبكة وللخلايا أسماء، كانت الطريقة الوحيدة للوصول إليها هي عدّ المستويات نزولًا من .main-content، باستخدام قواعد بهذه الأشكال .main-content > div, .main-content > div > div, .main-content > div > div > div أو .main-content > div:not(.additional-info). لا تزال هذه القواعد تُطابق شيئًا ما، ولذلك يسهل تفويتها: .main-content لا يزال موجودًا، لكن البطاقة تقع الآن على بُعد خمسة مستويات تحته، فتقع كل قاعدة مستوى أو مستويين بعيدًا عن الهدف. قاعدة تستهدف الشبكة قد ينتهي بها المطاف على الحاوية التي تضم رأس الصفحة، وقاعدة تستهدف بطاقة واحدة قد ينتهي بها المطاف بإعادة تحديد حجم كل البطاقات دفعة واحدة. استبدِلها بالاسمين اللذين يوجدان لهذا الغرض الآن: .social-accounts-grid للشبكة، و.social-account-card-wrapper للخلية التي تحتوي بطاقة واحدة. راجع تغيير تخطيط البطاقات.
القواعد التي لا تعمل إلا على عنصر flex: z-index, order, align-self, flex. هذه هي الأصعب اكتشافًا، لأن المُحدِّد لا يزال يُطابق والإعلان لا يزال صالحًا — غير أنه ببساطة بلا أثر. على الصفحة الأقدم كان شعارك والعنوان وكتلة التعليمات وزر Close أبناءً مباشرين لـ .main-content، الذي جعلته ورقة الأنماط الخاصة بك حاويةَ flex، فكان كل واحد منها عنصر flex. يحترم عنصر flex قاعدة z-index حتى دون position، ويحترم order وalign-self. أما في الصفحة المُعاد بناؤها فتقع هذه العناصر الأربعة داخل حاويات، فلم تعد عناصر flex ولم تعد الخصائص الأربع تنطبق عليها. والعرَض عادةً هو اختفاء شيء ما لا انتقاله. فمثلًا، قيمة z-index على شعارك هي ما كان يرفعه فوق شريط رأس ثابت مرسوم بـ .main-content::before — من دونها يرسم الشريط فوق الشعار مباشرة فيبدو الشعار مفقودًا كليًّا، رغم أنه حُمِّل بشكل صحيح وبالحجم السليم. ثمّة حلّان، أيّهما مقبول:
/* 1. Give the element a position, so z-index applies on its own. */ .company-logo { position: relative; z-index: 2; }
/* 2. Or flatten the wrappers, which makes these elements flex items again and restores z-index, order and align-self together. This is the same recipe as Change the order of the page, above. */ .social-linking-page-column { display: flex !important; flex-direction: column !important; } .social-linking-header { display: contents !important; } .social-linking-header > div, .social-linking-page-column > div:has(> .close-button) { display: contents !important; }
.linked-tag. كانت الصفحة القديمة تضع هذه على شارات الحالة لبطاقة متصلة. إنها ليست جزءًا من العقد أعلاه، وذلك عن قصد: يمكن للبطاقة المتصلة الآن أن تُظهر أيضًا “Relink required” أو “Identity check”، لذا فإن قاعدة تُخفي .linked-tag ستُخفي تحذيرًا يحتاج مستخدمك إلى التصرف بشأنه. إذا كانت ورقة الأنماط الخاصة بك تُخفي .linked-tag وترسم شارة بديلة خاصة بها، فلن تظهر البديلة. نسِّق .connected-card نفسها بدلًا من ذلك، واترك شارات الحالة ظاهرة.

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

استهداف شبكة واحدة

استخدم السمة data-platform بدلًا من مُحدِّد يعتمد على الموضع مثل :nth-child. يمكن تصفية الشبكات المتاحة لمستخدميك لكل حساب أو لكل User Profile، ما يُغيِّر عدد البطاقات التي تُعرَض وترتيبها. تنكسر المُحدِّدات المعتمِدة على الموضع عندما يتغيّر هذا الفلتر، أما data-platform فلا.

.social-account-card[data-platform="tiktok"] {
  /* ... */
}

القيمة هي مفتاح الشبكة على هذه الصفحة: bluesky, facebook, gmb, instagramApi, linkedin, pinterest, reddit, snapchat, telegram, threads, tiktok, twitterByok, whatsapp, youtube

اثنان من هذه المفاتيح يختلفان عن أسماء المنصات التي تُرسلها إلى واجهة API: على هذه الصفحة يكون Instagram هو instagramApi وX/Twitter هو twitterByok.

تغيير تخطيط البطاقات

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

.social-accounts-grid هي الشبكة نفسها. إنها صف flex يلتف، والمسافة بين البطاقات هي gap الخاص بها. استخدمها لتغيير تلك المسافة، أو لاستبدال التخطيط كليًا.
.social-account-card-wrapper هي الخلية التي تحوي بطاقة واحدة. width الخاص بها هو ما يُحدِّد عدد البطاقات التي تتّسع في الصف، وتُعيِّن الصفحة ذلك العرض لكل حجم شاشة.

الخلية هي العنصر الوحيد الذي يمكن عليه تغيير عرض بطاقة أو عدد البطاقات في الصف. كل شيء بين الخلية والبطاقة يملأ بالفعل عرض الخلية بالكامل، لذا فإن width مُعيّنة على .social-account-card (أو على الحاوية غير المسمّاة بينهما) تُعيد رسم البطاقة داخل خلية لم تتحرّك، وتبقى الأعمدة تمامًا حيث كانت. لا هذا ولا ذاك يمثّل البطاقة. لإعادة تنسيق حدود البطاقة أو خلفيتها أو نصّها، استخدم .social-account-card كما في السابق. لتغيير المسافة بين البطاقات فقط:

.social-accounts-grid {
  gap: 24px !important;
}

لجعل كل بطاقة على صفّها الخاص بعرض كامل، قاعدة واحدة تُغطّي كل أحجام الشاشات، لأن !important يفوز أيضًا على أعراض العرض التي تُعيِّنها الصفحة في قواعد أحجام الشاشة الخاصة بها:

.social-account-card-wrapper {
  width: 100% !important;
}

لتعيين عدد أعمدة خاص بك، تولَّ الشبكة كليًا. يجب أيضًا تحرير عرض الخلية، وإلا فسيتنازع مع الأعمدة التي عرّفتها للتوّ:

.social-accounts-grid {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 16px !important;
}

.social-accounts-grid .social-account-card-wrapper {
  width: auto !important;
}

إذا قمت بتقييد الصفحة على شبكة أو شبكتين، فإن الصف لا يملأ أعمدته، وتُوسِّطه الصفحة نيابةً عنك. على .social-accounts-grid تُعيِّن width وmax-width تُضيِّقان الشبكة إلى البطاقات الموجودة فعلًا، وalign-self: center لتوسيط ذلك المربّع الأضيق، مع هوامش جانبية تلقائية كخيار احتياطي. على كل .social-account-card-wrapper تُعيِّن width أعرض بالمقابل، لتحتفظ البطاقات بالحجم الذي تكون عليه في صف كامل. كل هذا يسري فقط عند أحجام الشاشة التي يكون فيها الصف قصيرًا فعلًا. مع ثلاث شبكات أو أكثر يكون الصف دائمًا ممتلئًا ولا يُعيَّن أيّ من ذلك على الإطلاق. تتجاوز قواعدك الخاصة أيًّا من العنصرين كالمعتاد مع !important، لكن انتبه إلى أن align-self هو الإعلان الذي يقوم بالتوسيط: لمحاذاة صف قصير بشكل مختلف، تجاوَزه إلى جانب العروض.

تجنّب المُحدِّدات التي تعدّ العناصر، مثل .main-content > div > div > div. بنية الصفحة ليست عقدًا وتتغيّر بين الإصدارات، لذا يمكن لقاعدة كهذه أن تبدأ في مطابقة عنصر مختلف، أو كل البطاقات دفعة واحدة، دون أي تغيير في ورقة الأنماط. المُحدِّدان أعلاه ثابتان وهما الطريقة المدعومة للوصول إلى التخطيط.

مثال: إخفاء عنوان الصفحة

العنوان عنصر <h1>، لذا يعمل مُحدِّد مؤهَّل بالوسم إن كنت تُفضِّله:

h1.heading-social-accounts {
  display: none !important;
}

مثال: إعادة تنسيق البطاقات غير المتصلة كأزرار

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

/* Unconnected cards become outlined buttons. */
.social-account-card.unlinked-card {
  background-color: #ffffff !important;
  border-color: #4f46e5 !important;
  border-width: 2px !important;
  border-radius: 8px !important;
}

/* An !important rule also wins over the page's own hover styles,
   so restate the hover state you want. */
.social-account-card.unlinked-card:hover {
  background-color: #eef2ff !important;
  border-color: #4338ca !important;
}

/* The muted call to action becomes the button label. */
.social-account-card.unlinked-card .click-to-link {
  color: #4f46e5 !important;
  font-weight: 600 !important;
}

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

.social-account-card.unlinked-card {
  background-color: #4f46e5 !important;
  border-color: #4f46e5 !important;
}

.social-account-card.unlinked-card p {
  color: #ffffff !important;
}

شعار الشبكة على بطاقة غير متصلة مُشبَع بألوان مكتومة عن قصد وليس له مُحدِّد خاص به، لذا يظل بالتدرّج الرمادي على خلفية ملوّنة. عايِن ورقة الأنماط الخاصة بك على صفحة الربط قبل نشرها لمستخدميك.

تغيير عنوان الصفحة وزر Close وأيقونة Favicon

عيّن عنوان الصفحة وزر Close والأيقونة favicon (ملف .ico) الخاصة بك.

نص التذييل

خصّص نص التذييل وأضف معلومات حقوق الطبع والنشر على صفحة الربط الاجتماعي. يتيح لك ذلك عرض نص التذييل بلغات مختلفة.

ميزات Enterprise

Max Pack

جميع ميزات Max Pack مضمّنة مع Enterprise.

إعادة المزامنة التلقائية لصفحات Facebook وInstagram

عند وقوع أحداث أمنية على Facebook، مثل تغيير كلمة المرور، تحتاج جميع صفحات Facebook المرتبطة بحساب المستخدم هذا (بما في ذلك حسابات Instagram المرتبطة) إلى إعادة الاتصال بـ Ayrshare. بالنسبة للحسابات التي تدير عددًا كبيرًا من الصفحات، قد تستغرق هذه العملية وقتًا طويلًا.

يتوفر خيار “Resync” عند توصيل صفحات Facebook أو Instagram.
من خلال تفعيل هذه الميزة، سيتم إعادة ربط جميع الصفحات المتصلة سابقًا تلقائيًا بملف المستخدم.
ملاحظة: سيتم إعادة توصيل الصفحات المرتبطة سابقًا فقط؛ لن يتم إضافة صفحات جديدة تلقائيًا.
تدعم هذه الميزة حسابات Facebook التي تحتوي على ما يصل إلى 400 صفحة.
للحسابات التي تتجاوز 400 صفحة، يُوصى بتوزيع الصفحات عبر حسابات Facebook متعددة.
أفضل ممارسة: استخدم خيار “Resync” فقط عند الحاجة إلى إعادة توصيل جميع الصفحات. بالنسبة للعمليات الروتينية، لا يكون هذا مطلوبًا عادةً.

القائمة البيضاء لعناوين IP

عزّز أمان حسابك عن طريق إضافة عناوين IP محددة إلى القائمة البيضاء. تُقيِّد هذه الميزة الوصول إلى API فقط لعناوين IP المعتمدة، مما يضيف طبقة إضافية من الحماية إلى تكامل Ayrshare الخاص بك.

المراجعات التقنية والأمنية

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

إدارة حساب مخصصة مع دعم أولوية

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

نقاط نهاية API مخصصة

للمؤسسات ذات المتطلبات المحددة، يمكن لـ Ayrshare تطوير نقاط نهاية API مخصصة للتكامل بسلاسة مع أنظمتك وسير عملك الحالية.

​استخدام لوحة التحكم

​إنشاء ملف جديد

​التبديل إلى الملف الجديد

​الحصول على Profile Key

​دعوة عضو فريق

​حالة عضو الفريق

​تواصل أعضاء الفريق مع الدعم

​إعادة تنشيط ملف مستخدم معلَّق

​سبب التعليق

​إعادة تنشيط ملف مستخدم معلَّق

​إدارة ملفات المستخدمين النشطة

​تمييز صفحة ربط الحسابات بعلامتك التجارية (White-Label)

​الإعدادات

​عرض فيديو توضيحي لخيارات تخصيص صفحة الربط

​تقييد الوصول إلى ملف المستخدم

​تقييد الوصول إلى Primary Profile

​تقييد وصول عضو الفريق

​تحديث الشعار على صفحة الربط الاجتماعي

​تعيين وصول شبكات التواصل الاجتماعي

​تعيين اللغة للربط الاجتماعي

​عرض موقع الصفحة

​روابط المساعدة المرئية

​عناوين بريد إلكتروني بديلة للتنبيهات

​تسجيل الدخول إلى Instagram

​تسجيل الدخول المباشر إلى Instagram مقابل مصادقة Facebook Page

​قيود الميزات مع تسجيل الدخول المباشر إلى Instagram

​أي طريقة يجب أن تختار؟

​النوافذ المنبثقة المخصصة

​استخدام واجهة API

​إنشاء وإدارة الملفات

Profile

​الحصول على Profile Key

​تفعيل الرسائل

Messages

​تخصيص Max Pack

​تخصيص CSS

​خطّافات فئات CSS

​Linking Dialog Colors

​تحديث ورقة أنماط أقدم

​استهداف شبكة واحدة

​تغيير تخطيط البطاقات

​مثال: إخفاء عنوان الصفحة

​مثال: إعادة تنسيق البطاقات غير المتصلة كأزرار

​تغيير عنوان الصفحة وزر Close وأيقونة Favicon

​نص التذييل

​ميزات Enterprise

​Max Pack

​إعادة المزامنة التلقائية لصفحات Facebook وInstagram

​القائمة البيضاء لعناوين IP

​المراجعات التقنية والأمنية

​إدارة حساب مخصصة مع دعم أولوية

​نقاط نهاية API مخصصة

استخدام لوحة التحكم

إنشاء ملف جديد

التبديل إلى الملف الجديد

الحصول على Profile Key

دعوة عضو فريق

حالة عضو الفريق

تواصل أعضاء الفريق مع الدعم

إعادة تنشيط ملف مستخدم معلَّق

سبب التعليق

إعادة تنشيط ملف مستخدم معلَّق

إدارة ملفات المستخدمين النشطة

تمييز صفحة ربط الحسابات بعلامتك التجارية (White-Label)

الإعدادات

عرض فيديو توضيحي لخيارات تخصيص صفحة الربط

تقييد الوصول إلى ملف المستخدم

تقييد الوصول إلى Primary Profile

تقييد وصول عضو الفريق

تحديث الشعار على صفحة الربط الاجتماعي

تعيين وصول شبكات التواصل الاجتماعي

تعيين اللغة للربط الاجتماعي

عرض موقع الصفحة

روابط المساعدة المرئية

عناوين بريد إلكتروني بديلة للتنبيهات

تسجيل الدخول إلى Instagram

تسجيل الدخول المباشر إلى Instagram مقابل مصادقة Facebook Page

قيود الميزات مع تسجيل الدخول المباشر إلى Instagram

أي طريقة يجب أن تختار؟

النوافذ المنبثقة المخصصة

استخدام واجهة API

إنشاء وإدارة الملفات

الحصول على Profile Key

تفعيل الرسائل

تخصيص Max Pack

تخصيص CSS

خطّافات فئات CSS

Linking Dialog Colors

تحديث ورقة أنماط أقدم

استهداف شبكة واحدة

تغيير تخطيط البطاقات

مثال: إخفاء عنوان الصفحة

مثال: إعادة تنسيق البطاقات غير المتصلة كأزرار

تغيير عنوان الصفحة وزر Close وأيقونة Favicon

نص التذييل

ميزات Enterprise

Max Pack

إعادة المزامنة التلقائية لصفحات Facebook وInstagram

القائمة البيضاء لعناوين IP

المراجعات التقنية والأمنية

إدارة حساب مخصصة مع دعم أولوية

نقاط نهاية API مخصصة