Skip to main content

Per què?

Imagina’t que tens un formulari a la teva pàgina web (formulari de registre, d’inscripció a newsletter, etc.) i no vols que el teu correu electrònic s’ompli de SPAM.

En aquest cas Google ens ofereix una eina molt pràctica, Google reCaptcha . Amb ella obliguem a l’usuari a, a més d’omplir tots els camps del formulari, verificar que no és un “robot”. Molts robots són els encarregats que els comptes de correu s’omplin de spam. Aquests fan la funció d’un usuari omplint automàticament els camps i de manera directa envien aquesta informació a través del formulari web.

ReCaptcha és molt senzill d’implantar quan tenim un web creada en WordPress o qualsevol CMS important. Normalment aquests CMS disposen de connectors per a facilitar aquesta acció. No obstant això, si ens trobem amb qualsevol pàgina web “AdHoc“, resulta una mica més difícil poder implantar el reCaptcha. Res que amb un petit coneixement previ de programació no es pugui resoldre. Iniciem amb aquest una sèrie de posts orientats, en la mesura del possible, a implementar el nostre propi reCaptcha sobre desenvolupaments “Adhoc”.

Però … que és un reCaptcha?

Com hem indicat anteriorment, reCaptcha és qualsevol acció que ha de realitzar l’usuari de manera específica i manual per assegurar que la informació que va enviar no és a través d’un robot. Es tracta d’un a simple verificació. Aquest mètode presenta una selecció d’imatges que segons la pregunta que realitza cap robots no té la possibilitat d’entendre ni respondre.

Crear nostre reCaptcha

El primer que hem de fer és anar a la pàgina de Google reCaptcha , a la part superior de la pàgina seleccionar el botó que posa “get reCaptcha”. Se’ns obrirà una vista amb un petit formulari.

En el primer camp posarem una etiqueta identificativa perquè tinguem referència d’on utilitzarem l’element reCaptcha. Això és important perquè podem crear diversos reCaptcha en un mateix compte. Seleccionem el tipus de reCaptcha que volem implementar, en aquest exemple utilitzarem reCaptcha v2. A la part de domini, indicarem el domini de la pàgina en la qual anem a introduir l’element. Només ens queda acceptar els termes i clicar el botó de registre.

La següent vista ens proporciona: una clau secreta, una clau pública i diversos fragments de codi per implementar a la pàgina del formulari. Tot està dividit i organitzat en seccions i passos per facilitar el seu ús.

Continua llegint més sobre el nostre reCaptcha en un entorn web sense CMS.

Accedeix a la 2a part del nostre tutorial

¿Por qué?

Imagínate que tienes un formulario en tu página web (formulario de registro, de inscripción a newsletter, etc. ) y no quieres que tu correo electrónico se llene de SPAM.

En este caso Google nos ofrece una herramienta muy práctica, Google reCaptcha. Con ella obligamos al usuario a, además de llenar todos los campos del formulario, verificar que no es un “robot”. Muchos robots son los encargados que las cuentas de correo se llenen de spam. Éstos hacen la función de un usuario rellenando automáticamente los campos y de manera directa envían dicha información a través del formulario web.

ReCaptcha es muy sencillo de implantar cuando tenemos una web creada en WordPress o cualquier CMS importante. Normalmente estos CMS disponen de plugins para facilitar dicha acción. Sin embargo, si nos encontramos con cualquier página web “AdHoc”, resulta algo más difícil poder implantar el reCpatcha. Nada que con un pequeño conocimiento previo de programación no se pueda resolver. Iniciamos con este una serie de posts orientados, en la medida de lo posible, a implementar nuestro propio reCaptcha sobre desarrollos “Adhoc”.

Pero… ¿que es un reCaptcha?

Como hemos indicado anteriormente, reCaptcha es cualquier acción que debe realizar el usuario de manera específica y manual para asegurarnos que la información que va a enviarse no es a través de un robot. Se trata de un a simple verificación. Este método presenta una selección de imágenes que según la pregunta que realiza ningún robots no tiene la posibilidad de entender ni responder.

Crear nuestro reCaptcha

Lo primero que debemos hacer es ir a la página de Google reCaptcha, y en la parte superior de la pagina seleccionar el botón que pone “get reCaptcha”. Se nos abrirá una vista con un pequeño formulario .

En el primer campo pondremos una etiqueta identificativa para que tengamos referencia de dónde vamos a utilizar el elemento reCaptcha es. Esto es importante porque podemos crear varios reCaptcha en una misma cuenta. Seleccionamos el tipo de reCaptcha queremos, en este ejemplo utilizaremos reCaptcha v2. En la parte de dominio, indicaremos el dominio de la página en la que vamos a introducir el elemento. Solo nos queda aceptar los términos y clicar el botón de registro.

La siguiente vista nos proporciona: una clave secreta, una clave pública y varios fragmentos de código para implementar en la página del formulario. Todo está dividido y organizado en secciones y pasos para facilitar su uso.

Continua leyendo más sobre nuestro reCaptcha en un entorno web sin CMS.

Accede a la 2ª parte de nuestro tutorial
Javier Aranda

Author Javier Aranda

More posts by Javier Aranda

Leave a Reply

four × 4 =

Aquest lloc utilitza Akismet per reduir els comentaris brossa. Apreneu com es processen les dades dels comentaris.

Addmira todos los derechos reservados.