شرح تفعيل خاصية Facebook Connect في المنتدى

2 مشترك

اذهب الى الأسفل

ãÚáæãÉ شرح تفعيل خاصية Facebook Connect في المنتدى

مُساهمة من طرف DeLeTe الإثنين 16 مارس 2015 - 15:18


شرح تفعيل خاصية Facebook Connect في المنتدى

بسم الله الرحمان الر
السلام عليكم ورحمة الله وبركاته



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


1. ما هو نظام FaceBook Connect و ما الغرض منه ؟


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


2. كيف يمكنني تفعيل نظام FaceBook Connect في منتداي ؟



لوحة الإدارة >> عناصر إضافية >> نظام Facebook Connect >> تشكيل


Facebook - شرح تفعيل خاصية Facebook Connect في المنتدى 110
https://i.servimg.com/u/f58/18/34/82/83/110.jpg

Facebook - شرح تفعيل خاصية Facebook Connect في المنتدى 1210
https://i.servimg.com/u/f19/19/10/58/96/1210.png



اولاً :: الدخول الى الفيس بوك "المطور" (Facebook developer) عبر الرابط التالي
http://developers.facebook.com/setup



ستظهر لك صفحة تسجيل الدخول الى فيس بوك
بعد تسجيل الدخول ستظهر معك صفحة فارغة
ستجد خيار بخلفية خضراء اظغط عليها كما في الصورة "Create a new app":

Facebook - شرح تفعيل خاصية Facebook Connect في المنتدى 2a10





ثانياً :: بعد الظغط على الكلمة بالأعلى ..
سيظهر لك صندوق لتضع فيه اسم منتداك او موقعك
والوصف والفئة منتداك..
بعد اكمال المطلوب اظغط على "Create App ID" كما في الصورة:

Facebook - شرح تفعيل خاصية Facebook Connect في المنتدى 310



ثالثاً :: سيظهر لك صندوق للتأكيد "اختبار امني"
ضع الأحرف بشكل صحيح ثم قدم..



رابعاً (مهم) :: ستظهر لك الصفحة الرئيسية الخاصة بتطبيقك
اظغط على "Settings" في العامود الايسر
وستجد خانة "Contact Email" ضع فيها ايميلك الخاص بك كما في الصورة:
* يفضل عدم وضع ايميل الانشاء

Facebook - شرح تفعيل خاصية Facebook Connect في المنتدى 410

بعد الإنتهاء اظغط على "Save Changes"





خامساً (مهم) :: بعد الانتهاء من الخطوات السابقة
ابقى في نفس الصفحة "Settings" وسترى في الاسفل خيار "Add Platform"
اظغط عليه واختار "Website" كما في الصورة التالية:

Facebook - شرح تفعيل خاصية Facebook Connect في المنتدى 510






بعد الاختيار .. سيظهر لك حقلين قم بكتابة رابط منتداك فيها بدون http
ثم اظغط على "Save Changes"
كما في الصورة التالية:

Facebook - شرح تفعيل خاصية Facebook Connect في المنتدى 610




ثم اظغط على "حفظ التغييرات أو Save Changes"





سادساً (مهم) :: بعد ماقمنا بجميع الخطوات السابقة
نذهب الآن الى لوحة إدارة منتداك
اذهب الى..
لوحة الإدارة >> عناصر إضافية >> Facebook - شرح تفعيل خاصية Facebook Connect في المنتدى Social-network-signals الشبكات الإجتماعية (نظام Facebook Connect)
واملأ كلاً من الحقول التالية:
* معرف ID الخاص بالتطبيق : ستجده بالصفحة الرئيسية الخاصة بالتطبيق في الفيس بوك
الشفرة السرية "App Secret" للتطبيق : ستجدها ايضاً بالصفحة الرئيسية الخاصة بالتطبيق في الفيس بوك
صورة من الصفحة الرئيسية الخاصة بالتطبيق:
Facebook - شرح تفعيل خاصية Facebook Connect في المنتدى 710


لاتنسى النقر على "Show" لإظهار الشفرة السرية
وانسخوا المعلومات والصقوها في لوحة الإدارة كما قلت بالأعلى..
صورة من لوحة الإدارة بعد ملأ الحقول:
Facebook - شرح تفعيل خاصية Facebook Connect في المنتدى 810

ثم سجل



