|
1 | 1 | --- |
2 | | -title: Implementing Turnstile Using Implicit and Explicit Rendering |
| 2 | +title: Implement Turnstile using implicit and explicit rendering |
3 | 3 | pcx_content_type: tutorial |
4 | 4 | updated: 2024-09-16 |
5 | 5 | difficulty: Beginner |
@@ -57,9 +57,7 @@ Once a challenge has been solved, a token is passed to the success callback. Thi |
57 | 57 |
|
58 | 58 | An invisible input with the name `cf-turnstile-response` is added and will be sent to the server with the other fields. |
59 | 59 |
|
60 | | -Here is a complete HTML example: |
61 | | - |
62 | | -```html |
| 60 | +```html title="Complete HTML example" |
63 | 61 | <!DOCTYPE html> |
64 | 62 | <html lang="en"> |
65 | 63 | <head> |
@@ -114,9 +112,7 @@ function onloadTurnstileCallback() { |
114 | 112 | } |
115 | 113 | ``` |
116 | 114 |
|
117 | | -Here is a complete HTML and JavaScript example: |
118 | | - |
119 | | -```html |
| 115 | +```html title="Complete HTML and JavaScript example" |
120 | 116 | <!DOCTYPE html> |
121 | 117 | <html lang="en"> |
122 | 118 | <head> |
@@ -261,15 +257,13 @@ Choosing the appropriate rendering method for Turnstile is important and effecti |
261 | 257 |
|
262 | 258 | Implementing Turnstile into your website helps improve the security of your website without compromising user experience. By understanding and implementing implicit or explicit rendering, you can choose the method that best fits your website's architecture and user interaction patterns. |
263 | 259 |
|
264 | | -- Implicit Rendering is ideal for static pages with minimal JavaScript. |
265 | | -- Explicit Rendering offers greater control for dynamic and interactive applications. |
| 260 | +- Implicit rendering is ideal for static pages with minimal JavaScript. |
| 261 | +- Explicit rendering offers greater control for dynamic and interactive applications. |
266 | 262 |
|
267 | | -Remember to perform server-side verification of the response token to complete the authentication process securely. |
| 263 | +Remember to perform server-side validation of the response token to complete the authentication process securely. |
268 | 264 |
|
269 | 265 | ## Additional resources |
270 | 266 |
|
271 | 267 | - [Server-side validation](/turnstile/get-started/server-side-validation/): A guide on how to implement server-side validation to ensure that only valid, human-generated responses are accepted by your application. |
272 | | -
|
273 | 268 | - [Turnstile Analytics](/turnstile/turnstile-analytics/): A guide on how to access and interpret Turnstile analytics data, allowing you to monitor key metrics, access the number of challenges issued, and evaluate the challenge solve rate (CSR). |
274 | | -
|
275 | 269 | - [Turnstile API Reference](/api/operations/accounts-turnstile-widgets-list): Comprehensive documentation for the Turnstile API, providing detailed information on API operations for managing Turnstile widgets, including how to list, create, and update widgets via API calls. |
0 commit comments