اضافة صفحة فيسبوك للموقع: اختبرت إضافة الصفحة الرسمية وهذا ما وجدته (2026)

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

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

إضافة الصفحة الرسمية

CollectSocials

اضافة صفحة فيسبوك إلى موقعك في ست خطوات

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

1. افتحوا CollectSocials وأنشئوا موجزا جديدا من لوحة Organize.
2. اضغطوا Add Source واختاروا فيسبوك من شبكة المنصات.
3. اربطوا حساب فيسبوك عبر شاشة التفويض من ميتا، ثم اختاروا الصفحة التي تريدون عرضها.
4. راجعوا المنشورات في شاشة التجميع: ثبّتوا ما تريدون إبرازه، وأخفوا ما لا يناسب الموقع، ورشّحوا الباقي. المنشورات الجديدة تظهر تلقائيا، فالفعل العملي هنا هو الإخفاء لا الإظهار. وإن أردتم العكس، شغّلوا الموافقة المسبقة فلا يظهر شيء حتى يعتمده أحد.
5. افتحوا استوديو التصميم، واختاروا التخطيط، ثم لوّنوه بقالب جاهز أو بسمة تصنعونها بأنفسكم.
6. اضغطوا Get Code، والصقوا كود التضمين في صفحة موقعكم، ثم اختبروه على الجوال.

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

لماذا لا يزال عرض منشورات فيسبوك على الموقع مهما في 2026

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

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

اختبرت إضافة الصفحة الرسمية من فيسبوك: هذا ما تفعله فعلا في 2026

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

الحصول على الكود كان أول مشكلة

ذهبت إلى مولّد أكواد إضافة الصفحة على موقع مطوّري ميتا، وبدأت أُدخل روابط صفحات. حين أدخلت رابط ملف شخصي، اهتزّ زر Get Code ولم يفعل شيئا: لا رسالة خطأ، ولا تفسير. وحين أدخلت صفحة موثّقة في مجموعة ميتا للأعمال عليها قيود صلاحيات على مستوى التطبيق، كان الفشل صامتا كذلك. وحين كتبت رابط الصفحة بلا بادئة https://، أي facebook.com/... فقط، ردّ بعبارة The href entered is not recognized as a valid URL، بينما المعاينة تحت رسالة الخطأ مباشرة كانت ترسم الصفحة رسما صحيحا، بغلافها واسمها وعدد متابعيها وزر المتابعة وأحدث منشور. وحين استقر عندي رابط كامل صحيح وضغطت زر الحصول على الكود، فُتحت نافذة فيها مؤشر تحميل يدور بلا نهاية ولم يصل أي كود إطلاقا. ببساطة: توليد الكود في الأداة الرسمية كان معطوبا طوال فترة اختباري.

رابط بلا https:// = رسالة خطأ

زر الحصول على الكود = دوران بلا نهاية

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

اضطررت إلى كتابة كود التضمين بيدي

ولأن المولّد لم يسلّمني كودا، كتبت بنفسي محمّل الحزمة البرمجية وعنصر fb-page ووجّهته إلى صفحة عامة. وتشغيل الملف من القرص مباشرة عبر file:// لم يعطِ شيئا، لأن حزمة فيسبوك البرمجية ترفض العمل من file:// لأسباب أمنية، فقدّمت الصفحة من خادم محلي على localhost:8080. وهذا هو كود HTML الذي تحتاجه إضافة الصفحة بالضبط، أي محمّل الحزمة وعنصر fb-page، إن أردتم تضمين موجز فيسبوك في HTML خام بأنفسكم:

<!-- 1. حمّلوا حزمة فيسبوك البرمجية مرة واحدة، قرب بداية body -->
<div id="fb-root"></div>
<script async defer crossorigin="anonymous"
  src="https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v23.0">
</script>

