Are you a human? Sistema de Capcha
Are you a human? Sistema de Capcha super seguro
Sin duda a la hora de crear un formulario de contacto, un registro de usuario, etc. el peor enemigo con el que podemos encontrarnos son los bots de spam, por ello debemos encontrar un sistema de capcha seguro, hoy quiero hablarles de Are you a human? un sistema no muy conocido pero que es muy seguro, porque en vez de tener que escribir una frase generada al azar deberás completar un pequeño juego para pasar su protección.
¿Como Obtengo el script?
Para ello deberás seguir los siguientes pasos:
1- Ingresaremos al la siguiente pagina web y completaremos los datos que nos pide:
2- Confirmamos nuestro email e ingresamos a la siguiente pagina web donde colocaremos nuestros datos de logeo.
3- Al ingresar nos encontraremos con el siguiente panel:
En mi caso como verán ya tengo 3 paginas webs agregadas, en su caso solo les salara la que agregaron en el registro.
4- Hacemos clic en Edit Site Options y veremos la siguiente pantalla:
Site Name: Nombre de el sitio web
Site URL: Dirección web del sitio
Platform: Acá deberemos elegir que tipo de CMS usamos en nuestra web, ya sea WordPress, phpBB, Drupal, PHP, etc. en el caso de este tutorial elegiré PHP
Game Style: Acá elegimos el estilo de el juego:
Embedded: El capcha se vera en el formulario.
Lightbox: El capcha se habré en un popup al hacer click en el botón enviar.
Game Lenguage: Acá elegimos el idioma del capcha.
5- Cuando terminamos de editar la configuración hacemos clic en update, ahora empezaremos a programar para ello antes descargaremos el siguiente archivo.
6- Descomprimimos el archivo descargado y movemos los archivos ayah_config.php, ayah.php y json.php a donde se encuentre nuestro archivo del formulario.
7- Abrimos el archivo ayah_config.php y editamos el código del mismo:
Donde dice your_publisher_key_goes_here lo remplazamos con nuestra Publisher Key y donde dice your_scoring_key_goes_here lo remplazamos con nuestra Scoring Key, estas keys se encuentran en el panel de administración.
8- Ahora vamos a editar el formulario, supongamos que tenemos el siguiente formulario:
Bien arriba de este formulario o en el archivo en el cual se enviaran los datos de el colocaremos lo siguiente:
Es importante que cambien my_submit_button_name por el nombre de el botón Send en el caso de este ejemplo seria Enviar, y luego en donde queremos que aparezca el capcha colocamos el siguiente código:
Sin duda a la hora de crear un formulario de contacto, un registro de usuario, etc. el peor enemigo con el que podemos encontrarnos son los bots de spam, por ello debemos encontrar un sistema de capcha seguro, hoy quiero hablarles de Are you a human? un sistema no muy conocido pero que es muy seguro, porque en vez de tener que escribir una frase generada al azar deberás completar un pequeño juego para pasar su protección.
¿Como Obtengo el script?
Para ello deberás seguir los siguientes pasos:
1- Ingresaremos al la siguiente pagina web y completaremos los datos que nos pide:
Site URL: Dirección web de tu pagina
Site Platform: Acá deberemos elegir que tipo de CMS usamos en nuestra web, ya sea WordPress, phpBB, Drupal, PHP, etc. en el caso de este tutorial elegiré PHP
Your Name: Tu nombre y apellido
Your Email: Tu Dirección de correo
Password: Clave de la cuenta
2- Confirmamos nuestro email e ingresamos a la siguiente pagina web donde colocaremos nuestros datos de logeo.
3- Al ingresar nos encontraremos con el siguiente panel:
En mi caso como verán ya tengo 3 paginas webs agregadas, en su caso solo les salara la que agregaron en el registro.
4- Hacemos clic en Edit Site Options y veremos la siguiente pantalla:
Site Name: Nombre de el sitio web
Site URL: Dirección web del sitio
Platform: Acá deberemos elegir que tipo de CMS usamos en nuestra web, ya sea WordPress, phpBB, Drupal, PHP, etc. en el caso de este tutorial elegiré PHP
Game Style: Acá elegimos el estilo de el juego:
Embedded: El capcha se vera en el formulario.
Lightbox: El capcha se habré en un popup al hacer click en el botón enviar.
Game Lenguage: Acá elegimos el idioma del capcha.
5- Cuando terminamos de editar la configuración hacemos clic en update, ahora empezaremos a programar para ello antes descargaremos el siguiente archivo.
6- Descomprimimos el archivo descargado y movemos los archivos ayah_config.php, ayah.php y json.php a donde se encuentre nuestro archivo del formulario.
7- Abrimos el archivo ayah_config.php y editamos el código del mismo:
<?php
// Edit the two lines below to use the keys for your site.
// (Note: you can find your keys at http://portal.areyouahuman.com/dashboard)
define( 'AYAH_PUBLISHER_KEY', 'your_publisher_key_goes_here');
define( 'AYAH_SCORING_KEY', 'your_scoring_key_goes_here');
// Set defaults for values needed by the ayah.php file.
// (Note: you do not need to change these.)
define( 'AYAH_WEB_SERVICE_HOST', 'ws.areyouahuman.com');
define( 'AYAH_TIMEOUT', 0);
define( 'AYAH_DEBUG_MODE', FALSE);
define( 'AYAH_USE_CURL', TRUE);
Donde dice your_publisher_key_goes_here lo remplazamos con nuestra Publisher Key y donde dice your_scoring_key_goes_here lo remplazamos con nuestra Scoring Key, estas keys se encuentran en el panel de administración.
8- Ahora vamos a editar el formulario, supongamos que tenemos el siguiente formulario:
<form id="form" class="form" method="post" enctype="application/x-www-form-urlencoded" accept-charset="UTF-8">
<h1></h1>
<div class="content">
<div class="intro"></div>
<div id="section0" >
<div class="field"><label for="Nombre">Nombre:</label><input type="text" id="Nombre" name="Nombre" required></div>
<div class="field"><label for="Apellido">Apellido:</label><input type="text" id="Apellido" name="Apellido" required></div>
<div class="field"><div class="edit-options"><div class="edit"></div><div class="delete"></div></div><input type="submit" id="Enviar" name="Enviar"></div>
</div>
</div>
</form>
Bien arriba de este formulario o en el archivo en el cual se enviaran los datos de el colocaremos lo siguiente:
<?php
require_once("ayah.php");
$ayah = new AYAH();
if (array_key_exists('my_submit_button_name', $_POST))
{
$score = $ayah->scoreResult();
if ($score)
{
//acá colocamos lo que pasara si el capcha es correcto
}
else
{
//acá colocamos lo que pasara si el capcha es incorrecto
}
}
?>
Es importante que cambien my_submit_button_name por el nombre de el botón Send en el caso de este ejemplo seria Enviar, y luego en donde queremos que aparezca el capcha colocamos el siguiente código:
<?php
echo $ayah->getPublisherHTML();
?>
0No comments yet