ایجاد دکمه ورود از طریق حساب کاربری گوگل

[parsa61 10]

سلام دوستان عزیز

 

چند وقتی هست که گوگل واقعا داره امکانات عالی ورایگانی در اختیار ما وبمستر ها میزاره!ولی ما زیاد پیگیر ی نمیکنیم

 

امروز میخوایم با استفاده از از پلتفرم گوگل به سایت وردپرسی خود یک صفحه اضافه کنیم که خیلی کاربرد دارد

 

همانطور که در بسیاری از وبسایت‌ها مشاهده کرده‌اید، کاربران در بخش ثبت نام قادر خواهند بود تا از طریق گوگل در سایت مورد نظر عضو شده و با چند کلیک ساده و بدون نیاز به پر کردن فرم ثبت نام به جمع کاربران آن سایت بپیوندند.

در این پست نیز قصد معرفی افزونه‌ای کاربردی را داریم که امکان لینک ها تنها برای اعضای سایت قابل نمایش است. را فراهم میکند.

 

ایجاد دکمه ورود از طریق حساب کاربری گوگل در وردپرس با Google Apps Login
 

افزونه Google Apps Login

پس از نصب و فعال سازی افزونه مطابق تصویر، منویی در بخش تنظیمات پیشخوان سایت وردپرسی شما با

نام لینک ها تنها برای اعضای سایت قابل نمایش است. افزوده خواهد شد، روی آن کلیک کنید تا به صفحه تنظیمات افزونه هدایت شوید.
 

 

برای راه‌اندازی لازم به یک Client ID و Client Secret دارید. لذا برای دریافت آنها لازم است تا به آدرس console.developers.google.com مراجعه کنید.(***** شکن روشن کنید)

پس از اینکه به آدرس فوق مراجعه کردید با کلیک بر روی گزینه create project یک پروژه جدید بسازید.

 

در پنجره باز شده مشابه تصویر زیر نام پروژه خود را وارد کرده و بر روی
گزینه create کلیک کنید و منتظر بمانید تا پروژه شما ایجاد شود.


پس از اینکه پروژه شما ایجاد شد، مطابق تصویر زیر بر روی گزینه Credentials که در سمت چپ قرار دارد کلیک کنید


و سپس به تب ۰Auth consent screen کلیک کرده و به ترتیب ایمیل، نام برند، آدرس سایت، لوگوی سایت در

حداکثر اندازه ۱۲۰*۱۲۰، لینک حریم خصوصی کاربران در سایت و در نهایت لینک قوانین سایت را وارد کرده و ذخیره کنید

 

حال لازم است تا به تب Credentials در همین بخش مراجعه کرده و مشابه تصویر با کلیک بر روی ۰Auth client ID

یک web application ایجاد نمایید.

 

پس از اینکه بر روی گزینه فوق کلیک کنید، صفحه‌ای برای شما باز خواهد شد.

ابتدا در آن گزینه web application را
انتخاب کنید. سپس به ترتیب نام، Authorised JavaScript origins
و Authorised redirect URIs را وارد کنید.(نام سایت-ادرس سایت-ادرس صفحه
ورود وردپرس)

 

پس از اینکه فیلدهای مورد نظر را به درستی وارد کردید و خطایی در آن برای شما نمایش داده نشد بر روی create کلیک کنید

و منتظر بمانید تا client ID و client secret برای شما ایجاد شده و مطابق تصویر آنها را کپی و در تنظیمات افزونه وارد کنید.

 

دقت نمایید که در بخش Authorised JavaScript origins صرفا نام دامنه به همراه http یا https را وارد کرده

و در بخش Authorised redirect URIs آدرس صفحه ورود سایت وردپرسی خود را وارد کنید

 

لینک ها تنها برای اعضای سایت قابل نمایش است.

لینک ها تنها برای اعضای سایت قابل نمایش است.

[almasheliya 0]

مرسی مفید بود خیلی به دردم میخوره  سپاس