نحوه ادغام reCAPTCHA Google با فرم های تماس در جوملا

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 را در وب سایت خود (در محلی که هنگام راه اندازی پلاگین اختصاص داده اید) مشاهده خواهید کرد.

خروجی نهایی مانند زیر خواهد بود.