تفعيل خاصية تسجيل الدخول السريع بحساب فيس بوك وانستاجرام

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

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

 

أولاً: إنشاء حساب المطورين

في البداية يتم تسجيل الدخول على حساب فيسبوك العادي للمستخدمين ثم يتم الدخول على الرابط: https://developers.facebook.com ويتم الضغط على رابط Get Started.

mceclip0.png

 

ستظهر لنا نافذة إنشاء الحساب، يتم الضغط على زر Next.

 

mceclip1.png

 

ثم يتم اختيار أقرب وصف للدور الوظيفي الخاص بك بمتجرك الالكتروني، وأقرب اختيار هو Owner/Founder.

 

mceclip2.png

 

ثم يتم الضغط على زر Create First App.

 

mceclip3.png

 

من قائمة أنواع التطبيقات يتم اختيار For Everything Else.

 

mceclip4.png

 

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

 

mceclip5.png

 

ستظهر نافذة تأكيد ReCaptch، يتم اختيار I'm not a robot ثم الضغط على submit.

 

mceclip6.png

 

ثانياً: تفعيل التسجيل السريع لحسابات فيس بوك

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

من خلال صفحة التطبيق يتم اختيار خاصية Facebook Login

 

mceclip7.png

 

من القائمة الجانبية يتم الدخول على Settings ثم Basic.

 

mceclip8.png

 

ثم يتم تعبئة البيانات التالية:

App Domains : يتم إضافة الدومين الخاص بمتجرك مرتين، مرة بدون www ومرة بـ www بادخال إسم الدومين ثم الضغط على زر Enter من لوحة المفاتيح، ويكون شكل الدومينات المدخلة كالآتي:

yourdomain.com

و

www.yourdomain.com

Privacy Policy URL : يتم إضافة رابط صفحة سياسة خصوصية المتجر في هذا الحقل.

Terms of Service URL : يتم إضافة رابط صفحة شروط الخدمة المتجر في هذا الحقل.

Category : يتم اختيار نشاطك ، والاختيار الاقرب هو Shopping.

App Purpose : يتم تحديد الغرض من التطبيق، يتم اختيار Yourself or your own business.

ثم يتم النزول لآخر الصفحة والضغط على زر Add Platform ثم اختيار Website ثم إدخال الدومين كامل مسبوق بـ https:// في هذه الخانة. ثم الضغط على حفظ.

 

mceclip9.png

 

ثم يتم التوجه من القائمة الجانبية إلى Settings ثم Advanced وتفعيل خيار Native or desktop app وتعديله لـ Yes ثم الضغط على حفظ.

 

mceclip10.png

 

ثم يتم التوجه من القائمة الجانبية إلى Facebook Login ثم  Settings وإدخال روابط التوجيه التالية الخاصة بدومين متجرك في خانة Valid OAuth Redirect URIs وهي:

https://yourdomain.com/d_social_login.php?hauth.done=Facebook و https://www.yourdomain.com/d_social_login.php?hauth.done=Facebook

حيث تستبدل yourdomain.com بدومين متجرك الالكتروني. ثم يتم تفعيل خيار Login from Devices ليكون Yes ثم حفظ الاعدادات.

 

mceclip11.png

 

بعد ذلك يتم التوجه من القائمة الجانبية إلى صفحة Settings ثم Basic وتعديل بيئة عمل التطبيق من خلال الضغط على الزر أعلى الصفحة بجوار جملة In Development لتحويل بيئة العمل إلى Live، ستظهر نافذة بها تنبيه، يتم الضغط على Switch Mode

 

mceclip13.png

 

بعد تحويل بيئة عمل التطبيق إلى Live يتم الضغط على زر Show بجوار خانة App Secret لاظهار الكود السري للتطبيق ثم يتم نقل App ID و App Secret من تطبيق فيسبوك والتوجه الى لوحة تحكم متجرك ثم تطبيق الدخول السريع ولصقه في الخانات المخصصة لفيسبوك. وبذلك يكون تسجيل العملاء والمستخدمين على متجرك بحسابات فيسبوك جاهز للعمل.

mceclip14.png

mceclip15.png

 

ثالثا: تفعيل التسجيل السريع بحسابات انستاجرام

الدخول السريع لحسابات انستاجرام يتم تفعيله ايضاً من داخل حساب فيسبوك للمطورين.

من خلال القائمة الجانبية يتم اختيار Dashboard ثم اختيار خاصية Instagram Basic Display

mceclip16.png

 

سيتم التوجيه لصفحة التعريف بالتطبيق الجديد والامكانيات المتاحة به، يتم الضغط على Create New App.

 

mceclip17.png

 

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

 

mceclip18.png

 

سيتم التوجيه إلى صفحة إعدادات التطبيق.

 

mceclip19.png

 

ويتم تعبئة البيانات التالية:

Valid OAuth Redirect URIs : يتم اضافة روابط التوجيه الخاصة بدومين متجرك كالآتي: https://yourdomain.com/d_social_login.php

و

https://www.yourdomain.com/d_social_login.php

مع استبدال yourdomain.com بدومين متجرك.

Deauthorize Callback URL : يتم اضافة صفحة يتم توجيه العميل لها في حالة انه غير مصرح له بتسجيل الدخول بحساب انستاجرام، يمكن ادخال رابط الصفحة المطلوبة لم يتم العثور عليها وهو https://yourdomain.co/index.php?route=error/error ويتم استبدال yourdomain.com بالدومين الخاص بمتجرك، او ادخال رابط صفحة ويب يتم انشائها من جانب مدير المتجر.

Data Deletion Request URL : يتم اضافة رابط صفحة حذف الحساب ونظراً لعدم توفر خاصية حذف حساب العميل في الوقت الحالي يمكن اضافة رابط صفحة حساب العميل وهو: https://yourdomain.com/index.php?route=account/account

ثم يتم النزول إلى آخر الصفحة في الجزء بعنوان App Review for Instagram Basic Display ويتم الضغط على الزرين Add to Submission لكل من instagram_graph_user_profile و instagram_graph_user_media لبدء مراجعة التطبيق والموافقة عليه من جانب فريق المراجعة بفيسبوك.

 

mceclip20.png

 

بعد الموافقة على التطبيق يتم الدخول على حسابك للمطورين والتوجه إلى صفحة التطبيق لنقل بيانات الربط أو App ID و App Secret بحساب تسجيل الدخول السريع بمتجرك.

 

mceclip21.png

 

mceclip22.png

 

 

التعليقات

hussam

تم العمل كما هو مطلوب تماما و عند تسجيل الدخول عبر فيس بوك تظهر هذه الشاشة 

 

 

و عند تسجيل الدخول من انستغرام تظهر هذه الشاشة

 

و هل يمكن شرح طريقة تسجيل الدخول السريع عبر جوجل و عبر تويتر

 

وشكرا

0

Sabry

hussam

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

وبخصوص تسجيل الدخول السريع من خلال جوجل وتويتر، متوفرين فعلا من خلال الروابط:

https://support.expandcart.com/hc/ar/articles/360016487680

https://support.expandcart.com/hc/ar/articles/360011846260

0

Reyad Al-Btoush

كم تستغرق من الوقت عملية الموافقة على تطبيق الانستاغرام؟

0

مقاطع الفيديو ذات الصلة