ثامناً (مهم) :: آخر خطوة سنقوم بها لتفعيل الخاصية
سنذهب مرة أخرى الى الصفحة الرئيسية الخاصة بالتطبيق على الفيس بوك
وانقر على علامة استفهام صغيرة تظهر أسفل اسم التطبيق مباشرة الخاص بك كما في الصورة:
Facebook - شرح تفعيل خاصية Facebook Connect في المنتدى 910



بعد النقر يوجد في أول الصفحة خيار "جعل التطبيق عام"
انقر على "No" سيتحول الى "Yes"
واحفظ التغييرات كما في الصورة:
Facebook - شرح تفعيل خاصية Facebook Connect في المنتدى 1010



بعد التحويل ستظهر لك نافذة للتأكيد .. اظغط "تأكيد"
صورة:
Facebook - شرح تفعيل خاصية Facebook Connect في المنتدى 1110


وكذا انتهينا من تفعيل خاصية الـ"Facebook Connect" في المنتدى
اتمنى أنكم أستفدتوا من الموضوع  tongue
في حال وجود أي مشكلة يرجى انشاء موضوع جديد في قسم المشاكل الأخرى يحتوي على وصف للمشكلة وتصوير للمشكلة لإعطائك الحل المناسب ان شاء الله
ملاحظة:
تم الشرح بواسطة
DeLeTe
#فريق_المساعدة
Cool



عدل سابقا من قبل النجم الذهبى في الإثنين 18 سبتمبر 2017 - 2:42 عدل 3 مرات (السبب : تنسيق الشرح)
DeLeTe
DeLeTe
 
 

ذكر
عدد المساهمات : 2754
معدل النشاط : 9332
السُمعة : 75

https://help.ahlamontada.com#

الرجوع الى أعلى الصفحة اذهب الى الأسفل

ãÚáæãÉ تنبيه: ضرورة تجديد Facebook Connect من طرف مدير المنتدى بعد تحديث Facebook لطريقة عمله.

مُساهمة من طرف الزعيم الخميس 11 يونيو 2015 - 12:30


تنبيه: ضرورة تجديد Facebook Connect من طرف مدير المنتدى بعد تحديث Facebook لطريقة عمله.

السلام عليكم,

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

و بالتالي, فإنه و منذ شهر ماي 2015 لم يعد Facebook  يدعم النسخة V1 من تطبيق Facebook Connect. و بالتالي فمن الاجباري على كل المنتديات التي تستعمل النسخة V1 من هذا التطبيق أن يقوموا بحذفها و إنشاء تطبيق جديد لنظام Facebook Connect بنسخة V2.2 على الأقل.

بالنسبة لأحلى منتدى, فقد قمنى من جهتنا و منذ ايوم 29 أبريل 2015 بتعميم تجديد على كل أحلى المنتديات التي أصبحت و بعون الله تدعم أحدث نسخة من Facebook Connect.

طريقة تحديث نسخة التطبيق Facebook Connect الخاص بالمنتدى.


لتتمكن من فحص نسخة تطبيقك, عليك الدخول الى مركز المطورين الخاص بالفيسبوك ثم تختار في عارضة الملاحة "My Apps" ثم تنقر على ارسم تطبيق منتداك:

Facebook - شرح تفعيل خاصية Facebook Connect في المنتدى 11-06-15

اذا كان الحقل API Version يُظهر لك النسخة V1.0 فمنتداك يستعمل النسخة البالية و يتوجب عليك حذفها و تجديدها بانشاء واحدة أخرى على النسخة الجديدة.

Facebook - شرح تفعيل خاصية Facebook Connect في المنتدى 11-06-16

أما إن كان يستعمل النسخة V2.2 من التطبيق, فهي أيضاً بالية لكنها تعمل لحد كتابة هذه السطور بشكل جيد و لا زال Facebook يدعمها:

Facebook - شرح تفعيل خاصية Facebook Connect في المنتدى 11-06-19

أما إن كان يستعمل النسخة V2.3 من التطبيق, فالكل تمام فانت تستعمل أكثر النسخ حداثة لحد الساعة و ليس عليك أن تفعل شيء:

Facebook - شرح تفعيل خاصية Facebook Connect في المنتدى 11-06-18



