نسخة ووردبريس المساعد نسخة الفيسبوك. كيفية إضافة مكون إضافي جديد لصفحات Facebook في WordPress. إدراج SDK Javascript

(آخر تحديث: 08.07.2016)

أهلا بالجميع! سيداتي وسادتي ، إذا كان لديك بضع مئات أو ربما عدة آلاف من المعجبين على شبكة Facebook الاجتماعية لعلامتك التجارية (موقع الويب) ، فقد حان الوقت لإخبار العالم كله عنها. وليس فقط للتفاخر ، ولكن أيضًا لجمع آلاف المستخدمين الآخرين الذين يحبون موقعك. ولسبب واحد ، اسمح لهم بالترويج لصفحتك على Facebook بالضغط على زر "أعجبني".

لكي يرى زوارك مدى شعبية صفحة موقعك ولتتمكن من وضع علامة على علامتك التجارية على شبكة التواصل الاجتماعي FB كما يحلو لهم ، تحتاج إلى نشرها على الشريط الجانبي للمدونة القطعة الشعبية مثل Facebook Like Box... سيعرض Facebook Like Box الوجوه وأرقامها ، الذين يحبون موقعك بشكل طبيعي - العلامة التجارية على Facebook:

يمكنك إضافة عنصر واجهة مستخدم Facebook Like Box إلى موقع WordPress الخاص بك باستخدام مكون إضافي وبدون.

Facebook Like Box Plugin

عنصر واجهة مستخدم Facebook Like Box الجديد

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

https://www.facebook.com/ zagulyaevsv

https://www.facebook.com/ wordpressmaniya

نأخذ آخر شيء بعد الشرطة المائلة - هذا هو اسم الصفحة. في الإصدار المجاني ، يمكنك تحديد عدد صور المستخدم المراد عرضها في المربع ؛ عرض القطعة وارتفاعها ، وكذلك أدخل اللغة المرغوبة ، أي الروسية. بإضافة مثل هذا: ru_RU

إعداد أداة Facebook Like Box

نعم ، لقد نسيت تقريبًا ، يمكنك تضمين Facebook Like Box في نص الرسالة أو في صفحة الموقع الإلكتروني. سيكون لديك زر إضافة مربع جديد في محرر النشر المرئي لـ WP. هنا ، وبمساعدتها ، يتم إدراج Facebook Like Box في الرسالة. اكتب ، اكتب مقالاً ، انقر على الزر في المكان الصحيح ، ستظهر نافذة حيث يمكنك ، تمامًا كما في الأداة (لقطة الشاشة أعلاه) ، تحديد البيانات المطلوبة.

Facebook Like Box للرسالة

الأصدقاء ، هناك أيضًا مكونات إضافية مماثلة لـ WordPress ، والتي يمكنك من خلالها عرض عنصر واجهة مستخدم Facebook Like Box على الشريط الجانبي لمدونتك أو في منشورك ، ما عليك سوى إدخال كلمة Facebook Like Box في بحث البرنامج المساعد واختيار اختيارك. ستجد بالتأكيد 7-8 مكونات إضافية محدثة. على الرغم من أنها كلها متشابهة وستكون المقدمة هنا كافية. حسنًا ، دعنا ننتقل.

أداة Facebook Like Box لأي موقع ويب بدون مكون إضافي

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

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

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

القطعة مثل مربع

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

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

(الوظيفة (w، d، n، s، t) (w [n] \u003d w [n] ||؛ w [n] .push (function () (Ya.Context.AdvManager.render ((blockId: "RA -292864-4 "، تقديم إلى:" yandex_rtb_R-A-292864-4 "، غير متزامن: صحيح)) ؛)) ؛ t \u003d d.getElementsByTagName (" script ") ؛ s \u003d d.createElement (" script ") ؛ s .type \u003d "text / javascript" ؛ s.src \u003d "//an.yandex.ru/system/context.js" ؛ s.async \u003d true ؛ t.parentNode.insertBefore (s ، t) ؛)) (هذا ، this.document، "yandexContextAsyncCallbacks")؛