<!-- 2. ضعوا هذا حيث تريدون ظهور الموجز -->
<div class="fb-page"
  data-href="https://www.facebook.com/YourPage"
  data-tabs="timeline"
  data-width="500"
  data-height="700"
  data-small-header="false"
  data-hide-cover="false"
  data-show-facepile="true">
</div>

انتبهوا إلى data-width="500": هذا هو الحد الأقصى، لا قيمة اقترحتها أنا. وبعد أن صار حيّا، رسمت الإضافة صندوقا ضيّقا قابلا للتمرير: حمّلت خمسة منشورات لا أكثر، والنصوص مقطوعة بثلاث نقاط، والنقر على منشور يقذفكم خارج الموقع إلى فيسبوك، والفيديو لا يعمل داخل الصندوق، وينتهي كل شيء بزر See more on Facebook. ووظيفة الأداة كلها في جملة واحدة: أن تسحب الزائر من موقعكم وتعيده إلى فيسبوك.

فخ العرض: 180 بكسل حدا أدنى و500 بكسل حدا أقصى

توثيق ميتا نفسه يذكر أن عرض الإضافة محبوس بين حد أدنى 180 بكسل وحد أقصى 500 بكسل، وأن القيمة الافتراضية 340. وقد تحققت من ذلك بنفسي. ضبطت data-width على 500، ووضعت الويدجت داخل قسم يمتد بعرض الصفحة كاملا، وكبّرت نافذة المتصفح إلى 1179 بكسل. فجلست الإضافة صندوقا ضيّقا في جانب، وبقي إلى جانبها نحو 680 بكسل من الفراغ الرمادي (1179 ناقص 500 يساوي 679). ولا يوجد إعداد يجعلها تملأ حاوية عريضة: هي ببساطة ترفض أن تتجاوز 500 بكسل.

فشل إعادة التحجيم

وتعترف وثائق ميتا كذلك بأن الإضافة «تحدّد عرضها عند تحميل الصفحة» وأنها «لن تستجيب لتغيّر نموذج الصندوق بعد التحميل». اختبرت هذا في وضع الاستجابة. عند 1179 بكسل بقيت مجمّدة على رسمها الضيّق الأول ولم تتمدّد أبدا. وعند 184 بكسل انكمشت إلى حدّها الأدنى، فصار اسم الصفحة ينكسر في منتصف الكلمة والنبذة تُقطع. وعند 83 بكسل انتهى الأمر: الويدجت أبقى عرضه الأدنى فتجاوز حدود العرض المتاح، وصار المحتوى غير مقروء عمليا. وهذا بالضبط سبب الشكاوى المتكررة من أن الإضافة تبدو مكسورة على الجوال أو بعد تدوير الشاشة: هي تقيس مرة واحدة ثم لا تعدّل.

184 بكسل: انكماش إلى الحد الأدنى

83 بكسل: خارج حدود العرض

الكوكيز: وهذه أهم نقطة في المقالة كلها

فتحت أدوات المطوّر ثم Application ثم Cookies. نطاق localhost عندي لم يحمل إلا كوكيز تحليلات جوجل الخاصة بي (_ga ومتغيّران من _ga_)، وهي كوكيزي أنا لا كوكيز فيسبوك. لكن تحت نطاق .facebook.com، وقد وضعته الإضافة وحدها ودون أي تفاعل مني، وجدت ستة كوكيز من فيسبوك:

• datr: تعريف المتصفح، تنتهي صلاحيته في 2027
• fr: كوكي فيسبوك الإعلاني الأساسي، وقيمته أطول القيم في الجدول، وتنتهي صلاحيته في 2026
• ps_l وps_n: قيمة كل منهما 1، وهما يخصّان حالة تسجيل الدخول والجلسة
• sb: أمان المتصفح، تنتهي صلاحيته في 2027
• wd: وقيمته حرفيا 1470x835، أي أبعاد شاشتي، تُرسل إلى فيسبوك

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

إضافة الصفحة: ستة كوكيز فيسبوك

CollectSocials: لا كوكيز فيسبوك

وزن الشبكة

شغّلت لوحة الشبكة في نافذة تصفّح خفي بلا أي إضافات وبإلغاء التخزين المؤقت، على صفحة فارغة لا تحمل إلا إضافة الصفحة. تصل حزمة فيسبوك البرمجية على جزأين، محمّل صغير ثم sdk.js الأساسي، ثم تجرّ وراءها سلسلة من سكربتات فيسبوك المموّهة (أحدها 130 كيلوبايت، وآخر 96.2، وثالث 68.5)، ثم طلبا إلى نقطة تسجيل في فيسبوك عاد بالرمز 404. أما ملف HTML الخاص بصفحتي فكان جاهزا في 25 مللي ثانية، وكل ما جاء بعده كان فيسبوك.

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

إضافة الصفحة: لوحة الشبكة

CollectSocials: لوحة الشبكة

لايتهاوس لم يستطع أن يعطيها نتيجة أصلا

حاولت تشغيل لايتهاوس على هيئتَي الجوال وسطح المكتب. وفشلت المحاولتان بخطأ NO_FCP، أي «الصفحة لم ترسم أي محتوى». فحزمة فيسبوك البرمجية تُحمَّل بتزامن متأخر إلى حد أن أداة القياس الرسمية في كروم لا تلتقط أول رسم للمحتوى. أي أن الأداة الرسمية غير قابلة للقياس بأداة جوجل المعيارية للأداء. وحين أزلت الإضافة واختبرت عنواني وحده، عمل لايتهاوس بلا مشكلة، وهذا يؤكد أن الكسر في الإضافة لا في صفحتي. أما موجز CollectSocials، على الصفحة نفسها وفي نافذة التصفّح الخفي نفسها، فقد قِيس قياسا كاملا.

شرح مصوَّر بالفيديو (بالإنجليزية)

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

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

اختبار التنسيق: صفر تحكم في التصميم

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

على الجوال

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

إضافة الصفحة على آيفون 12 برو

CollectSocials على آيفون 12 برو

كيف تضيفون صفحة فيسبوك إلى موقعكم فعلا، خطوة بخطوة

بعد أن حبستني إضافة الصفحة في 500 بكسل وفي سلسلة سكربتات لم أطلبها، استعملت CollectSocials لعرض موجز فيسبوك بدلا منها، فامتد بعرض الصفحة وبألوان علامتي من أول محاولة. بلا معرّف تطبيق من فيسبوك، وبلا محمّل حزمة برمجية، وبلا لافتة موافقة يستدعيها الويدجت. تربطون الصفحة، وتختارون التخطيط، وتلصقون سطرا واحدا. وهذه العملية كاملة بلقطات من اختبار يونيو 2026 نفسه.

الخطوة 1: أنشئوا موجزا جديدا

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

الخطوة 2: اختاروا فيسبوك مصدرا

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

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

الخطوة 3: اربطوا صفحة فيسبوك

اضغطوا Connect Facebook للتوثيق عبر مسار التفويض من ميتا، وستحتاجون أن تكونوا مسجّلي الدخول بحساب فيسبوك الذي يدير الصفحة، ثم تختارون الصفحة التي تريدون عرضها. ولا يخزّن CollectSocials كلمة مروركم: الاتصال برمز مؤقت آمن تستطيعون سحبه في أي وقت من إعدادات فيسبوك عندكم، والشاشة نفسها تقول ذلك تحت الزر. وبعد الربط تُستورد منشورات صفحتكم تلقائيا: التحديثات النصية، والصور، والفيديو، والروابط. وانتبهوا إلى أن CollectSocials يربط الصفحات التي تملكونها أو تديرونها، وهذا قيد من واجهة ميتا البرمجية (Graph API)، وهو بالضبط ما يريده نشاط تجاري يعرض صفحته هو.

1. اختيار نوع المحتوى

2. الضغط على ربط فيسبوك

3. الموافقة على شاشة ميتا

