Cómo agregar CAPTCHA a su sitio web

Independientemente del propósito principal de su sitio web, es probable que incluya opciones de suscripción, formularios de contacto y otras formas en que sus visitantes pueden comunicarse con usted. Esto constituye una parte importante de una buena experiencia de usuario y del crecimiento empresarial.

Para asegurarse de que solo recibe correos electrónicos de visitantes reales y para mantener la reputación de su sitio, debe implementar medidas para que su sitio sea confiable y esté protegido. En esta publicación, veremos cómo proteger su sitio web agregando CAPTCHA.

Diferente uso no autorizado de su sitio web

Hay varias formas en que las personas sin escrúpulos pueden interactuar con su sitio. Esto puede dañar la reputación de su sitio y comprometer sus datos. Algunas formas en las que puede experimentar un uso no autorizado incluyen:

• Uso de bots para publicar comentarios

• Envíos automáticos a través de formularios de suscripción/contacto

• Registro masivo de cuentas en su sitio con direcciones de correo electrónico falsas.

La forma principal en que puede proteger su sitio web y su guía contra estas vulnerabilidades es mediante el uso de la secuencia de comandos CAPTCHA en sus páginas web.

Razones para usar CAPTCHA

La razón principal para usar CAPTCHA en su sitio es establecer la autenticidad de los visitantes de su sitio. También garantiza que reciba mensajes de seres humanos reales y no de bots. Muchos agentes y scripts automatizados se desarrollaron con fines maliciosos.

Tener estos en su sitio web obstruirá innecesariamente su sitio y consumirá recursos para atacarlo a usted y a sus visitantes. Por ejemplo, su sitio puede experimentar fallas constantes en el correo electrónico como resultado del correo no deseado en el formulario de contacto o el registro grande de cuentas falsas.

Todo esto afectará la reputación de su sitio web, incluido el nombre de dominio y la dirección IP de cPanel de alojamiento. Estas y muchas más son las razones por las que se recomienda encarecidamente el uso de CAPTCHA.

Cómo funciona CAPTCHA en su sitio web

CAPTCHA requiere que los visitantes de su sitio realicen una tarea simple o complicada para acceder o enviar un formulario en su sitio. Las tareas pueden requerir leer e interpretar algunos elementos o usar la lógica humana para responder preguntas. Aunque a veces puede ser un inconveniente, ofrece la seguridad adecuada para su sitio.

Si los visitantes pasan la tarea correctamente, se reconoce el inicio de sesión y el visitante podrá acceder a su sitio o enviar un formulario de contacto. Se recomienda que se limite al uso de CAPTCHA simple en lugar de los complejos que involucran tareas lingüísticas y matemáticas intrincadas.

¿Cuál es el CAPTCHA más efectivo para usar?

Si bien hay muchas opciones para CAPTCHA en el mercado, Google reCAPTCHA es uno de los servicios de CAPTCHA más utilizados. La mejor parte es que es de uso gratuito y ofrece funciones básicas pero efectivas. Por supuesto, si desea la versión paga, puede actualizar a la versión Enterprise, que brinda posibilidades de integración y funciones ampliadas.

Puede encontrar el paquete de suscripción en la sección Productos en la página de Google Developers. Para esta guía, veremos la versión gratuita del servicio reCAPTCHA CAPTCHA.

Pasos para agregar reCAPTCHA a su sitio web

Paso 1: antes de comenzar el proceso, se recomienda que inicie sesión en su cuenta de Google.

Paso 2: visite la página de la Guía del desarrollador de Google para comenzar a agregar reCAPTCHA a su sitio.

Paso 3: en la pequeña sección de descripción general en la página de la Guía del desarrollador, haga clic en el enlace "Registrarse para obtener un par de claves API". Será redirigido a otra página.

Paso 4: complete la información de su sitio web en la siguiente página abierta. La parte con "Etiqueta" es el nombre de su sitio web en su Panel de Google. Los "Dominios" deben enumerar su nombre de dominio existente adjunto a su plan de alojamiento.

Use solo el nombre de dominio sin la URL de su sitio. Un ejemplo es felicidad.com. A continuación, consulte los “Términos de uso” para aceptar las condiciones de uso del servicio.

Paso 5: La siguiente pantalla tiene los códigos Secret Key y Site Key para usar. Cópielos en un lugar seguro y de fácil acceso antes de iniciar la configuración de CAPTCHA en su sitio web.

Cabe señalar que hay dos versiones de Google reCAPTCHA: v2 y v3. Google reCAPTCHA v2 evalúa el tráfico y solicita que se marque la casilla de verificación en la página cuando hay un uso sospechoso. Esta versión es más cómoda y confiable para contenido móvil.

Google reCAPTCHA v3 no requiere completar ningún campo ni marcar ninguna casilla. Realiza un seguimiento y crea puntuaciones para validar la actividad de los usuarios en la página. Funciona de acuerdo con comportamientos que coinciden con las reglas y recomienda las tareas correspondientes.

Tenga en cuenta que ambas versiones son conjuntos de scripts que puede agregar a su sitio para sus páginas correspondientes. Puede agregar la funcionalidad a través de módulos o complementos en sitios web de CMS como WordPress.

Paso 6: Instale CAPTCHA en su sitio web de WordPress. Para hacer esto, navegue a su sitio de WordPress. Vaya a la sección Complementos y haga clic en la pestaña "Agregar nuevo". Busque CAPTCHA en el campo de búsqueda. Debe seleccionar la versión del complemento que sea compatible con su versión de WordPress.

Por lo general, el sistema lo marca automáticamente. Entonces, simplemente haga clic en él. Si intenta instalar versiones de complementos incompatibles, puede causar problemas en su sitio web, incluso hacer que no esté disponible para los visitantes.

Después de la instalación, ahora puede integrarlo con el formulario de contacto que está utilizando. De forma predeterminada, la protección CAPTCHA ya está integrada en la mayoría de los complementos de contacto conocidos en WordPress. Está disponible en la última edición del complemento Contact Form 7.

Paso 7: Vaya al panel de administración en su sitio web y navegue a la pestaña "Integración" en la sección Contacto. Aquí encontrará el complemento reCAPTCHA. Haga clic en el botón "Configurar integración".

Paso 8: complete los detalles que copió del panel de Google Developers en la siguiente ventana y haga clic en el botón "Guardar cambios".

Paso 9: navegue a la sección "Contacto", haga clic en la pestaña "Formulario de contacto" y elija el formulario que desea editar.

Paso 10: Inserte [recaptcah] en el código que aparece en el formulario de contacto y haga clic en el botón "Guardar cambios".

Conclusión

Ahí tienes tu CAPTCHA todo configurado y listo para ir a trabajar. Cada vez que alguien use los formularios de contacto en su sitio, aparecerá el CAPTCHA para validar si son humanos reales o bots.

Si desea más configuraciones y códigos para la integración en su formulario de contacto, puede consultar la página del laboratorio de códigos reCAPTCHA desde su cuenta de Google. Encontrará cosas como el comportamiento, el tamaño y otras opciones en la sección.