> ## Content Index
> Fetch the complete content index at: https://blog.xavigonzalez.net/llms.txt
> Use this file to discover other available public pages before exploring further.

# Tutorial Google reCAPTCHA
- URL: https://blog.xavigonzalez.net/tutorial-google-recaptcha/
- Published: 2015-03-06T16:43:46.000Z
- Updated: 2015-03-06T16:43:46.000Z
- Author: Xavi Gonzalez
- Tags: Informatica, Web, añadir captcha, captcha, como poner captcha, correo, desarrollo web, development, diseño, email, google, html, html5, java, javascript, linux, mail, manual, nocaptcha, nocaptcha recaptcha, nospam, php, privacidad, recaptcha, spam, tutorial, tutorial captcha, web, web develop, windows, #wordpress, #Import 2026-10-27 20:56

[![](https://blog.xavigonzalez.net/content/images/wordpress/2015/03/Captura-de-pantalla-de-2015-03-06-163810-300x250.png "Captura de pantalla de 2015-03-06 16:38:10")](https://blog.xavigonzalez.net/content/images/wordpress/2015/03/Captura-de-pantalla-de-2015-03-06-163810.png)Google anunció hace un par de meses un nuevo servicio para evitar los ataques y el SPAM en tu pagina web a través de **«NO CAPTCHA ReCAPTCHA**«. Seguro que ya conoces el sistema: Demostrar que el usuario no es un robot y poder enviar formularios, por ejemplo. Sigue este tutorial para insertarlo en tu Web de una forma sencilla!

Primero tendremos que ir a la pagina web de Google para crear nuestro identificador.[![](https://blog.xavigonzalez.net/content/images/wordpress/2015/03/Captura-de-pantalla-de-2015-03-06-161859-300x174.png "Captura de pantalla de 2015-03-06 16:18:59")](https://blog.xavigonzalez.net/content/images/wordpress/2015/03/Captura-de-pantalla-de-2015-03-06-161859.png)  
Entraremos en la web[ en este enlace](https://www.google.com/recaptcha/admin?ref=blog.xavigonzalez.net#list), y añadiremos una etiqueta (por ejemplo: Mis Webs) y abajo escribiremos los dominios donde queramos que el Captcha sea efectivo, y haremos click en registro.

Una vez hecho esto, recibiremos dos codigos: **La clave**, y **la clave secreta**. Tenedlas a mano porque las necesitareis en un momento.

A continuación añadiremos el código en el archivo HTML donde tengamos el formulario que queremos «proteger».

Dentro de la etiqueta **<head>** añadiremos la siguiente linea, que llama al script de Google para mostrar el captcha:

> `<script src='https://www.google.com/recaptcha/api.js'></script>`

Una vez hecho, iremos a donde queramos colocar el Captcha, normalmente justo encima de los botones de Submit (Enviar), pero dentro del Form. Justo ahi pegaremos este codigo y substituiremos donde pone **CLAVE**, por la clave antes mencionada:

> `<div data-sitekey="CLAVE"></div>`

Ahora nos toca ir a la parte **«servidor**«, osea al archivo PHP que procesa el formulario y lo envía.  
Aqui pondremos en la parte que más nos convenga, el siguiente codigo. Lo que hace es comprobar si el usuario ha resuelto el captcha correctamente antes de enviar. Tenemos que substituir donde **CLAVEPRIVADA**, por la clave antes mencionada.

//CAPTCHA  
$captcha=$\_POST\[‘g-recaptcha-response’\];  
$response=file\_get\_contents(«https://www.google.com/recaptcha/api/siteverify?secret=CLAVEPRIVADA&response=».$captcha.»&remoteip=».$\_SERVER\[‘REMOTE\_ADDR’\]);remoteip$  
$response = json\_decode($response, true);  
if($response\[«success»\] === true){  
echo «Captcha Ok»;  
}else{  
echo «Captcha Fail»;}

En la parte que dice «**Captcha Ok**» podemos poner el codigo que envia el correo electronico, por ejemplo, y en la parte que pone «**Captcha Fail**«, el mensaje de error que queremos que se le muestre al usuario.[![](https://blog.xavigonzalez.net/content/images/wordpress/2015/03/Captura-de-pantalla-de-2015-03-06-163818-300x79.png "Captura de pantalla de 2015-03-06 16:38:18")](https://blog.xavigonzalez.net/content/images/wordpress/2015/03/Captura-de-pantalla-de-2015-03-06-163818.png)

**Una vez hecho ya tendremos funcionando nuestro CAPTCHA y podemos decir Adiós al SPAM.**  
**Un saludo!!**