4. اختيار الصفحة التي تديرونها

الخطوة 4: راجعوا المنشورات واختاروا ما يظهر

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

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

وإلى جانب المراجعة اليدوية هناك تبويب القواعد، وفيه نوعان اثنان لا ثالث لهما: قواعد الكلمات المحجوبة، وتكتبون فيها الكلمات التي لا تريدون رؤيتها، ومرشّح المحتوى بالذكاء الاصطناعي الذي يفحص نص المنشور. ونذكر هذا صراحة لأن مقالات كثيرة تعد بقواعد لا وجود لها، مثل «أخفِ ما يقلّ تفاعله عن كذا»: هذا النوع غير موجود عندنا ولا ندّعيه.

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

الخطوة 5: صمّموا الويدجت في استوديو التصميم

وهذه هي المنطقة التي لا تستطيع الأداة الرسمية أن تقترب منها. في استوديو التصميم تختارون التخطيط من قائمة جاهزة تظهر في اللقطة أدناه بأسمائها: Flex وGrid وCarousel وList وMosaic وSlider وTetris وCoverflow وPanel وStagger وMasonry وBento وغيرها. ثم تنسّقونها. والفارق الحقيقي في التنسيق نفسه: تبدأون من قالب جاهز، أو تفتحون باني السمات المخصصة وتصنعون سمتكم من الصفر، بالألوان والخطوط والحواف والظلال والتباعد وأنماط البطاقات. ولأن السمة تُحفظ باسمها وتُستعمل مرة أخرى، فأنتم عمليا أمام مظاهر غير محدودة، كلها بألوان علامتكم لا بألوان فيسبوك. وباني السمات متاح على كل الباقات بما فيها المجانية.

التخطيطات الجاهزة وتصفّح القوالب

باني السمات المخصصة

الخطوة 6: عاينوا، ثم خذوا الكود، ثم اختبروا على الجوال

اضغطوا Preview لتروا الموجز كما سيظهر تماما، وتنقّلوا بين عروض سطح المكتب واللوحي والجوال. وحين يستقر الشكل، اضغطوا Get Code، ثم اضبطوا سؤال Where are you installing your widget? على منصتكم قبل أن تنسخوا، لأن المقطع نفسه يختلف باختلاف المضيف (قسم المنصات أدناه يغطّي كل واحدة منها). وعلى المضيفات التي تشغّل السكربتات، يُرسم الموجز داخل Shadow DOM، فتنسيقاته معزولة عن تنسيقات موقعكم ولا يكسر أحدهما الآخر في أي من الاتجاهين. وعلى ويكس وسكوير سبيس يأتي العزل نفسه من إطار مستقل بدل ذلك. وفي الحالتين يبقى الموجز متجاوبا عند أي عرض. وقد اختبرته على آيفون 12 برو في تخطيط الشريط وفي تخطيط القائمة، وكلاهما ملأ العرض من حافة إلى حافة.

تخطيط الشريط على الجوال

تخطيط القائمة على الجوال

ماذا يكلّفكم موجز فيسبوك، وماذا يعني «حي»

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

وكلمة عن معنى «حي»: هذه موجزات تحدّث نفسها على فواصل منتظمة، لا بثّ لحظي. الويدجت يسحب منشورات فيسبوك الجديدة دوريا، فلا تعيدون لصق الكود ولا تحدّثون شيئا بأيديكم. ولأكثر الاستعمالات التجارية هذا أكثر من كافٍ، لكن من الأمانة أن يُقال بصراحة بدل أن يُترك القارئ يفهم من كلمة «حي» أنها بثّ لحظي.

إضافة الصفحة الرسمية مقابل CollectSocials: ما الذي قِسته بالضبط

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

تضمين موجز فيسبوك في ووردبريس وسكوير سبيس وويكس وشوبيفاي وويب فلو وجوجل سايتس