Facebook - شرح تفعيل خاصية Facebook Connect في المنتدى 64x64_13
ملاحظة هامة:
لضمان العمل الطبيعي لتطبيق Facebook Connect الخاص بالمنتدى, يتوجب على المديرين الذين اشترو حق تعديل التومبلايتات الشخصية لمنتدياتهم و قاموا بتعديل التومبلايت الإفتراضي index_body أو overall_footer_end أو profile_add_body أو mod_login لأحلى منتدى أن يطلعوا على التعديلات التالية و يؤخدوها إجبارياً بعين الإعتبار.



عدل سابقا من قبل Mohamed Nsr في الأربعاء 29 يوليو 2015 - 5:24 عدل 2 مرات (السبب : تنسيق الشرح)
الزعيم
الزعيم
احلى إدارة
احلى إدارة

ذكر
عدد المساهمات : 18900
معدل النشاط : 14864
السُمعة : 296

https://www.ahlamontada.com

الرجوع الى أعلى الصفحة اذهب الى الأسفل

ãÚáæãÉ رد: شرح تفعيل خاصية Facebook Connect في المنتدى

مُساهمة من طرف الزعيم الخميس 11 يونيو 2015 - 12:31

index_body



قم بتغيير الكود التالي:

الكود:
<fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_footer.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_footer.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button>

بالكود الجديد التالي:

الكود:
<fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" scope="{switch_user_login_form_footer.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_footer.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button>

قم بتغيير الكود التالي:

الكود:

<!-- BEGIN switch_fb_index_login -->
<div id="fb-root"></div>
<script type="text/javascript">
//<![CDATA[
FB.init({
 appId: '{switch_fb_index_login.FACEBOOK_APP_ID}',
 status: true,
 cookie: true,
 xfbml: true,
 oauth: true
});
//]]>
</script>
<!-- END switch_fb_index_login -->

بالكود الجديد التالي:

الكود:

<!-- BEGIN switch_fb_index_login -->
<div id="fb-root"></div>
<script>
    FB.init({
      appId      : {switch_fb_index_login.FACEBOOK_APP_ID},
      cookie     : true,
      xfbml      : true,
      oauth      : true,
      version    : 'v2.3'
    });

  (function(d, s, id){
     var js, fjs = d.getElementsByTagName(s)[0];
     if (d.getElementById(id)) {return;}
     js = d.createElement(s); js.id = id;
     js.src = "//connect.facebook.net/en_US/sdk.js";
     fjs.parentNode.insertBefore(js, fjs);
   }(document, 'script', 'facebook-jssdk'));
</script>
<!-- END switch_fb_index_login -->

overall_footer_end



قم بتغيير الكود التالي:

الكود:
<!-- BEGIN switch_facebook_login -->
<div id="fb-root"></div>
<script type="text/javascript">
//<![CDATA[
FB.init({
 appId: '{switch_facebook_login.FACEBOOK_APP_ID}',
 status: true,
 cookie: true,
 xfbml: true,
 oauth: true
});
//]]>
</script>
<!-- END switch_facebook_login -->

بالكود الجديد التالي:

الكود:
<!-- BEGIN switch_facebook_login -->
<div id="fb-root"></div>
<script type="text/javascript">
    FB.init({
      appId      : {switch_facebook_login.FACEBOOK_APP_ID},
      cookie     : true,
      xfbml      : true,
      oauth      : true,
      version    : 'v2.3'
    });

  (function(d, s, id){
     var js, fjs = d.getElementsByTagName(s)[0];
     if (d.getElementById(id)) {return;}
     js = d.createElement(s); js.id = id;
     js.src = "//connect.facebook.net/en_US/sdk.js";
     fjs.parentNode.insertBefore(js, fjs);
   }(document, 'script', 'facebook-jssdk'));
</script>
<!-- END switch_facebook_login -->

profile_add_body



قم بتغيير الكود التالي:

الكود:
<!-- BEGIN switch_fb_account_not_linked -->
 <fb:login-button size="medium" onlogin="facebook_link()" v="2">{switch_preferences_menu.switch_fb_connect.switch_fb_account_not_linked.L_FB_LOGIN_BUTTON}</fb:login-button>
 <!-- END switch_fb_account_not_linked -->

بالكود الجديد التالي:

الكود:
<!-- BEGIN switch_fb_account_not_linked -->
 <fb:login-button size="medium" onlogin="facebook_link()" >{switch_preferences_menu.switch_fb_connect.switch_fb_account_not_linked.L_FB_LOGIN_BUTTON}</fb:login-button>
 <!-- END switch_fb_account_not_linked -->

قم بتغيير الكود التالي:

الكود:
<!-- BEGIN switch_preferences_menu -->
<!-- BEGIN switch_fb_connect -->
<div id="fb-root"></div>
<script type="text/javascript">
//<![CDATA[
FB.init({
 appId: '{switch_preferences_menu.switch_fb_connect.FACEBOOK_APP_ID}',
 status: true,
 cookie: true,
 xfbml: true,
 oauth: true
});
//]]>
</script>
<!-- END switch_fb_connect -->
<!-- END switch_preferences_menu -->

بالكود الجديد التالي:

الكود:
<!-- BEGIN switch_preferences_menu -->
<!-- BEGIN switch_fb_connect -->
<div id="fb-root"></div>
<script type="text/javascript">
    FB.init({
      appId: '{switch_preferences_menu.switch_fb_connect.FACEBOOK_APP_ID}',
      cookie     : true,
      xfbml      : true,
      oauth      : true,
      version    : 'v2.3'
    });

  (function(d, s, id){
     var js, fjs = d.getElementsByTagName(s)[0];
     if (d.getElementById(id)) {return;}
     js = d.createElement(s); js.id = id;
     js.src = "//connect.facebook.net/en_US/sdk.js";
     fjs.parentNode.insertBefore(js, fjs);
   }(document, 'script', 'facebook-jssdk'));
</script>
<!-- END switch_fb_connect -->
<!-- END switch_preferences_menu -->

mod_login



قم بتغيير الكود التالي:

الكود:
<fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_login.switch_fb_connect_login.L_FB_PERMISSIONS}" class="margTop4">{switch_login.switch_fb_connect_login.L_FB_LOGIN_BUTTON}</fb:login-button>

