{"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> anuncio<\/span> un nuevo servicio<\/span> para evitar<\/span> el spam<\/span> y los ataques<\/span> a su sitio web<\/span>.
\nLo llama<\/span> \u00abNO<\/span> CAPTCHA de<\/span> reCAPTCHA<\/span>\u00ab<\/strong>. Est\u00e1 dise\u00f1ado para<\/span> proteger <\/span>su sitio web de<\/span>l spam y los<\/span> abusos.
\n<\/span><\/span><\/p>\n

En este tutorial<\/span> voy<\/span> a mostrarles c\u00f3mo<\/span> integrar en<\/span> tu pagina web;<\/span> Con fines<\/span> de demostraci\u00f3n<\/span> hice<\/span> un<\/span> simple script ya tu puedes mejorarlo<\/span> <\/span><\/p><\/blockquote>\n

\"banner2\"1. Registre su<\/span> pagina web y<\/span> obtendras la Clave<\/span> Secreta: <\/span><\/span><\/h2>\n

https:\/\/www.google.com\/recaptcha\/intro\/index.html<\/a> (Ingresa a tu cuenta de Google llenar y enviar el formulario)<\/span><\/span><\/span><\/p>\n

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

Una vez<\/span> registrado tu pagina web<\/span>, Google<\/span> te proporcionar\u00e1<\/span> dos siguientes<\/span> informaciones<\/span>.
\n– Site key
\n– Secret key<\/span><\/p>\n

2. Integrarlo al formulario de tu pagina web<\/h2>\n

Para<\/span> integrarlo en<\/span> tu pagina web<\/span> necesita<\/span> colocar el siguiente codigo<\/span> en<\/span> las etiquetas<\/span> HTML<\/span> de tu formulario<\/span> <HEAD><\/span>.<\/span><\/p>\n

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

Y para mostrar<\/span> el widget del reCAPTCHA<\/span> en tu formulario<\/span> necesitas poner el siguiente codigo justo antes del boton \u00abenviar\u00bb de tu formulario<\/p>\n

<div<\/span><\/a> class<\/span>=<\/span>\u00abg-recaptcha\u00bb<\/span> data-sitekey=<\/span>\u00ab== Your site Key ==\u00bb<\/span>><\/<\/span>div<\/span><\/a>><\/span><\/p>\n

3. Ejemplo de como poner en un formulario de comentario<\/span><\/h2>\n
<\/div>\n
Nos generara un formulario<\/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 recapcha demo – 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 <body<\/span><\/a>><\/span><\/span>
\n \u00a0 \u00a0 <h1<\/span><\/a>><\/span>Google reCAPTHA Demo<\/<\/span>h1<\/span><\/a>><\/span><\/span>
\n \u00a0 \u00a0 <form<\/span><\/a> id<\/span>=<\/span>\u00abcomment_form\u00bb<\/span> action<\/span>=<\/span>\u00abform.php\u00bb<\/span> method<\/span>=<\/span>\u00abpost\u00bb<\/span>><\/span><\/span>
\n \u00a0 \u00a0 \u00a0 <input<\/span><\/a> type<\/span>=<\/span>\u00abemail\u00bb<\/span> placeholder=<\/span>\u00abType your email\u00bb<\/span> size<\/span>=<\/span>\u00ab40\u00bb<\/span>><br<\/span><\/a>><br<\/span><\/a>><\/span><\/span>
\n \u00a0 \u00a0 \u00a0 <textarea<\/span><\/a> name<\/span>=<\/span>\u00abcomment\u00bb<\/span> rows<\/span>=<\/span>\u00ab8\u00bb<\/span> cols<\/span>=<\/span>\u00ab39\u00bb<\/span>><\/<\/span>textarea<\/span><\/a>><br<\/span><\/a>><br<\/span><\/a>><\/span><\/span>
\n \u00a0 \u00a0 \u00a0 <input<\/span><\/a> type<\/span>=<\/span>\u00absubmit\u00bb<\/span> name<\/span>=<\/span>\u00absubmit\u00bb<\/span> value<\/span>=<\/span>\u00abPost comment\u00bb<\/span>><br<\/span><\/a>><br<\/span><\/a>><\/span><\/span>
\n \u00a0 \u00a0 \u00a0 <div<\/span><\/a> class<\/span>=<\/span>\u00abg-recaptcha\u00bb<\/span> data-sitekey=<\/span>\u00ab=== Your site key ===\u00bb<\/span>><\/<\/span>div<\/span><\/a>><\/span><\/span>
\n \u00a0 \u00a0 <\/<\/span>form<\/span><\/a>><\/span><\/span>
\n \u00a0 <\/<\/span>body<\/span><\/a>><\/span><\/span>
\n <\/<\/span>html<\/span><\/a>><\/span><\/div>\n
<\/div>\n
Aqui realizamos la validacion del formulario<\/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>‘email’<\/span>]<\/span>)<\/span>)<\/span>{<\/span><\/span>
\n \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 $email<\/span>=<\/span>$_POST<\/span>[<\/span>‘email’<\/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 echo<\/span> ‘<h2>Please check the the captcha form.<\/h2>’<\/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>\u00abhttps:\/\/www.google.com\/recaptcha\/api\/siteverify?secret=YOUR SECRET KEY&response=\u00bb<\/span>.<\/span>$captcha<\/span>.<\/span>\u00ab&remoteip=\u00bb<\/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 echo<\/span> ‘<h2>You are spammer ! Get the @$%K out<\/h2>’<\/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 echo<\/span> ‘<h2>Thanks for posting comment.<\/h2>’<\/span>;<\/span><\/span>
\n \u00a0 \u00a0 \u00a0 \u00a0 }<\/span><\/span>
\n ?><\/span><\/div>\n
<\/div>\n
Pagina web oficial de google del nuevo 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,"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":[],"aioseo_head":"\n\t\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t