قبل أن تلصقوا أي شيء، اضبطوا سؤال Where are you installing your widget? في نافذة الحصول على الكود على منصتكم. وهذه ليست رفاهية: المقطع نفسه يتغيّر. ووردبريس وويب فلو وصفحات HTML العادية تأخذ وسم سكربت. وشوبيفاي يأخذ السكربت نفسه داخل حاوية بعرض الصفحة كي لا تضغطه قواعد التخطيط في القالب. وويكس وسكوير سبيس يأخذان إطارا مستقلا، لأن الأول يعزل الكود المخصص داخل إطاره والثاني يجرّد وسوم السكربت في باقاته الأدنى. وجوجل سايتس ونوشن يأخذان رابطا لا كودا إطلاقا. واختيار الخطأ يعطيكم موجزا إما ضيّقا وإما لا يظهر أبدا، وبلا رسالة خطأ في الحالتين. وفيما يلي مكان كل مقطع.

ووردبريس (محرر جوتنبرج)

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

الطريق الأول: كتلة HTML المخصصة.

1. افتحوا الصفحة أو المقالة التي تريدون فيها موجز فيسبوك.
2. اضغطوا زر إضافة الكتل + وابحثوا عن Custom HTML.
3. أضيفوا كتلة Custom HTML والصقوا كود التضمين داخلها.
4. اضغطوا Preview في شريط الكتلة للتأكد من أنها تُرسم، ثم انشروا.

الطريق الثاني: إضافة CollectSocials لووردبريس من دليل الإضافات الرسمي في WordPress.org. ثبّتوها، والصقوا مفتاح الموجز في الكتلة أو في الرمز المختصر [collectsocials]، فتنسخ الإضافة منشورات فيسبوك والتصميم الذي نشرتموه إلى قاعدة بيانات ووردبريس عندكم. وعندئذ يحمّل زوّاركم الموجز من نطاقكم أنتم ولا يرسلون إلينا أي طلب إطلاقا، ولهذا نتيجة واحدة تستحق الدقيقتين الزائدتين: بعد أول مزامنة تتوقف مشاهدات تلك الصفحة عن العدّ على باقتكم، أيا كانت الباقة بما فيها المجانية. وقبل تلك المزامنة الأولى، أو إن تعذّر تسجيل الموجز، تُقدَّم النسخة المستضافة المعتادة وتُحتسب مشاهداتها كأي تضمين. وصفحة تحمل موجز فيسبوك وتستقبل زيارات حقيقية هي بالضبط الحالة التي يهمّ فيها هذا الفرق، وهو الشيء الوحيد الذي لا يستطيع تضمين مستضاف في أي أداة، ولا في أداتنا نحن، أن يقدّمه لكم. وشرح التثبيت في صفحة إضافة ووردبريس (بالإنجليزية).

ولأن الويدجت يُرسم داخل Shadow DOM، فهو معزول عن تنسيقات قالبكم، ويعمل من أول مرة على أي إعداد ووردبريس: جوتنبرج، أو إليمنتور، أو ديفي، أو بيفر بيلدر، أو أي تركيبة قالب وباني صفحات، وبلا تعارضات.

بناة الصفحات. إن كنتم تستعملون إليمنتور، أضيفوا عنصر HTML والصقوا الكود. وفي ديفي استعملوا وحدة Code، وفي بيفر بيلدر وحدة HTML. والخطوة واحدة في الجميع: الصقوا واحفظوا.

الأشرطة الجانبية والتذييل. لعرض الموجز في كل صفحات الموقع من شريط جانبي أو تذييل، أضيفوا عنصر Custom HTML من Appearance > Widgets والصقوا الكود هناك. ومن كان أكثر خبرة يستطيع وضع المقطع مباشرة في ملف قالب فيظهر في كل صفحة دون إضافته يدويا في كل مرة.

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

شوبيفاي (Online Store 2.0)

