En el post anterior vimos como registrarnos en Google reCaptcha y como crear nuestro recpatcha. Lo siguiente será implantar nuestro código paso a paso en nuestros ficheros, tanto en la vista del formulario como en el fichero que procesa toda la información de dicho formulario y que recibirá si el reCaptcha se ha ejecutado correctamente.
En busca del formulario perdido…
Continuamos con nuestro tutorial abriendo el árbol de archivos de nuestra página web y reconociendo el fichero de la vista del formulario donde queremos implementar el reCaptcha. Esto es algo complicado si nosotros no hemos creado la página web, por lo tanto será necesario comunicarse con el desarrollador de dicha página para que nos informe donde se ubica el fichero del formulario donde queremos implantar nuestro reCaptcha.
Una vez identificado el fichero basta con ver en nuestro código unas etiquetas denominadas <form> y </form> (en este tutorial se utiliza HTML) en el caso que la vista sea creada con HTML. Las etiquetas que hay entre estas etiquetas son todos los campos de tu formulario.
Implantando código
Seguidamente copiamos, de la página de Google reCaptcha, el segundo campo del paso 1 y lo introducimos donde nosotros vemos que queremos que se muestre en nuestro formulario. En este caso lo ubicaremos encima del botón de enviar, el cual se puede identificar como <input type=’submit’ …>, <button type=’submit’…> o parecidos.
Lo siguiente es encontrar la cabecera de nuestra página web. Normalmente se identifica el archivo con el nombre de header.php, pero puede llamarse de cualquier manera. También se puede darse el caso que esté en el mismo fichero donde está el formulario.
Lo importante es identificar la etiqueta </head>. Una vez identificada dicha etiqueta nos vamos de nuevo a la pagina de Google reCaptcha y copiamos el primer código del paso 1.
El paso siguiente es descargarnos un fichero que nos ayudara a crear el proceso de verificación. Es una librería que la podemos encontrar aquí.
Una vez abierta la página, debemos clicar el botón “copy path”. Seguidamente debemos buscar el archivo que recoge la información de la vista de formulario y la procesa (como ya hemos comentado antes, si no eres la persona que ha desarrollado la página web, te recomendamos que preguntes a la persona que creo dicho fichero o página), nosotros para el ejemplo lo llamaremos a este archivo “fichero.php”.
Una vez encontrado dicho fichero, crearemos un archivo en blanco al mismo nivel de ruta que el fichero anteriormente comentado, el cual llamaremos “recaptchalib” con extensión “.php”. Abriremos el archivo y le daremos al botón “pegar”. Una vez pegado el código guardaremos el archivo.
