reCAPTCHA Google یک راه حل امنیتی موثر است که از وب سایت جوملا شما در برابر ارسال ایمیل های ناخواسته یا همان هرزنامه محافظت می کند.
در این آموزش ، ما می آموزیم که چگونه از Google reCAPTCHA برای فرم تماس ، پیش فرض جوملا و در افزونه فرم تماس SP Page Builder استفاده کنیم.
قبل از شروع ، باید بدانیم که جوملا 3 از دو نسخه Google reCAPTCHA پشتیبانی داخلی دارد:
- CAPTCHA – reCAPTCHA
- CAPTCHA – Invisible reCAPTCHA
بنابراین ، بیایید ببینیم که چگونه این قابلیت مفید را در سایت جوملا خود پیاده سازی کنیم.
دریافت کلیدهای API reCAPTCHA:
برای استفاده از reCAPTCHA v2 Google (یا reCAPTCHA v3 غیر قابل مشاهده) در وب سایت جوملا خود ، باید دامنه خود را در reCAPTCHA API ثبت کنید و Site Key & Secret Key را دریافت کنید. جفت کلید API مخصوص هر دامنه و زیر دامنه سطح اول است که شما تعیین می کنید. اگر قبلاً در Google حساب کاربری دارید ، دریافت این موارد رایگان است.
در اینجا تصویری از صفحه ثبت سایت جدید Google reCAPTCHA وجود دارد.
شما به دو اطلاعات از سایت Google reCAPTCHA نیاز دارید:
Site key
Secret key
با کلیک بر روی دکمه های مربوطه ، کلیدها را کپی کنید. بدون این کلیدها ، reCAPTCHA حتی اگر فعال باشد کار نمی کند.
مراحل فعال کردن کپچا برروی فرم تماس پیش فرض جوملا و پلاگین SP Page Builder Contact Form:
اگر می خواهید از reCAPTCHA در وب سایت جوملا خود استفاده کنید ، باید تنظیمات زیر را پیکربندی کنید. در اینجا ، ما تنظیمات مربوط به Site Key و Secret Key منحصر به فرد خود را پیکربندی خواهیم کرد.
1-وارد صفحه کنترل جوملاشوید و به Extensions> Plugins بروید
2- افزونه های reCaptcha را جستجو و پیدا کنید
3-روی نوع reCAPTCHA مورد نظر خود کلیک کنید ، برای CAPTCHA معمولی ، CAPTCHA – reCAPTCHA و برای Invisible CAPTCHA ، CAPTCHA – Invisible reCAPTCHA را انتخاب کنید.
4- برای افزونه CAPTCHA – reCAPTCHA ، نسخه 2.0 را انتخاب کرده و Site Key & Secret Key را وارد کنید ، سپس وضعیت پلاگین را به صورت “Enabled” تنظیم کنید.
5-پس از اتمام کار ، “Save & Close” را بزنید
یا اینکه از جدیدترین reCAPTCHA Invisible در سایت خود استفاده کنید:
1-CAPTCHA – ReCAPTCHA نامرئی را از Extensions> Plugins انتخاب کنید-
2-CAPTCHA را باز کنید – با کلیک روی آن reCAPTCHA نامرئی و قرار دادن کلید سایت و کلید مخفی در قسمتهای مربوطه
3-موقعیت مربوط به نشان را انتخاب کنید ، جایی که می خواهید reCAPTCHA نشان داده شود و وضعیت پلاگین را “فعال” تنظیم کنید
4-پس از اتمام کار ، “Save & Close” را بزنید
نحوه استفاده از reCAPTCHA در فرم تماس با جوملا
اکنون که همه مقدمات آماده شده است ، می توانیم انتخاب کنیم که از کدام نوع reCAPTCHA استفاده کنیم. برای استفاده از reCAPTCHA در فرم تماس پیش فرض جوملا ، باید آن را به صورت globally برای کل سایت تعریف کنیم.
به مسیر System > Global Configuration > Site Settings بروید .
در فیلد Default Captcha گزبنه CAPTCHA-reCAPTCHA را برای کپچا معمولی انتخاب کنید.
یا ، “CAPTCHA – Invisible reCAPTCHA” را برای invisible reCAPTCHA انتخاب کنید.
تنظیمات را ذخیره کنید
نحوه استفاده از reCAPTCHA در “SP Page Builder Contact Form ” :
فزونه SP Page Builder Pro ازکپچا برای جلوگیری از ارسال اسپم و بهبود عملکرد خود استفاده می کند این افزونه از هر دو reCAPTCHA و invisible reCAPTCHA پشتیبانی خواهد کرد.
با توجه به اینکه SP Page Builder Pro در سایت جوملا خود نصب کرده اید ، می توانید reCAPTCHA را در فرم تماس با ما سایت خود فعال کنید. پس از انجام تنظیمات مربوط به کلید Site و Secret در پلاگین های reCAPTCHA (همانطور که در بالا گفته شد) ، مراحل زیر را دنبال کنید:
- صفحه SP Page Builder را در حالت ویرایش باز کنید
- افزودنی فرم تماس را روی قسمت مورد نظر خود بکشید و رها کنید
- بخش “CAPTCHA OPTIONS” را پیدا کرده و آن را فعال کنید
- اکنون از “Captcha Type” نوع captcha مورد نظر خود را انتخاب کنید.
- برای کپچای معمولی ، “CAPTCHA – reCAPTCHA” یا برای کپچای نامرئی ” CAPTCHA – Invisible reCAPTCHA” را انتخاب کنید.
- پس از اتمام کار ، تغییرات را ذخیره کنید
پس از انجام مراحل فوق ، اگر کادر reCAPTCHA را در قسمت فرم تماس با صفحه مشاهده نمی کنید ، به این معنی است که الگوی شما از کد افزودنی مخاطب قدیمی استفاده می کند. در اکثر موارد ، می توانید با خیال راحت از آن پشتیبان تهیه کرده و سپس پوشه (bold) را از مسیر زیر حذف کنید: templates \ YOUR-TEMPLATE-NAME \ sppagebuilder \ addons \ ajax_contact
اگر reCAPTCHA غیر قابل نمایش را برای وب سایت خود انتخاب کنید ، علامت reCAPTCHA را در وب سایت خود (در محلی که هنگام راه اندازی پلاگین اختصاص داده اید) مشاهده خواهید کرد.
خروجی نهایی مانند زیر خواهد بود.