ما كان ينتظره العديد من مالكي مواقع WordPress قد تحقق - تم تقديمه البرنامج المساعد الرسمي للتكامل الكامل مع منصة WordPress. الآن لن يكون من الضروري ربط كل أداة على حدة مع التعليقات أو " انا يعجبني"، يكفي تثبيت مكون إضافي واحد ، والذي سيمكنك من استخدام جميع وظائف الشبكة الاجتماعية رقم 1 في العالم على موقع الويب الخاص بك! في هذه المراجعة ، سأوضح لك كيفية تثبيت هذا المكون الإضافي وتكوينه.

دلائل الميزات

نشر Facebook على موقعه مقالات ملخص موجز للميزات الرئيسية للملحق ومفهومه. يمكنك قراءة المقال على هذا الرابط.

وقد ظهر أيضًا قسم منفصل من الموقع developer.facebook.com/wordpressحيث يمكنك رؤية قصيرة دليل التثبيت باللغة الإنجليزية ونظرة عامة على النقاط الرئيسية للبرنامج المساعد. إليك ما يدور حوله:

النشر على وسائل التواصل الاجتماعي وذكر الأصدقاء

يمكنك أيضا على الفور تعيين العنوان لنشر المحتوى الخاص بك على Facebook.

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

الأزرار والميزات الاجتماعية

يتضمن المكون الإضافي القدرة على استخدام الأزرار والوظائف التالية على الموقع:

أدوات WordPress

يضيف المكون الإضافي الأدوات التالية إلى وحدة التحكم في موقعك:

تثبيت البرنامج المساعد

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

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

1. التهم المشتركة https://wordpress.org/plugins/shared-counts/

تعد Shared Counts أحد أفضل المكونات الإضافية للوسائط الاجتماعية في WordPress. يتيح لك إضافة أزرار المشاركة بسهولة إلى مشاركاتك ، بما في ذلك زر مشاركة Facebook.

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

2. موجز الفيسبوك المخصص https://wordpress.org/plugins/custom-facebook-feed/

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

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

3. Pixel Cat - Facebook Pixel https://wordpress.org/plugins/facebook-conversion-pixel/

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

4. مراجعات الفيسبوك https://wordpress.org/plugins/fb-reviews-widget/

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

يعمل الإصدار المجاني بشكل رائع ، ولكنك تحتاج إلى الإصدار "الاحترافي" لعرض مقتطفات منسقة من تعليقات Schema.org.

5. ودجة الفيسبوك https://wordpress.org/plugins/facebook-pagelike-widget/

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

سمات:

6. Nextend التواصل الاجتماعي https://wordpress.org/plugins/nextend-facebook-connect/

Nextend Social Login هو برنامج WordPress الإضافي احترافي وسهل الاستخدام ومجاني. يسمح للزائرين بالتسجيل وزيارة موقعك باستخدام ملفات التعريف الاجتماعية الخاصة بهم ، وبالتالي لا يضيعون وقتهم الثمين في ملء نموذج التسجيل الافتراضي.

يدعم تسجيل الدخول باستخدام Facebook و Google و Twitter. إنه يعمل بشكل رائع مع تنسيقات تسجيل الدخول والتسجيل القياسية في WordPress ، بحيث يكون لدى المستخدمين خيار استخدام Facebook أو استخدام طريقة التسجيل الافتراضية.

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

بعض ميزات البرنامج المساعد

7. AccessPress الفيسبوك السيارات بوست https://wordpress.org/plugins/accesspress-facebook-auto-post/

كما يوحي الاسم ، يتيح لك AccessPress Facebook Auto post مشاركة المقالات الجديدة تلقائيًا على صفحتك أو ملفك الشخصي على Facebook. عملية النشر مؤتمتة بالكامل وسهلة مثل 1 ، 2 ، 3!

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

ميزات البرنامج المساعد

8. WP Embed Facebook https://wordpress.org/plugins/wp-embed-facebook/

يتيح لك هذا المكون الإضافي إدراج أي محتوى تلقائيًا من Facebook مباشرة في موقعك ببساطة عن طريق نسخ عنوان URL في المحرر:

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

هذا كل شيء ، نأمل أن تساعدك هذه المقالة في اكتشاف أفضل إضافات WordPress Facebook لتنمية مدونتك. وداعا للجميع!

