كيفية إضافة Google reCAPTCHA إلى موقعك
إضافة Google reCAPTCHA إلى موقعك هي خطوة مهمة لحماية موقعك من الرسائل المزعجة والأنشطة الضارة التي قد تضر بأمان موقعك وتؤثر على تجربة المستخدم. جوجل تقدم أداة reCAPTCHA التي تساعد في التمييز بين البشر والبرامج الآلية بسهولة، ويتم دمجها بكل سهولة عبر خطوات محددة.
للبدء بإضافة Google reCAPTCHA، تحتاج إلى الحصول على مفتاح الموقع (Site Key) والمفتاح السري (Secret Key) من خلال منصة Google reCAPTCHA، ثم دمج هذه المفاتيح في موقعك سواء كان موقعًا بسيطًا أو يعتمد على نظام إدارة محتوى مثل ووردبريس.
خطوات التسجيل والحصول على مفاتيح reCAPTCHA
أولى الخطوات هي التوجه إلى موقع Google reCAPTCHA الرسمي عبر الرابط: https://www.google.com/recaptcha. ثم ينبغي تسجيل حساب جوجل الخاص بك لتسجيل موقعك الجديد.
بمجرد تسجيل الدخول، انقر على "Admin Console" وأدخل اسم الموقع، واختر نوع reCAPTCHA المناسب: reCAPTCHA v2 أو v3. النوع v2 يتطلب التفاعل من المستخدم (مثل النقر على "أنا لست روبوتًا")* أما v3 فهو يعمل في خلفية الموقع بدون تدخل المستخدم ويقوم بتقييم مدى تفاعل الزائر.
بعد اختيار النوع وكتابة اسم الدومين الخاص بك، انقر على "Register"* وستحصل على مفتاح الموقع (Site Key) والمفتاح السري (Secret Key)* وهما سيكونان جاهزين للاستخدام.
كيفية دمج Google reCAPTCHA في موقعك
الخطوة التالية هي دمج هذه المفاتيح في صفحات النموذج أو الصفحات التي تريد حمايتها. لإضافة reCAPTCHA عادةً ما تحتاج إلى:
- إضافة سكربت الـ JavaScript الخاص بـ reCAPTCHA داخل وسم
<head> أو قبل إغلاق وسم <body> مباشرةً.
- إدخال كود HTML الخاص بعنصر reCAPTCHA داخل النموذج، مثل:
<div class="g-recaptcha" data-sitekey="مفتاح_الموقع"></div>.
- إجراء التحقق في الخادم (Backend) باستخدام المفتاح السري لتأكيد صحة كود reCAPTCHA المرسل مع بيانات النموذج.
مثلاً، عند إضافة reCAPTCHA v2 في نموذج تواصل HTML، يتم تضمين السكربت التالي:
<script src="https://www.google.com/recaptcha/api.js" async defer></script>
وتضمين عنصر reCAPTCHA داخل النموذج:
<form action="verify.php" method="post">
<div class="g-recaptcha" data-sitekey="مفتاح_الموقع"></div>
<input type="submit" value="إرسال">
</form>
ثم في ملف verify.php يتم التحقق من التحقق بإرسال طلب إلى خدمة Google باستخدام المفتاح السري للتحقق من صحة رد المستخدم.
الإضافات الجاهزة لأشهر أنظمة إدارة المحتوى
إذا كنت تستخدم نظامًا مثل ووردبريس، يمكنك الاستعانة بإضافات مثل "Google Captcha (reCAPTCHA) by BestWebSoft" أو إضافات أخرى شهيرة لإضافة reCAPTCHA بسهولة بالغة بدون الحاجة لكتابة أكواد برمجية.
كل ما عليك هو تثبيت الإضافة، ثم صلة الموقع والمفتاح السري الخاص بك من خلال إعدادات الإضافة، بعدها ستتم حماية نماذج تسجيل الدخول، التعليقات، أو أي نموذج آخر تلقائيًا.
بإتباع هذه الخطوات، ستتمكن من إضافة Google reCAPTCHA بفعالية لتعزيز أمان موقعك وتقليل الرسائل المزعجة بشكل ملحوظ.
