طريقة الحصول و اضافة مفتاح google reCAPTCHA API لمواقعك

شرح طريقة طلب مفتاح API من جوجل للحصول على reCAPTCHA و اضافتها في موقعك للتحقق من ان الزائر ليس BOT بالمجان .

ما يساعد على تامين محتواك من الزيارات الوهمية التي تتسبب في العديد من المشاكل او محاولات اثقال الموقع و تعطيله.

اضافة-كروم-لتخطي-الكابتشا-تلقائيا-بدون-ان-تفعل-شئ

إقرأ أيضاً

افضل اكواد Meta Tag على مدونة بلوجر مع شرح التركيب

طريقة الحصول على دومين مجاني لمدونة بلوجر محمي https من cloudflare

ما هو ال reCAPTCHA او CAPTCHA ؟

هو كود يضاف الى صفحة ويب او سكريبت على الانترنت للتحقق من ان الزائر او المستعمل انسان و ليس روبوت BOT, مصمم لزيارة الموقع او المحتوى و طلب ملف دون توقف.

فباستعمال CAPTCHA , سوف تطلب من الزائر على محتواك القيام بعمليات مختلفة و عشوائية, كاختيار صور او كتابة نص … ما الى ذالك للتحقق منه شخص حقيقي و ليس برنامج .

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

الحصول على مفتاح reCAPTCHA API من جوجل :

1 – تقوم بالدخول الى موقع reCAPTCHA التابع لشركة جوجل , من هذا الرابط , ان كنت تمتلك حساب مسبق على gmail سوف تسجل الدخول مباشرة لانه تابع الى نفس الشركة “google” .

 2 – تقوم بتسجيل موقعك الذي تريد اضافة له الكابتشا .

تظهر لك خيارات اضافية

الان سوف تظهر لك API ال reCAPTCHA

الكود او المفتاح الاول هو مفتاح API للموقع و يكون عام , المفتاح الثاني هو محمي و يكون للاتصال بين موقعك و سيرفر reCAPTCHA  .

طريقة اضافة reCAPTCHA  على HTML

ان كنت تستعمل موقع باكواد HTML فيتوجب عليك اولا اضافة javascript في ال head  .

<script src="https://www.google.com/recaptcha/api.js" async defer></script>

– الان يمكنك وضع وسم div لتحدد مكان ظهور الكاباتشا داخل الصفحة

 data-sitekey <form action=" " method="POST"> <input type="text" name="name" value=" " /> <input type="text" name="email" value="" /> <textarea type="text" name="message"></textarea> <div class="g-recaptcha" data-sitekey=" put the key here "></div> <input type="submit" name="submit" value="SUBMIT"> </form>

طريقة اضافة reCAPTCHA  على php

في ما يخص لغة PHP انت بحاجة الى التعديل على Google Secret Key <?php

if(isset($_POST[‘submit’]) && !empty($_POST[‘submit’])):     if(isset($_POST[‘g-recaptcha-response’]) && !empty($_POST[‘g-recaptcha-response’])):         //your site secret key         $secret = ‘Secret Key here‘;         //get verify response data         $verifyResponse = file_get_contents(‘https://www.google.com/recaptcha/api/siteverify?secret=’.$secret.’&response=’.$_POST[‘g-recaptcha-response’]);         $responseData = json_decode($verifyResponse);         if($responseData->success):             //contact form submission code             $name = !empty($_POST[‘name’])?$_POST[‘name’]:”;             $email = !empty($_POST[’email’])?$_POST[’email’]:”;             $message = !empty($_POST[‘message’])?$_POST[‘message’]:”;                          $to = ‘your mail‘;             $subject = ‘New contact form have been submitted’;             $htmlContent = ”                 <h1>Contact request details</h1>                 <p><b>Name: </b>”.$name.”</p>                 <p><b>Email: </b>”.$email.”</p>                 <p><b>Message: </b>”.$message.”</p>             “;             // Always set content-type when sending HTML email             $headers = “MIME-Version: 1.0” . “rn”;             $headers .= “Content-type:text/html;charset=UTF-8” . “rn”;             // More headers             $headers .= ‘From:’.$name.’ <‘.$email.’>’ . “rn”;             //send email             @mail($to,$subject,$htmlContent,$headers);                          $succMsg = ‘Your contact request have submitted successfully.’;         else:             $errMsg = ‘Robot verification failed, please try again.’;         endif;     else:         $errMsg = ‘Please click on the reCAPTCHA box.’;     endif; else:     $errMsg = ”;     $succMsg = ”; endif; ?>  

الى هنا نكون قد شرحنا طريقة الحصول و اضافة google reCAPTCHA API الى  شرح قادم على مدونة خبير الانترنت لا تنسى متابعتنا على الصفحات الاجتماعية فيسبوك و تويتر

مقالات ذات صلة