{"id":512,"date":"2015-01-22T21:25:28","date_gmt":"2015-01-23T02:25:28","guid":{"rendered":"http:\/\/blog.index.pe\/?p=512"},"modified":"2015-02-04T12:30:47","modified_gmt":"2015-02-04T17:30:47","slug":"nuevo-google-recaptcha","status":"publish","type":"post","link":"https:\/\/blog.index.pe\/en\/nuevo-google-recaptcha\/","title":{"rendered":"New Google reCAPTCHA"},"content":{"rendered":"

Google<\/span> advertisement<\/span> a new service<\/span> to avoid<\/span> the spam<\/span> and the attacks<\/span> to your website<\/span>.
\ncalls it<\/span> "NO<\/span> CAPTCHA for<\/span> reCAPTCHA<\/span>\u00ab<\/strong>. It is designed for<\/span> protect <\/span>your website of<\/span>he spam and the<\/span> abuses.
\n<\/span><\/span><\/p>\n

in this tutorial<\/span> go<\/span> to show you how<\/span> to integrate in<\/span> your website;<\/span> for purposes<\/span> demo<\/span> I did<\/span> a<\/span> simple script and you can improve it<\/span> <\/span><\/p><\/blockquote>\n

\"banner2\"1. Register your<\/span> website and<\/span> you will get the key<\/span> Secret: <\/span><\/span><\/h2>\n

https:\/\/www.google.com\/recaptcha\/intro\/index.html<\/a> (Login to your Google account fill out and submit the form)<\/span><\/span><\/span><\/p>\n

\"capcha1\"<\/a><\/p>\n

Once<\/span> registered your website<\/span>, Google<\/span> will provide you<\/span> next two<\/span> informations<\/span>.
\n\u2013Site key
\n\u2013Secret key<\/span><\/p>\n

2. Integrate it to the form of your web page<\/h2>\n

To<\/span> integrate it into<\/span> your website<\/span> needs<\/span> put the following code<\/span> andno<\/span> the tags<\/span> HTML<\/span> of your form<\/span> <HEAD><\/span>.<\/span><\/p>\n

<script src=’https:\/\/www.google.com\/recaptcha\/api.js’><\/script><\/span><\/p>\n

and to show<\/span> the reCAPTCHA widget<\/span> in your form<\/span> You need to put the following code just before the "submit" button of your form<\/p>\n

<div<\/span><\/a> classes<\/span>=<\/span>"g-recaptcha"<\/span> data-sitekey=<\/span>"== Your site Key =="<\/span>><\/<\/span>div<\/span><\/a>><\/span><\/p>\n

3. Example of how to put in a comment form<\/span><\/h2>\n
<\/div>\n
It will generate a form<\/div>\n
index.html<\/strong><\/div>\n
\n
<html<\/span><\/a>><\/span>
\n \u00a0 <head<\/span><\/a>><\/span><\/span>
\n \u00a0 \u00a0 <title<\/span><\/a>><\/span>Google replay demo \u2013 Codeforgeek<\/<\/span>title<\/span><\/a>><\/span><\/span>
\n \u00a0 \u00a0 <script<\/span><\/a> src<\/span>=<\/span>'https:\/\/www.google.com\/recaptcha\/api.js'<\/span>><\/<\/span>script<\/span><\/a>><\/span><\/span>
\n \u00a0 <\/<\/span>head<\/span><\/a>><\/span><\/span>
\n \u00a0 <bodysuit<\/span><\/a>><\/span><\/span>
\n \u00a0 \u00a0 <h1<\/span><\/a>><\/span>Google reCAPTHA Demo<\/<\/span>h1<\/span><\/a>><\/span><\/span>
\n \u00a0 \u00a0 <shape<\/span><\/a> id<\/span>=<\/span>"comment_form"<\/span> action<\/span>=<\/span>"form.php"<\/span> method<\/span>=<\/span>"post"<\/span>><\/span><\/span>
\n \u00a0 \u00a0 \u00a0 <input<\/span><\/a> type<\/span>=<\/span>"e-mail"<\/span> place holder=<\/span>"Type your email"<\/span> size<\/span>=<\/span>"40"<\/span>><br<\/span><\/a>><br<\/span><\/a>><\/span><\/span>
\n \u00a0 \u00a0 \u00a0 <textarea<\/span><\/a> yam<\/span>=<\/span>"comment"<\/span> rows<\/span>=<\/span>\u00ab8\u00bb<\/span> cols<\/span>=<\/span>"39"<\/span>><\/<\/span>textarea<\/span><\/a>><br<\/span><\/a>><br<\/span><\/a>><\/span><\/span>
\n \u00a0 \u00a0 \u00a0 <input<\/span><\/a> type<\/span>=<\/span>submit<\/span> yam<\/span>=<\/span>submit<\/span> value<\/span>=<\/span>"Post comment"<\/span>><br<\/span><\/a>><br<\/span><\/a>><\/span><\/span>
\n \u00a0 \u00a0 \u00a0 <div<\/span><\/a> classes<\/span>=<\/span>"g-recaptcha"<\/span> data-sitekey=<\/span>"=== Your site key ==="<\/span>><\/<\/span>div<\/span><\/a>><\/span><\/span>
\n \u00a0 \u00a0 <\/<\/span>shape<\/span><\/a>><\/span><\/span>
\n \u00a0 <\/<\/span>bodysuit<\/span><\/a>><\/span><\/span>
\n <\/<\/span>html<\/span><\/a>><\/span><\/div>\n
<\/div>\n
Here we perform the validation of the form<\/div>\n
\n
form.php<\/strong><\/div>\n
\n
<?php<\/span> \u00a0 \u00a0 \u00a0 \u00a0 $email<\/span>;<\/span>$comment<\/span>;<\/span>$captcha<\/span>;<\/span><\/span>
\n \u00a0 \u00a0 \u00a0 \u00a0 if<\/span>(<\/span>isset<\/span><\/a>(<\/span>$_POST<\/span>[<\/span>'e-mail'<\/span>]<\/span>)<\/span>)<\/span>{<\/span><\/span>
\n \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 $email<\/span>=<\/span>$_POST<\/span>[<\/span>'e-mail'<\/span>]<\/span>;<\/span><\/span>
\n \u00a0 \u00a0 \u00a0 \u00a0 }<\/span>if<\/span>(<\/span>isset<\/span><\/a>(<\/span>$_POST<\/span>[<\/span>'comment'<\/span>]<\/span>)<\/span>)<\/span>{<\/span><\/span>
\n \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 $email<\/span>=<\/span>$_POST<\/span>[<\/span>'comment'<\/span>]<\/span>;<\/span><\/span>
\n \u00a0 \u00a0 \u00a0 \u00a0 }<\/span>if<\/span>(<\/span>isset<\/span><\/a>(<\/span>$_POST<\/span>[<\/span>'g-recaptcha-response'<\/span>]<\/span>)<\/span>)<\/span>{<\/span><\/span>
\n \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 $captcha<\/span>=<\/span>$_POST<\/span>[<\/span>'g-recaptcha-response'<\/span>]<\/span>;<\/span><\/span>
\n \u00a0 \u00a0 \u00a0 \u00a0 }<\/span><\/span>
\n \u00a0 \u00a0 \u00a0 \u00a0 if<\/span>(<\/span>!<\/span>$captcha<\/span>)<\/span>{<\/span><\/span>
\n \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 threw out<\/span> &#039;<h2>Please check the captcha form.<\/h2>&#039;<\/span>;<\/span><\/span>
\n \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 exit<\/span><\/a>;<\/span><\/span>
\n \u00a0 \u00a0 \u00a0 \u00a0 }<\/span><\/span>
\n \u00a0 \u00a0 \u00a0 \u00a0 $response<\/span>=<\/span>file_get_contents<\/span><\/a>(<\/span>\u201chttps:\/\/www.google.com\/recaptcha\/api\/siteverify?secret=YOUR SECRET KEY&response=\u201d<\/span>.<\/span>$captcha<\/span>.<\/span>"&remoteip="<\/span>.<\/span>$_SERVER<\/span>[<\/span>'REMOTE_ADDR'<\/span>]<\/span>)<\/span>;<\/span><\/span>
\n \u00a0 \u00a0 \u00a0 \u00a0 if<\/span>(<\/span>$response<\/span>.<\/span>success==<\/span>false<\/span>)<\/span><\/span>
\n \u00a0 \u00a0 \u00a0 \u00a0 {<\/span><\/span>
\n \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 threw out<\/span> &#039;<h2>You are spammer! Get the @$%K out<\/h2>&#039;<\/span>;<\/span><\/span>
\n \u00a0 \u00a0 \u00a0 \u00a0 }<\/span>else<\/span><\/span>
\n \u00a0 \u00a0 \u00a0 \u00a0 {<\/span><\/span>
\n \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 threw out<\/span> &#039;<h2>Thanks for posting comments.<\/h2>&#039;<\/span>;<\/span><\/span>
\n \u00a0 \u00a0 \u00a0 \u00a0 }<\/span><\/span>
\n ?><\/span><\/div>\n
<\/div>\n
Google official website of the new recaptcha:<\/strong> https:\/\/developers.google.com\/recaptcha\/<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n
<\/div>\n

<\/g><\/svg><\/i> \"Loading\"<\/p>\n

<\/div>\n
<\/div>","protected":false},"excerpt":{"rendered":"

Google announced a new service to prevent spam and attacks on your website. He calls it \u201cNO CAPTCHA from reCAPTCHA\u201d. It is designed to protect your website from spam and abuse. In this tutorial I am going to show you how to integrate it into your website; For demonstration purposes I made a simple script and you can improve it 1. Register your website and you will obtain the Secret Key: https:\/\/www.google.com\/recaptcha\/intro\/index.html (Enter your Google account, fill out and send the form) Once your website is registered, Google will provide you with two following pieces of information. \u2013 Site key \u2013 Secret key 2. Integrate it<\/p>","protected":false},"author":1,"featured_media":519,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[81,7,102,9],"tags":[116,115,117,118],"class_list":["post-512","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-internet","category-programacion","category-tutorial","category-web-design","tag-google","tag-recaptcha","tag-robot","tag-tutorial-2"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/blog.index.pe\/en\/wp-json\/wp\/v2\/posts\/512","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.index.pe\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.index.pe\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.index.pe\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.index.pe\/en\/wp-json\/wp\/v2\/comments?post=512"}],"version-history":[{"count":0,"href":"https:\/\/blog.index.pe\/en\/wp-json\/wp\/v2\/posts\/512\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blog.index.pe\/en\/wp-json\/wp\/v2\/media\/519"}],"wp:attachment":[{"href":"https:\/\/blog.index.pe\/en\/wp-json\/wp\/v2\/media?parent=512"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.index.pe\/en\/wp-json\/wp\/v2\/categories?post=512"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.index.pe\/en\/wp-json\/wp\/v2\/tags?post=512"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}