شرح طريقة طلب مفتاح 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 الى شرح قادم على مدونة خبير الانترنت لا تنسى متابعتنا على الصفحات الاجتماعية فيسبوك و تويتر