1. اذهبوا إلى Online Store > Themes > Customize في لوحة تحكم شوبيفاي.
2. انتقلوا إلى الصفحة التي تريدون فيها الموجز واضغطوا Add section.
3. اختاروا Custom Liquid والصقوا مقطع شوبيفاي في حقل الكود.
4. ضعوا القسم في موضعه ثم احفظوا.

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

اللصق في قسم Custom Liquid

حيّا على واجهة المتجر

ويب فلو

1. افتحوا مشروع ويب فلو في المصمّم.
2. اسحبوا عنصر Embed من المكوّنات إلى اللوحة في المكان الذي تريدون فيه الموجز.
3. الصقوا كود التضمين في حقل الكود ثم أغلقوا المحرر.
4. انشروا الموقع لتروا الويدجت حيّا.

وللشرح الكامل الخاص بويب فلو، والفرق بين عنصر التضمين وكتلة الكود، ونقاط التوقف المتجاوبة، والتضمين داخل مجموعات المحتوى، انظروا دليلنا تضمين موجزات التواصل في ويب فلو (بالإنجليزية).

سكوير سبيس

1. اضبطوا المُحدِّد على سكوير سبيس وانسخوا مقطع الإطار الذي يعطيكم إياه.
2. حرّروا الصفحة واضغطوا نقطة إدراج لإضافة كتلة.
3. اختاروا كتلة Code والصقوا المقطع فيها، مع إبقاء النوع على HTML.
4. طبّقوا ثم احفظوا الصفحة.

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

ويكس

1. اضبطوا المُحدِّد على ويكس وانسخوا مقطع الإطار.
2. في محرر ويكس اضغطوا Add > Embed & Social > Custom Embeds > Embed a Widget (وفي Wix Studio استعملوا عنصر Embed).
3. افتحوا محرر الكود في العنصر، والصقوا المقطع، ثم اضغطوا Apply.
4. غيّروا حجم العنصر وموضعه، ثم انشروا.

وويكس يعزل الكود المخصص داخل إطاره هو، أي أن وسم سكربت تلصقونه هناك لا يعمل داخل مستند صفحتكم أصلا. ولذلك يضمّن مقطع ويكس الموجز في إطار مستقل، وهذا عزل أقوى من عزل Shadow DOM لا أضعف منه: لا شيء في قالب ويكس عندكم يصل إلى تنسيقات الموجز، ولا شيء في الموجز يصل إلى تنسيقات قالبكم.

ولويكس خصائص تخصّه: التضمين يعمل حتى على مواقع ويكس المجانية، ومواقع Wix ADI يلزمها الانتقال إلى المحرر القياسي، وتخطيط الجوال يُضبط على حدة. وللشرح الكامل بلقطاته انظروا دليلنا المخصص تضمين موجز فيسبوك في ويكس (بالإنجليزية).

جوجل سايتس ونوشن

1. اضبطوا المُحدِّد على جوجل سايتس. وسيعطيكم رابطا لا كودا، لأن جوجل سايتس لا يشغّل السكربتات.
2. افتحوا موقعكم في محرر جوجل سايتس واضغطوا Insert > Embed.
3. اختاروا تبويب By URL، والصقوا الرابط، ثم اضغطوا Insert.
4. غيّروا حجم التضمين على اللوحة ثم انشروا.

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

أي مكان آخر يقبل HTML وجافاسكريبت

وأي مضيف آخر يقبل HTML وجافاسكريبت مخصصين يأخذ مقطع HTML العادي كما هو: موقع ثابت مبني بيدكم، أو قالب Jekyll أو Hugo، أو عرض في Rails أو Laravel. لا شيء إضافي، ولا إعداد خاص بالمنصة.

تضمين فيديوهات فيسبوك تحديدا

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

التضمين الرسمي لفيديو واحد

