|
1 | 1 | --- |
2 | | -title: "CAPTCHA-Typen" |
3 | | -description: "Stellen Sie verschiedene CAPTCHA-Typen bereit, indem Sie `captchaType` auf `frictionless`, `pow` oder `image` setzen." |
4 | | -i18nReady: true |
| 2 | +title: CAPTCHA Types |
| 3 | +description: Choose between frictionless, pow, image, or puzzle CAPTCHA challenges. The type is configured in the Prosopo portal — the widget always asks the server which to render. |
| 4 | +i18nReady: false |
5 | 5 | --- |
6 | 6 | import {Image} from 'astro:assets'; |
7 | 7 | import ProcaptchaGIF from '~/assets/procaptcha-pow.gif'; |
8 | 8 | import ImageCaptcha from '~/assets/image-captcha.png'; |
9 | 9 | import PoWSettings from '~/assets/pow-settings.png'; |
10 | 10 | import ImageSettings from '~/assets/image-settings.png'; |
11 | 11 |
|
12 | | -Stellen Sie **verschiedene** CAPTCHA-Typen bereit, indem Sie `captchaType` auf `frictionless`, `pow` oder `image` setzen. |
| 12 | +Procaptcha supports four CAPTCHA types: `frictionless`, `pow`, `image`, and `puzzle`. The type is configured **per site key in the [Prosopo portal](https://portal.prosopo.io)** — the widget itself does not pick the type. On every challenge the widget calls the server, and the server returns the type to render based on your site-key settings. |
13 | 13 |
|
14 | 14 | ## Frictionless CAPTCHA |
15 | 15 |
|
16 | | -Die standardmäßige `frictionless`-Funktion von Procaptcha erkennt dynamisch, ob der Benutzer einen normalen Browser oder automatisierte, |
17 | | -headless Browser wie [playwright](https://playwright.dev/) oder [selenium](https://www.selenium.dev/) verwendet. Wenn der Benutzer |
18 | | -wahrscheinlich ein Bot ist, wird dem Benutzer eine Bild-CAPTCHA-Herausforderung präsentiert. Wenn der Benutzer wahrscheinlich ein *Mensch* ist, wird |
19 | | -dem Benutzer *keine* Bild-CAPTCHA-Herausforderung präsentiert und stattdessen wird eine einfache, unsichtbare Proof of Work |
20 | | -(PoW)-Herausforderung gelöst. |
| 16 | +Procaptcha's default `frictionless` type dynamically detects whether the user is using a normal browser or an automated, headless browser such as [Playwright](https://playwright.dev/) or [Selenium](https://www.selenium.dev/). If the user is likely to be a bot, the server returns an **image** challenge. If the user is likely to be a *human*, the server returns an invisible **Proof of Work** challenge. |
| 17 | + |
| 18 | +In other words, `frictionless` is a routing decision made by the server: it looks at the bot score, access policies, and other signals, then picks one of `image`, `pow`, or `puzzle` for that specific request. |
21 | 19 |
|
22 | 20 | ## Proof of Work (PoW) CAPTCHA |
23 | 21 |
|
24 | | -Eine Proof of Work (`pow`) CAPTCHA-Herausforderung erfordert, dass der Benutzer ein Rechenpuzzle löst, bevor das Formular übermittelt wird. Es ist für Menschen einfach zu lösen, aber rechnerisch teuer für Bots. |
| 22 | +A Proof of Work (`pow`) CAPTCHA challenge requires the user's browser to solve a computational puzzle before submitting the form. It is easy for humans to solve but computationally expensive for bots. |
25 | 23 |
|
26 | 24 | <Image src={ProcaptchaGIF} alt={'prosopo procaptcha pow captcha challenge'} style="margin: 20px auto;"/> |
27 | 25 |
|
28 | | -Der Proof of Work CAPTCHA-Typ untersucht nicht die Browserumgebung des Benutzers, verwenden Sie dafür `frictionless` (siehe oben). |
| 26 | +The PoW type does not interrogate the user's browser environment — use `frictionless` if you want that. |
29 | 27 |
|
30 | | -## Bild-CAPTCHA |
| 28 | +## Image CAPTCHA |
31 | 29 |
|
32 | | -Eine Bild-CAPTCHA-Herausforderung erfordert, dass der Benutzer das/die richtige(n) Bild(er) auswählt, das/die der gegebenen Aufforderung entspricht/entsprechen. |
| 30 | +An image CAPTCHA challenge requires the user to select the correct image(s) that match the given prompt. |
33 | 31 |
|
34 | 32 | <Image |
35 | 33 | src={ImageCaptcha} |
36 | 34 | alt="prosopo procaptcha image captcha challenge" |
37 | 35 | style="margin: 0 auto;" |
38 | 36 | /> |
39 | 37 |
|
40 | | -Der Bild-CAPTCHA-Typ untersucht nicht die Browserumgebung des Benutzers, verwenden Sie dafür `frictionless` (siehe oben). |
41 | | - |
42 | | -## Typ implizit setzen |
| 38 | +The Image type does not interrogate the user's browser environment — use `frictionless` if you want that. |
43 | 39 |
|
44 | | -### 1. Setzen Sie den Typ in der Widget-Konfiguration |
| 40 | +## Puzzle CAPTCHA |
45 | 41 |
|
46 | | -Hier setzen wir `captchaType` auf Proof-of-Work `pow`. |
| 42 | +A puzzle CAPTCHA challenge requires the user to drag a piece into a target slot. It does not interrogate the user's browser environment — use `frictionless` if you want that. |
47 | 43 |
|
48 | | -```html |
49 | | -<div class="procaptcha" data-sitekey="your_site_key" data-captcha-type="pow"></div> |
50 | | -``` |
| 44 | +## Configuring the CAPTCHA type |
51 | 45 |
|
52 | | -### 2. Setzen Sie den Typ im Portal |
| 46 | +The CAPTCHA type is configured **per site key** in the Prosopo portal. The widget on your page does not select the type — it always asks the server, and the server replies with the configured type (or, when configured as `frictionless`, with whichever type the decision machine selected for that request). |
53 | 47 |
|
54 | | -Navigieren Sie zum [Prosopo Portal](https://portal.prosopo.io) und aktualisieren Sie den CAPTCHA-Typ in den Einstellungen auf `pow`. |
55 | | - |
56 | | -<Image |
57 | | - src={PoWSettings} |
58 | | - alt="prosopo pow setting"/> |
| 48 | +### 1. Add the widget to your page |
59 | 49 |
|
60 | | -## Typ explizit setzen |
| 50 | +Whether you choose `frictionless`, `pow`, `image`, or `puzzle`, your HTML/JS stays the same: |
61 | 51 |
|
62 | | -### 1. Setzen Sie den Typ in der Widget-Konfiguration |
| 52 | +```html |
| 53 | +<div class="procaptcha" data-sitekey="your_site_key"></div> |
| 54 | +``` |
63 | 55 |
|
64 | | -Hier setzen wir `captchaType` auf Bild `image`. |
| 56 | +Or with the explicit render API: |
65 | 57 |
|
66 | 58 | ```javascript |
67 | 59 | document.getElementById('procaptcha-script').addEventListener('load', function () { |
68 | 60 | function onCaptchaVerified(output) { |
69 | 61 | console.log('Captcha verified, output: ' + JSON.stringify(output)) |
70 | 62 | } |
71 | | - // Get the Element using elementId |
72 | 63 | const captchaContainer = document.getElementById('procaptcha-container') |
73 | 64 | window.procaptcha.render(captchaContainer, { |
74 | 65 | siteKey: 'YOUR_SITE_KEY', |
75 | 66 | theme: 'dark', |
76 | 67 | callback: onCaptchaVerified, |
77 | | - captchaType: 'image', // `pow` or leave blank for `frictionless` |
78 | 68 | }) |
79 | 69 | }) |
80 | 70 | ``` |
81 | 71 |
|
82 | | -### 2. Setzen Sie den Typ im Portal |
| 72 | +### 2. Set the type in the portal |
| 73 | + |
| 74 | +Navigate to the [Prosopo portal](https://portal.prosopo.io) and update the CAPTCHA type in the site key's settings. Pick `frictionless`, `pow`, `image`, or `puzzle`. |
83 | 75 |
|
84 | | -Navigieren Sie zum [Prosopo Portal](https://portal.prosopo.io) und aktualisieren Sie den CAPTCHA-Typ in den Einstellungen auf `image`. |
| 76 | +<Image |
| 77 | + src={PoWSettings} |
| 78 | + alt="prosopo pow setting"/> |
85 | 79 |
|
86 | 80 | <Image |
87 | 81 | src={ImageSettings} |
88 | 82 | alt="prosopo image setting"/> |
89 | 83 |
|
| 84 | +To use a different type for a different surface (for example, `pow` on one page and `image` on another), create a separate site key for each surface and set its type independently. |
0 commit comments