Skip to content

Report a problem:

Problems can be reported via Microsoft Teams in your team channel within the "IT - Codey" team.

Please include the following information:

Report type:
Docs problem report a bug instead →
Path:
/vnext/cookbook/tools/google-recaptcha.html
Message:

DESCRIBE THE PROBLEM BEFORE SUBMITTING TO CODEY

Google reCAPTCHA

Google reCAPTCHA is a free security service that protects websites from spam, abuse, and automated attacks. It uses advanced risk analysis techniques to distinguish between humans and bots, providing a seamless user experience for legitimate users while blocking malicious traffic.

Key Features

  • Bot Detection: Uses machine learning algorithms to analyze user behavior and identify automated traffic
  • Multiple Versions: Offers different versions (v2, v3, Enterprise) to suit various security needs
  • Easy Integration: Simple JavaScript API for frontend integration with backend verification
  • Analytics: Provides detailed analytics and insights about traffic patterns
  • Accessibility: Supports users with disabilities through audio challenges and other alternatives

reCAPTCHA Versions

INFO

reCAPTCHA v2 is the most widely used version, offering both checkbox and invisible options for user interaction.

reCAPTCHA v2

  • Checkbox: Traditional "I'm not a robot" checkbox
  • Invisible: Runs in the background without user interaction
  • Android: Native SDK for mobile applications

reCAPTCHA v3

  • Score-based: Returns a score (0.0-1.0) indicating the likelihood of the user being a bot
  • No user interaction: Completely invisible to users
  • Continuous monitoring: Analyzes behavior across the entire session

Implementation

For usage within Vue.js application we recommend using the vue-recaptcha package. At the time of writing, the version 3.0.0-alpha.6 offers vue3 support.

Note

Implementing reCAPTCHA also requires a backend verification step to ensure the token is valid. The required reCAPTCHA keys can be requested through Xurrent.

Official Documentation

Getting Started

To obtain the required reCAPTCHA keys, contact your Google Cloud administrator.

  1. Integration Checklist - Step-by-step implementation guide
  2. Testing and Debugging - How to test reCAPTCHA in development environments

Best Practices