مع أطيب التحيات ، فياتشيسلاف وفاليريا!

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

هل هذا البرنامج المساعد جعل حياتك سهلة؟ يرجى النظر في التبرع.

أحد أكثر المكونات الإضافية شيوعًا وخفيفة الوزن لأداة موجز ويب لصفحات Facebook مع أكثر من 1060.000 عملية تنزيل و 1،00.000+ تثبيت نشط

ستوفر لك هذه الأداة الطريقة الأكثر بساطة وجاذبية لعرض إعجابات صفحة Facebook في الشريط الجانبي لـ WordPress.

لماذا يجب أن تختار Facebook Page Like Widget من العديد من المكونات الإضافية الأخرى؟

يدعم الرمز القصير ، افتح المنشور أو الصفحة ، أضف في المنشور أو الصفحة ، احفظه. انتهيت. تحقق من التعليمات لمزيد من خيارات الرمز القصير.

إذا كان لديك أي أسئلة / مشاكل / اقتراحات بخصوص المكون الإضافي الخاص بي ، تواصل معي على ،

سأبذل قصارى جهدي للرد عليك في غضون يوم عمل واحد.

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

لقطات

تثبيت

قم باستخراج الملف المضغوط وإفلات المحتويات في دليل wp-content / plugins / الخاص بتثبيت WordPress الخاص بك ، ثم قم بتنشيط المكون الإضافي من صفحة الملحقات.

لمزيد من التفاصيل،

https://codex.wordpress.org/Managing_Plugins

أسئلة مكررة

كيفية استخدام الرمز القصير؟ الأداة لا تعمل في Mozilla Firefox ، لست متأكدًا من كيفية الحصول على معرف تطبيق Facebook؟ هل تعمل في نظام ما ولا تعمل في نظام آخر؟

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

المراجعات

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

إذا كنت تعتقد أن وضع ملحقات Facebook على موقعك أمر صعب ، والأمر متروك للمبرمجين ، فأنت مخطئ. على الرغم من ذلك ، منذ ذلك الحين أنا مبرمج ، قد أكون مخطئا :)

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

لنضع "صفحة" Facebook على موقع الويب الخاص بك.

ستبدأ رحلتنا من صفحة المطور - https://developers.facebook.com/docs/plugins

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

سترى قائمة كاملة من المكونات الإضافية ، يمكنك بعد ذلك تجربة كل منها بنفسك. قررنا تثبيت مكون الصفحة الإضافي.

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

ستجد نفسك في الصفحة التالية ، حيث سيُطلب منك اللعب بمعلمات عنصر واجهة المستخدم في المستقبل.

والأهم من ذلك هو عنوان URL لصفحة Facebook التي تقوم بتضمينها.

عندما يكون لديك ما يكفي من الإعدادات ، انقر فوق الزر "الحصول على رمز".

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

هناك خياران ، دعنا نفكر في كليهما.

إدراج SDK Javascript

ترى جزأين من كود HTML. أين يجب إدخالها؟

يمكنك تحرير header.php مباشرة من لوحة إدارة الموقع. اذهب إلى القائمة "المظهر" -\u003e "المحرر" وحدد ما نحتاجه من القائمة header.php.

يجب إدخال الكود الثاني في الملف المسؤول عن العمود لعرض الأدوات على الموقع. لكننا سنجعل الأمر أسهل ، لن نتعمق في ملفات الجلد ، لكننا نضيف عنصر واجهة نصي من خلال "مظهر" القائمة -\u003e "عناصر واجهة المستخدم".

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

بدلاً من النص ، تحتاج إلى إدخال الجزء الثاني من كود html. ننقذ. معجب بموقعنا.

إدراج IFrame

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

لماذا إذن نحتاج إلى مثل هذا الخيار الأول الصعب؟ :) لا أستطيع الكشف عن كل أسرار مؤامرة العالم للمبرمجين ، tk. أقسم اليمين الرهيب.

آمل حقًا أن تساعدك هذه المقالة في معرفة كيفية تثبيت أدوات Facebook على مدونة WP الخاصة بك.