اذهب إلى المحتوى

كيفية إضافة تسجيل الدخول باستخدام فيسبوك في ووردبريس


Ali Alrohia

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

لماذا تحتاج إضافة تسجيل الدخول باستخدام فيسبوك للموقع في ووردبريس

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

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

001_wordpress_facebook_login_overview.png

توجد الكثير من الفوائد لإنشاء المستخدمين حسابات على موقعك حيث يُعَد:

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

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

5 خطوات لكيفية تفعيل تسجيل الدخول باستخدام فيسبوك في ووردبريس

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

الخطوة الأولى ضبط حساب مطور فيسبوك

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

002_facebook_developer_account.png

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

الخطوة الثانية أنشئ تطبيق فيسبوك جديد

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

003_create_facebook_app.png

سوف تظهر لك نافذة منبثقة تطلب منك اختيار وظيفة التطبيق الذي تريده.

004_facebook_app_product.png

اختر "مستخدم" لضبط تسجيل الدخول باستخدام فيسبوك، ثم أعط اسمًا لتطبيقك وأدخل بريدًا إلكترونيًا للتواصل.

005_facebook_app_product_detail.png

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

الخطوة الثالثة إضافة منتج لتطبيقك الجديد

يجب عليك الآن اختيار مُنتج لتطبيقك الجديد، وهو عمليًا قسم مُجهز مُسبقًا من الشيفرة البرمجية التي تُساعدك على الانطلاق بالاتجاه الصحيح، وفي حال اخترت "مستخدم" في الخطوة الثانية؛ فيجب ظهور خيار "تسجيل دخول فيسبوك" لك في هذه الصفحة.

006_facebook_login.png

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

007_facebook_login_platform.png

اختر "الويب" طالما أنك تريد إضافة هذه الميزة لموقعك الإلكتروني، وستظهر لك في النافذة التالية قائمة تُرشدك بالخطوات التي عليك اتباعها حيث تبدأ بتقديم رابط موقعك الإلكتروني.

008_facebook_login_url.png

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

الخطوة الرابعة ضبط إعدادات زر تسجيل الدخول باستخدام فيسبوك

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

009_facebook_login_plugin.png

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

الخطوة الخامسة عرض زر تسجيل الدخول باستخدام فيسبوك على موقع ووردبريس باستخدام الإضافات

يجب عليك الآن عرض زر تسجيل الدخول باستخدام فيسبوك ضمن موقعك الإلكتروني، وبالرغم من قدرتك على إضافته يدويًا باتباع التعليمات الموجودة في حسابك Facebook Developer، لكن يُنصح باستخدام إضافة لأنها تجعل العملية أبسط، وتُعَدّ إضافة Nextend Social Login خيارًا مثاليًا يسمح لك أيضًا بإضافة تسجيل الدخول باستخدام جيميل وتويتر.

010_nextend-social-login-.jpg

توجه إلى لوحة تحكم ووردبريس ثم قسم "إضافات"، واضغط على تبويب "أضف جديدًا"، ثم ابحث عن Nextend وثبّتها وفعلها. توجه بعد ذلك إلى قسم "الإعدادات" ثم تبويب Nextend Social Login.

011_nextend_social_login_settings.png

اضغط على Getting Started ضمن إعدادات فيسبوك لضبط الإضافة، حيث سوف تظهر لك نافذة تتضمن قائمة بتعليمات إنشاء تطبيق فيسبوك، وبما أننا انتهينا من هذه الخطوة فتستطيع الانتقال إلى أسفل الصفحة والضغط على زر I am done setting up my Facebook App لتظهر لك بعدها نافذة إعدادات.

012_nextend_social_login_settings_2.png

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

013_nextend_social_login_settings_3.png

ستجد App ID وApp Secret في أعلى الصفحة، لهذا أدخل هذه القيم ضمن إعدادات Nextend واحفظ الإعدادات. تستطيع الآن ضبط مظهر زر تسجيل الدخول باستخدام فيسبوك من خلال Buttons في أعلى صفحة إعدادات Nextend، حيث توفر الإضافات بعض التصاميم الجاهزة أو تستطيع استخدام الزر المُخصص الذي أنشأته في الخطوة الرابعة.

014_nextend_social_login_settings_4.png

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

الخلاصة

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

اتبع الخطوات التالية ببساطة لتفعيل تسجيل الدخول باستخدام فيسبوك في موقع ووردبريس:

  1. اضبط حساب المطور في فيسبوك.
  2. أنشئ تطبيق فيسبوك.
  3. أضف منتجًا للتطبيق.
  4. اضبط زر تسجيل الدخول باستخدام فيسبوك.
  5. اعرض زر تسجيل الدخول ضمن موقعك باستخدام إضافة Nextend Social Login.

ترجمة -وبتصرّف- للمقال How to Integrate Facebook Login with WordPress لصاحبه Will Morris.

اقرأ أيضًا


تفاعل الأعضاء

أفضل التعليقات

لا توجد أية تعليقات بعد



انضم إلى النقاش

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أضف تعليق

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.


×
×
  • أضف...