reCAPTCHA de formulario adaptable google-recaptcha

CAPTCHA (prueba de Turing pública completamente automatizada para diferenciar ordenadores de humanos) es un programa que se utiliza habitualmente en las transacciones en línea para distinguir entre humanos y programas o bots automatizados. Plantea un desafío y evalúa la respuesta del usuario para determinar si es un humano o un bot que interactúa con el sitio. Evita que el usuario continúe si la prueba falla y ayuda a que las transacciones en línea sean seguras al impedir que los bots publiquen contenido no deseado o con fines malintencionados.

AEM Forms as a Cloud Service es compatible con Google reCAPTCHA v2 en los formularios adaptables. Puede utilizarlo para presentar un desafío de CAPTCHA en el envío de formularios

Uso reasons-to-use-google-recaptcha

  • Prevención de spam y bots: una de las principales razones para utilizar reCAPTCHA es evitar que el spam y los bots maliciosos inunden el formulario. Los algoritmos avanzados de reCAPTCHA pueden detectar intentos automatizados de enviar el formulario, garantizando de este modo que solo los usuarios legítimos puedan interactuar con él.

  • Seguridad mejorada: al implementar reCAPTCHA, añade una capa adicional de seguridad a su formulario adaptable. Esto contribuye a proteger la información confidencial y a evitar que usuarios malintencionados exploten las vulnerabilidades.

  • Experiencia del usuario: aunque a veces los CAPTCHA se perciben como un inconveniente, el enfoque adaptativo de reCAPTCHA hace que la mayoría de los usuarios disfruten de una experiencia sencilla y fácil de utilizar que requiere una interacción mínima. Esto puede ayudar a mantener una experiencia del usuario positiva. Al mismo tiempo, disuade a los bots.

  • Adaptabilidad: el mecanismo adaptativo de reCAPTCHA analiza el comportamiento y las interacciones de los usuarios para determinar si son humanos o no. Esto quiere decir que el nivel de desafío presentado al usuario puede variar en función de la probabilidad de que sea un bot. Esta adaptabilidad reduce la complejidad para los usuarios reales y, al mismo tiempo, mantiene un alto nivel de seguridad.

  • Moderación manual reducida: al reducir significativamente el número de envíos de spam y contenidos generados por bots, reCAPTCHA puede ahorrar tiempo y recursos que, de otro modo, se dedicarían a la moderación y limpieza manuales.

Versión y compatibilidad version-and-compatibility

El componente principal de reCAPTCHA de Google para formularios adaptables se publicó en agosto de 2023 como parte de la “versión” de los componentes principales. A continuación se muestra una tabla con todas las versiones admitidas, la compatibilidad con AEM y los vínculos a la documentación correspondiente:

Versión del componente
AEM as a Cloud Service
Versión 1
Compatible con la
versión 2.0.4 y posteriores

Para obtener información sobre las versiones y publicaciones de los componentes principales, consulte el documento Versiones de los componentes principales.

Detalles técnicos technical-details

Obtenga la información más reciente acerca del componente principal reCAPTCHA de Google de formularios adaptables en la documentación técnica de GitHub. Para obtener más información sobre el desarrollo de los componentes principales, consulte la Documentación para desarrolladores de componentes principales.

Cuadro de diálogo de configuración configure-dialog

Puede personalizar fácilmente la experiencia de reCAPTCHA de Google para los visitantes con el cuadro de diálogo de configuración. También puede definir las opciones de reCAPTCHA de Google con facilidad para una experiencia del usuario perfecta.

Pestaña Básicos basic-tab