بالكود الجديد التالي:

الكود:
<fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" scope="{switch_login.switch_fb_connect_login.L_FB_PERMISSIONS}" class="margTop4">{switch_login.switch_fb_connect_login.L_FB_LOGIN_BUTTON}</fb:login-button>

قم بتغيير الكود التالي:

الكود:
align="center"><fb:login-button size="small" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_login_small.switch_fb_connect_login.L_FB_PERMISSIONS}" class="margTop4">{switch_login_small.switch_fb_connect_login.L_FB_LOGIN_BUTTON}</fb:login-button>
                            

بالكود الجديد التالي:

الكود:
align="center"><fb:login-button size="small" onlogin="window.location='/facebook_connect.forum'" scope="{switch_login_small.switch_fb_connect_login.L_FB_PERMISSIONS}" class="margTop4">{switch_login_small.switch_fb_connect_login.L_FB_LOGIN_BUTTON}</fb:login-button>

قم بتغيير الكود التالي:

الكود:
              <!-- BEGIN switch_fb_widget_login -->
<div id="fb-root"></div>
<script type="text/javascript">
//<![CDATA[
FB.init({
 appId: '{switch_fb_widget_login.FACEBOOK_APP_ID}',
 status: true,
 cookie: true,
 xfbml: true,
 oauth: true
});
//]]>
</script>
<!-- END switch_fb_widget_login -->

بالكود الجديد التالي:

الكود:
<!-- BEGIN switch_fb_widget_login -->
<div id="fb-root"></div>
<script>
    FB.init({
      appId      : {switch_fb_widget_login.FACEBOOK_APP_ID},
      cookie     : true,
      xfbml      : true,
      oauth      : true,
      version    : 'v2.3'
    });

  (function(d, s, id){
     var js, fjs = d.getElementsByTagName(s)[0];
     if (d.getElementById(id)) {return;}
     js = d.createElement(s); js.id = id;
     js.src = "//connect.facebook.net/en_US/sdk.js";
     fjs.parentNode.insertBefore(js, fjs);
   }(document, 'script', 'facebook-jssdk'));
</script>
<!-- END switch_fb_widget_login -->


عدل سابقا من قبل Mohamed Nsr في الأربعاء 29 يوليو 2015 - 5:26 عدل 3 مرات
الزعيم
الزعيم
احلى إدارة
احلى إدارة

ذكر
عدد المساهمات : 18900
معدل النشاط : 14864
السُمعة : 296

https://www.ahlamontada.com

الرجوع الى أعلى الصفحة اذهب الى الأسفل

الرجوع الى أعلى الصفحة

- مواضيع مماثلة

 
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى