Howi.In

<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/--u6FuaNLVtw/VJxMfvOlCNI/AAAAAAAAGBM/EuFUJI_CSS4/s1600/Protect%2BYour%2BSite%2BFrom%2BSpam%2BUsing%2BThe%2BNew%2BreCaptch%2BSystem.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="am not a robot new reCaptcha system by google" border="0" src="http://4.bp.blogspot.com/--u6FuaNLVtw/VJxMfvOlCNI/AAAAAAAAGBM/EuFUJI_CSS4/s1600/Protect%2BYour%2BSite%2BFrom%2BSpam%2BUsing%2BThe%2BNew%2BreCaptch%2BSystem.png" title="am not a robot new reCaptcha system by google" /></a></div>
<h2 style="text-align: left;">
</h2>
<h2 style="text-align: left;">
Introduction :</h2>
<div>
Google introduced a new reCaptcha system named "am not a robot" , Which allow the users to register on form so easier than the old reCaptcha system . On the new verification system the user only have to click on a check box to verify whether he was robot or human . The new verification system was so attractive in design according to the old verification system . For verifying weather the user was human or not the new verification reCaptcha observing many things such as user IP Etc .</div>
<div>
<br /></div>
<h4 style="text-align: left;">
Advantages of New reCaptcha System :</h4>
<div>
Google new reCaptcha system allow the user easily fill up the registration form or log in box and complete the action . Also the spam's robots can't under estimate how Google new reCaptcha working actually . All this made the new reCaptcha well secure than the old reCaptcha system .<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-EP_5wODvoDo/VJxBDBrEgMI/AAAAAAAAGAw/ixUFxzxOF6k/s1600/hero-recaptcha-demo.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="106" src="http://4.bp.blogspot.com/-EP_5wODvoDo/VJxBDBrEgMI/AAAAAAAAGAw/ixUFxzxOF6k/s1600/hero-recaptcha-demo.gif" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<b>How to Install The New reCaptcha In My Site :</b><br />
It is very easy to install the new reCaptcha system in your website or registration for by simply adding a JavaScript and editing a Php page .<br />
<ul style="text-align: left;">
<li><span style="font-family: Georgia, Times New Roman, serif;">First of all you need to Log in to Google <a href="https://www.google.com/recaptcha" rel="nofollow" target="_blank">reCaptcha</a> .</span></li>
<li><span style="font-family: Georgia, Times New Roman, serif;">After log in , You need to add the site which you want to add the new verification system .</span></li>
<li><span style="font-family: Georgia, Times New Roman, serif;">After adding your site address , You will get a "<b>Site Key</b>" & "<b>Secret Key</b>" .</span></li>
<li><span style="font-family: Georgia, Times New Roman, serif;">Now you need to copy the following Java-code to the header of your html registration page inside the <b><head></b> and <b></head></b> .</span></li>
</ul>
<pre class="brush: js;"><script src='https://www.google.com/recaptcha/api.js'></script></pre>
</div>
<ul style="text-align: left;">
<li><span style="font-family: Georgia, Times New Roman, serif;">After copy paste the above code in between the <b><head></b> and <b></head></b> you need to add the following code before the "<b>Submit</b>" Button of the registration form html code .</span></li>
<li><span style="font-family: Georgia, Times New Roman, serif;">Don't forget to change the "<b>Your Site Key</b>" to your reCaptcha "<b>Site Key</b>" .</span></li>
</ul>
<pre class="brush: js;"><div class="g-recaptcha" data-sitekey="Your Site Key"></div></pre>
</div>
<ul style="text-align: left;">
<li><span style="font-family: Georgia, Times New Roman, serif;">Once you completed the above steps , You need to configure the Php part for that you have to prefer the Google reCpatcha <a href="https://developers.google.com/recaptcha/docs/verify" rel="nofollow" target="_blank">API Documentation</a> . </span></li>
</ul>
<h4 style="text-align: left;">
<span style="font-family: Georgia, Times New Roman, serif;">Example of reCaptcha Installation :</span></h4>
<div>
<span style="font-family: Georgia, Times New Roman, serif;">First of all you need to download the ready made example of new Google reCaptcha : <a href="https://github.com/google/ReCAPTCHA/tree/master/php" rel="nofollow" target="_blank">Download Link Here</a></span></div>
<div>
<ul style="text-align: left;">
<li><span style="font-family: Georgia, Times New Roman, serif;">Upload the script in to your web-server and do the following changes on it . Add "<b>Site Key</b>" and "Secrete" from the "<b>example-captcha.php</b>" .</span></li>
</ul>
<pre class="brush: js;">require_once "recaptchalib.php";
// Register API keys at https://www.google.com/recaptcha/admin
$siteKey = "Your Registred Site Key Here";
$secret = "Your Registred Secret Key Here";
// reCAPTCHA supported 40+ languages listed here: https://developers.google.com/recaptcha/docs/language
$lang = "en";
// The response from reCAPTCHA
$resp = null;
// The error code from reCAPTCHA, if any
$error = null;
$reCaptcha = new ReCaptcha($secret);
// Was there a reCAPTCHA response?
if ($_POST["g-recaptcha-response"]) {
    $resp = $reCaptcha->verifyResponse(
        $_SERVER["REMOTE_ADDR"],
        $_POST["g-recaptcha-response"]
    );
}
?></pre>
<ul style="text-align: left;">
<li><span style="font-family: Georgia, Times New Roman, serif;">Now run the "<b>example-captcha.php</b>" and feel the new reCaptcha option . </span></li>
</ul>
</div>
<h4 style="text-align: left;">
Suggested Article For The Reader :</h4>
<div>
<ul style="text-align: left;">
<li><a href="http://www.howi.in/2014/11/how-to-remove-unwanted-links-of-your-website-and-blog-from-google-search-using-webmaster-tools.html" target="_blank">How to Remove Unwanted Links From Google Search .</a></li>
<li><a href="http://www.howi.in/2014/11/how-to-recover-your-website-from-404-page-error-and-recover-your-seo-traffic.html" target="_blank">How to Recover Your Website From 404 Page Errors .</a></li>
<li><a href="http://www.howi.in/2014/11/google-launches-mobile-friendly-testing-tool-for-webmasters.html" target="_blank">How to Check Your Website Weather It Is Mobile Friendly or Not .</a></li>
</ul>
I hope you well enjoyed this article , If you have any suggestions or doubts please let us know by using the comment box given below . Thanks</div>
</div>

Google New reCaptcha System Using JavaScript - Installation

Introduction : Google introduced a new reCaptcha system named "am not a robot" , Which allow the users to register on for...

+ Read more »