يقدّم فيسبوك تضمينا بسيطا لفيديو واحد في كل مرة: تفتحون منشور الفيديو، وتضغطون قائمة النقاط الثلاث، وتختارون Embed، ثم تلصقون المقطع المولَّد في موقعكم. وهو يفي بالغرض لمقطع واحد مميّز، شهادة عميل في صفحة «من نحن» مثلا، لكنكم تضمّنون فيديو واحدا لا أكثر، والتنسيق مقفل على شكل فيسبوك، وتغيير الفيديو يعني تحرير الكود بيدكم. ولا سبيل إلى بناء معرض ديناميكي من عدة فيديوهات بهذه الطريقة.

موجز فيديو منسّق بدل ذلك

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

أين تعرضون موجز فيسبوك في الموقع

الموضع هو ما يقرّر مقدار الفائدة التي يعطيها الموجز. وهذه مواضع تعمل باطّراد:

الصفحة الرئيسية، تحت حدّ الطيّ

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

صفحة «من نحن»

المنشورات الحقيقية تضيف شخصية وصدقا لا يستطيع النص المؤسسي المصقول أن يعطيهما: الوجه الإنساني لنشاطكم، وأسماء من يعملون فيه، ولحظات من داخله.

صفحة التواصل أو الدعم

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

صفحات المنتجات والخدمات

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

أبعد من فيسبوك: دمج أكثر من منصة في موجز واحد

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

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

وإن كنتم تبنون شيئا أكبر، شاشة عرض لفعالية أو جدارا يمتد عبر الموقع كله، فانظروا دليلينا في جدار تواصل اجتماعي على أي موقع (بالإنجليزية) وجدران التواصل للفعاليات (بالإنجليزية).

أخطاء شائعة عند اضافة فيسبوك للموقع

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

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

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

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

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

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

إضافة الصفحة الرسمية أم ويدجت خارجي؟ الخلاصة

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

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

وإن أردتم صفحة المنتج بدل التفكيك، فصفحة ويدجت موجز فيسبوك (بالإنجليزية) تشرح ما تفعله الأداة وما تكلّفه والقيود التي يفرضها فيسبوك.

أسئلة شائعة عن اضافة صفحة فيسبوك للموقع

كيف أضيف صفحة فيسبوك إلى موقعي؟

أمامكم طريقان. الطريق الرسمي عبر إضافة الصفحة (Page Plugin): تُدخلون رابط صفحتكم، وتنسخون محمّل الحزمة البرمجية مع عنصر fb-page، وتلصقونهما في HTML موقعكم. لكن المولّد في اختباري كان كثيرا ما يفشل في إخراج أي كود، والنتيجة محبوسة عند 500 بكسل ومقفلة على تنسيق فيسبوك. والطريق الأمرن أداة عرض مثل CollectSocials: تربطون صفحتكم، وتراجعون منشوراتكم، وتنسّقون الموجز، وتلصقون مقطع تضمين واحدا يمتد بعرض الصفحة وبألوان علامتكم.

كيف أضمّن موجز منشورات فيسبوك في الموقع؟

اربطوا صفحة فيسبوك بأداة تجميع مثل CollectSocials، واختاروا المنشورات التي ستُعرض، واختاروا التخطيط والسمة في استوديو التصميم، ثم الصقوا كود التضمين المولَّد في أي صفحة تقبل HTML مخصصا. وبخلاف إضافة الصفحة الرسمية، الموجز المجمَّع يمتد بعرض الصفحة، ومتجاوب، وقابل للمراجعة، وقابل للدمج مع منصات أخرى.

كيف أضمّن موجز فيسبوك في HTML خام؟

للطريق الرسمي: أضيفوا وسم حزمة فيسبوك البرمجية مرة واحدة، ثم عنصر <div class="fb-page"> يحمل رابط صفحتكم في خاصية data-href، والكود الكامل مكتوب في هذه المقالة أعلاه. وللأداة الخارجية على صفحة HTML عادية: تلصقون مقطع <script> واحدا حيث تريدون الموجز، بلا حزمة برمجية، وبلا عنصر fb-page، وبلا سقف 500 بكسل. أما على منصات البناء الجاهزة فخذوا المقطع الذي يعطيه إدخال تلك المنصة في نافذة الحصول على الكود، لأن ويكس وسكوير سبيس يأخذان إطارا بدل السكربت، وجوجل سايتس يأخذ رابطا.

