CaptchaKit/Games/Frogger Hop
๐Ÿธ

LIVE DEMO

Frogger Hop

Cross 4 lanes of traffic

โ†‘ This is exactly what your users will see

12s

Avg solve time

Medium

Difficulty

Pay what you want

Price

About this game

Hop the frog across moving traffic to the far side. Time your moves โ€” cars don't stop.

Bot-proofMobile friendlyNo cookiesGDPR safeGeneral signups

PAY WHAT YOU WANT

Your price

All 18 games

Full pack available

Pay what you want โ†’

  • โœ“ Lifetime access
  • โœ“ Unlimited domains
  • โœ“ API + embed code
  • โœ“ Dashboard & site key
GET ALL 7 GAMES ยท PAY WHAT YOU WANT โ†’

Embed code

index.html
<!-- 1. Add the script -->
<script src="https://captchakit.com/embed.js" async></script>

<!-- 2. Drop in the widget -->
<div
  id="gc-widget"
  data-game="frogger"
  data-site-key="YOUR_SITE_KEY"
></div>

<!-- 3. Verify on your server -->
<script>
  document.getElementById('gc-widget').addEventListener('gc:pass', async (e) => {
    const res = await fetch('/api/verify-captcha', {
      method: 'POST',
      body: JSON.stringify({ token: e.detail.token }),
    });
    const { success } = await res.json();
    if (success) submitForm();
  });
</script>

Server verification

server.js
// Server-side token verification
const res = await fetch('https://captchakit.com/api/verify', {
  method: 'POST',
  headers: {
    'Content-Type': 'application/json',
    'Authorization': 'Bearer YOUR_API_KEY',
  },
  body: JSON.stringify({
    token: req.body.token,
    siteKey: 'gc_frogger_xxxx',
  }),
});

const { success, gameId } = await res.json();
// success === true means a real human passed the Frogger Hop challenge