Pestaña Básicos

  • Nombre: puede identificar fácilmente un componente de formulario con su nombre único tanto en el formulario como en el editor de reglas, pero el nombre no debe contener espacios ni caracteres especiales.

  • Título: con su título, puede identificar fácilmente un componente en un formulario y, de forma predeterminada, el título aparece sobre el componente. Si no agrega un título, se mostrará el nombre del componente en lugar del texto del título.

  • Permitir texto enriquecido en el título: esta función permite a los usuarios dar formato a los títulos de texto sin formato, incorporando funciones como negrita, cursiva, texto subrayado, varias fuentes, tamaños de fuente, colores y opciones adicionales para mejorar la presentación visual y la personalización. Ofrece una mayor flexibilidad y control creativo para hacer que los títulos destaquen dentro de los documentos, sitios web o aplicaciones.
    Al seleccionar la casilla de verificación **Permitir texto enriquecido para el título, las opciones de formato se vuelven visibles para aplicar estilo al título del componente. Para acceder a todas las opciones de formato disponibles, puede hacer clic en la pestaña Icono de pantalla completa .

    Compatibilidad del texto enriquecido

  • Ocultar título: seleccione la opción para ocultar el título del componente.

  • Marcar como elemento de formulario independiente: seleccione la opción para configurar un campo de formulario no vinculado a ningún esquema. Esta opción le permite guardar datos sin actualizar la fuente de datos. También le permite gestionar los datos de forma personalizada, independientemente de la integración de bases de datos estándar.

  • Ajustes de configuración: seleccione el contenedor de configuración que contiene la configuración en la nube que conecta AEM Forms con el servicio reCAPTCHA de Google.

    note note
    NOTE
    Consulte el artículo Utilización de Google reCAPTCHA en un formulario adaptable de AEM basado en componentes principales para aprender a crear y configurar Google reCAPTCHA para su entorno.
  • Tipo: elija esta opción para seleccionar el tamaño de reCAPTCHA.

    • Normal: se refiere a la versión estándar, más grande del widget reCAPTCHA, que puede ser más visible y fácil de interactuar para los usuarios, especialmente en dispositivos con pantallas más grandes.
    • Compacto: se refiere a una versión más pequeña del widget reCAPTCHA. Esta opción es adecuada en situaciones en las que el espacio es limitado, como en dispositivos móviles o en diseños ajustados en páginas web.
  • Ocultar componente: seleccione la opción para ocultar el componente del formulario. El componente permanece accesible para otros fines, como utilizarlo para los cálculos en el Editor de reglas. Esto resulta útil cuando necesita almacenar información que el usuario no necesita ver o cambiar directamente.

  • Deshabilitar componente: seleccione la opción para desactivar el componente. El componente desactivado no está activo ni puede editarlo el usuario final. Los datos del componente desactivado no se envían. El usuario puede ver el valor del campo, pero no modificarlo. El componente permanece accesible para otros fines, como utilizarlo para los cálculos en el Editor de reglas.

  • Solo lectura: seleccione la opción para que el componente no se pueda editar. El usuario puede ver el valor del campo, pero no modificarlo. El componente permanece accesible para otros fines, como utilizarlo para los cálculos en el Editor de reglas.

Pestaña Validación validation-tab

Pestaña Validación

  • Mensaje de error: esta opción permite introducir un mensaje que se muestra si se marca la casilla Obligatorio y el campo del formulario se deja en blanco.

  • Mensaje de validación de la secuencia de comandos: esta opción permite introducir un mensaje que se mostrará si la validación de la secuencia de comandos falla.

Cuadro de diálogo Diseño design-dialog

El cuadro de diálogo Diseño se utiliza para definir y administrar estilos CSS para el componente reCAPTCHA.

Pestaña Estilos styles-design-tab

El componente principal de reCAPTCHA de formularios adaptables es compatible con el Sistema de estilos de AEM.

Cuadro de diálogo de diseño

  • Clases CSS predeterminadas: puede proporcionar una clase CSS predeterminada para el componente principal reCAPTCHA de formularios adaptables.

  • Estilos permitidos: puede definir estilos proporcionando un nombre y la clase CSS que representa el estilo. Por ejemplo, puede crear un estilo llamado “texto en negrita” y proporcionar la clase de CSS “grosor de fuente: negrita”. Puede utilizar o aplicar estos estilos a un formulario adaptable en el editor de formularios adaptable. Para aplicar un estilo, en el editor de Formularios adaptables, seleccione el componente al que desee aplicar el estilo, vaya al cuadro de diálogo de propiedades y seleccione el estilo que desee en la lista desplegable Estilos. Si necesita actualizar o modificar los estilos, simplemente vuelva al cuadro de diálogo Diseño, actualice los estilos en la pestaña Estilos y guarde los cambios.

Propiedades personalizadas

Cuadro de diálogo Propiedades personalizadas

Las propiedades personalizadas le permiten asociar atributos personalizados (pares clave-valor) a un componente principal del formulario adaptable mediante la plantilla de un formulario. Las propiedades personalizadas se reflejan en la sección de propiedades de la representación sin encabezado del componente. Permite crear un comportamiento de formulario dinámico que se adapta en función de los valores de atributos personalizados. Por ejemplo, los desarrolladores pueden diseñar varias representaciones de un componente Forms sin encabezado para plataformas móviles, de escritorio o web, lo que mejora significativamente la experiencia del usuario en una amplia gama de dispositivos.

  • Nombre de grupo: puede proporcionar un nombre para identificar el grupo de propiedades personalizadas. Puede agregar, eliminar o reorganizar varios grupos de propiedades personalizadas. Después de añadir el grupo de propiedades personalizadas, podrá ver las siguientes opciones:

    • Pares de clave-valor: puede agregar varios nombres de propiedades personalizadas y valores de propiedades personalizadas haciendo clic en el botón Añadir para cada grupo de propiedades personalizadas.

    • Eliminar: toque o haga clic para eliminar el nombre de la propiedad personalizada y el valor de la propiedad personalizada.

    • Reorganizar: toque o haga clic y arrastre para reorganizar el nombre de la propiedad personalizada y el valor de la propiedad personalizada.

Artículos relacionados related-articles

Consulte también see-also

recommendation-more-help
d2be9096-a81e-404b-9952-d8925af7219c