هل عند فيسبوك ويدجت لعرض الموجز؟

نعم، إضافة الصفحة هي ويدجت الموجز الرسمي من فيسبوك، وهي مجانية. لكنها، كما أظهر الاختبار، محبوسة عند 500 بكسل، ولا تقبل تنسيقا ولا مراجعة، وتحمّل سلسلة سكربتات، وتضع ستة كوكيز تتبّع. ولمن يريد ويدجت موجز سريعا قابلا للتحكم وبألوان علامته، الطريق العملي أداة خارجية.

هل مولّد كود تضمين فيسبوك مجاني؟

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

لماذا لا تعمل إضافة صفحة فيسبوك عندي، أو لا تتجاوب؟

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

هل إضافة صفحة فيسبوك مجانية؟

نعم، إضافة الصفحة مجانية الاستعمال. لكن المقايضة حقيقية: في اختبار يونيو 2026، في نافذة خفية وبلا إضافات متصفح، وضعت ستة كوكيز تتبّع من فيسبوك قبل أي تفاعل، ولم يستطع لايتهاوس أن يقيسها، فضلا عن سقف 500 بكسل والتنسيق الثابت.

هل تبطئ إضافة صفحة فيسبوك موقعي؟

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

هل تضع إضافة صفحة فيسبوك كوكيز، وماذا عن الخصوصية؟

نعم، تضع كوكيز، وهذه هي العقدة. تحميل الإضافة أنشأ مخزن كوكيز على نطاق .facebook.com فيه ستة كوكيز (datr وfr وps_l وps_n وsb وwd) عند تحميل الصفحة، قبل أي تفاعل من الزائر. وبحسب اللائحة الأوروبية العامة لحماية البيانات، كوكيز الإعلان والتتبّع من طرف ثالث مثل fr تتطلب عادة موافقة مسبقة، فقد تنشئ الإضافة التزاما عليكم. وويدجت CollectSocials في الاختبار نفسه لم يُضِف نطاق فيسبوك ولا أي كوكي منه إطلاقا.

هل أستطيع عرض ملف فيسبوك شخصي على موقعي؟

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

كيف أربط صفحة فيسبوك بموقع ووردبريس أو شوبيفاي أو ويكس؟

اختاروا منصتكم في نافذة الحصول على الكود أولا، لأن المقطع يختلف. على ووردبريس الصقوه في كتلة Custom HTML، أو ثبّتوا إضافة CollectSocials لووردبريس بدلا من ذلك فيُرسم الموجز من قاعدة بيانات موقعكم وتتوقف مشاهدات تلك الصفحة عن العدّ بعد أول مزامنة. وعلى شوبيفاي خذوا مقطع شوبيفاي، فهو ملفوف في حاوية بعرض الصفحة حتى لا يضغطه القالب، وأضيفوه قسم Custom Liquid من Online Store > Themes > Customize. وعلى ويكس خذوا مقطع ويكس، وهو إطار مستقل لأن ويكس يعزل الكود المخصص، والصقوه في عنصر تضمين.

هل أحتاج حساب مطوّر على فيسبوك أو معرّف تطبيق؟

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

بأي لغة تظهر منشورات فيسبوك على الموقع؟

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

كم يتأخر ظهور المنشور الجديد على الموقع؟

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

المصادر (بالإنجليزية)

• إضافة الصفحة (Page Plugin) في وثائق الإضافات الاجتماعية لدى ميتا
• بداية سريعة مع حزمة فيسبوك البرمجية لجافاسكريبت، من وثائق ميتا
• واجهة Graph API، من وثائق ميتا للمطوّرين
• شروط منصة ميتا
• الأصل الإنجليزي لهذه المقالة