[MOD] no CAPTCHA reCAPTCHA para el registro

[Kmario19 1743]

Hola gente tal vez muchos de nosotros nos hemos topado con este tipo de captcha en alguna web, blog o foro:

Pues, les enseño a como instalarlo en su script:

1. Registrar un sitio para usar la aplicación, aquí nos aseguraremos desde qué dominios se usará el captcha para hacerlo bien seguro. https://www.google.com/recaptcha/admin#list

Colocar un título, los dominios donde usarás el captcha y uno o varios correos a los cuales se enviaran alertas si algo sospechoso ocurre en su web al usar el captcha.

Luego de registrar interesa conservar las claves del sitio como estas:

2. En el archivo inc/class/c.registro.php buscar y eliminar:

			'user_captacha_challenge' => $_POST['recaptcha_challenge_field'],
			'user_captacha_response' => $_POST['recaptcha_response_field'],

Mas abajo buscar:

		$robot = recaptcha_check_answer(RC_PIK,$_SERVER["REMOTE_ADDR"],$tsData['user_captacha_challenge'],$tsData['user_captacha_response']);
		if(!$robot->is_valid) return 'recaptcha: El código es incorrecto.';

Reemplazar por:

		$secret = "AQUI TU CLAVE SECRETA";
		$robot = new ReCaptcha($secret);
		$robot->verifyResponse($_SERVER["REMOTE_ADDR"], $_POST['g-recaptcha-response']);
		if(!$robot->success) return 'recaptcha: Hey que pasa? Demuestra que no eres un robot!';

En la variable $secret colocar la clave secreta que se creó en el paso anterior.

3. Descargar y reemplazar el archivo inc/ext/recaptchalib.php:

https://www.dropbox.com/s/ogmi26w0g8krnwb/recaptchalib.php?dl=0

4. En el archivo js/registro.js buscar:

			case 'recaptcha_challenge_field':
				return true;
				break;
			case 'recaptcha_response_field':
				//Si ya paso por aca y no hubieron cambios, devuelvo el mismo status
				if(!force_check && this.datos[campo] === value && this.datos['recaptcha_challenge_field'] == $('#RegistroForm .pasoDos #recaptcha_challenge_field').val())
					if(this.datos_status[campo]=='empty')
						return no_empty ? this.show_status(el, this.datos_status[campo], this.datos_text[campo]) : this.hide_status(el, this.datos_status[campo], this.datos_text[campo]);
					else
						return this.show_status(el, this.datos_status[campo], this.datos_text[campo]);

				//Almaceno el dato
				this.datos[campo] = value;
				this.datos['recaptcha_challenge_field'] = $('#RegistroForm .pasoDos #recaptcha_challenge_field').val();

				//!empty
				if(empty(value)){
					var status = 'empty';
					var text = 'El campo es requerido';
					if(no_empty)
						return this.show_status(el, status, text);
					else
						return this.hide_status(el, status, text);
				}

				return registro.show_status(el, 'ok', 'OK');
				break;

Reemplazar por:

			case 'g-recaptcha-response':
				this.datos[campo] = value;
				//!empty
				if(!value){
					return this.show_status($('#RegistroForm .g-recaptcha'), 'empty', 'Demuestra que no eres un robot');
				}
				return registro.show_status($('#RegistroForm .g-recaptcha'), 'ok', 'OK');
				break;

Mas abajo buscar:

					registro.datos['recaptcha_response_field'] = '';
					Recaptcha.reload('t');

Reemplazar por:

					registro.datos['g-recaptcha-response'] = '';
					grecaptcha.reset();

Mas abajo buscar:

registro.show_status($('#RegistroForm #recaptcha_response_field'), 'error', h.substring(strpos(h, ':')+2));

Reemplazar por:

registro.show_status($('#RegistroForm .g-recaptcha'), 'error', h.substring(strpos(h, ':')+2));

5. En el archivo templates/t.php_files/p.registro.form.tpl.php buscar:

		<div class="form-line">
			<label for="recaptcha_response_field">Ingresa el c&oacute;digo de la imagen:</label>

			<div id="recaptcha_ajax">
				<div id="recaptcha_image"></div>
				<input type="text" id="recaptcha_response_field" name="recaptcha_response_field" />
			</div> <div class="help recaptcha"><span><em></em></span></div>
		</div>

Reemplazar por:

		<div class="form-line">
			<label>Demuestra que no eres un robot:</label>
			<div class="g-recaptcha" data-sitekey="AQUI TU CLAVE DEL SITIO"></div>
			<div class="help"><span><em></em></span></div>
		</div>

En el atributo data-sitekey colocar la clave del sitio que se creó en el paso #1.

Mas abajo buscar:

$.getScript("http://www.google.com/recaptcha/api/js/recaptcha_ajax.js", function(){
	Recaptcha.create('6LcXvL0SAAAAAPJkBrro96lnXGZ56TBRExEmVM3L', 'recaptcha_ajax', {
		theme:'custom', lang:'es', tabindex:'13', custom_theme_widget: 'recaptcha_ajax',
		callback: function(){
			$('#recaptcha_response_field').blur(function(){
				registro.blur(this);
			}).focus(function(){
				registro.focus(this);
			}).attr('title', 'Ingrese el código de la imagen');
		}
	});
});

Reemplazar por:

$.getScript("https://www.google.com/recaptcha/api.js?hl=es");

Y listo, eso es todo lo que hay que hacer, les quedará algo como esto:

Espero les haya gustado, sobretodo a Rengo que sufrió un poco instalando el captcha, que te sirva. Nos vemos en otro aporte 

 

 

Edited August 1, 2015 by Kmario19

[Rengo 666]

ya casi lo tenia instalado 
+1
Lo voy a instalar :3

[Solo_Duvan 519]

No soy un robot, lo juro +1 

[Vellenger 2690]

 

Lindo Mod, lo usare seguro en mis web..

Gracias por compartirlo +1

[ElMarioVI 35]

Gracias por compartirlo este captcha siempre es mejor para los nuevos usuarios +1

[Rhuan 648]

Buen mod Kmario, esto debería estar por defecto en el script +1

ya casi lo tenia instalado 
+1
Lo voy a instalar :3

Qué lento eres rengo, ni siquiera era difícil por lo que veo xD

[Rengo 666]

Buen mod Kmario, esto debería estar por defecto en el script +1

Qué lento eres rengo, ni siquiera era difícil por lo que veo xD

 

isidro te dio +1 por lo de poner el recaptcha 2.0 en la default seguro, esa idea la tuve yo primero e,e

[aaron 49]

exclenet amigo como siempre muchas gracias lo instale en mi web de pruebas motomex.es  y quedo genial se ve muy bien pero cunado le das terminar no pasa de ahi tiene que volver a poner el no soy un robot y eso por que ¿?+1 por el aporte saludos

Edited August 1, 2015 by aaron

[Xtatter 404]

Genial

[ELRUSO 0]

Me lo llevo para la vuelta de Shek  Gracias