Skip to content

Commit

Permalink
[Turnstile] Tutorials edits (#16920)
Browse files Browse the repository at this point in the history
* update tutorial titles

* copyedits
  • Loading branch information
patriciasantaana authored Sep 18, 2024
1 parent 2ea1e38 commit 7ebb247
Show file tree
Hide file tree
Showing 3 changed files with 12 additions and 18 deletions.
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
---
title: Implementing Turnstile Using Implicit and Explicit Rendering
title: Implement Turnstile using implicit and explicit rendering
pcx_content_type: tutorial
updated: 2024-09-16
difficulty: Beginner
Expand Down Expand Up @@ -57,9 +57,7 @@ Once a challenge has been solved, a token is passed to the success callback. Thi

An invisible input with the name `cf-turnstile-response` is added and will be sent to the server with the other fields.

Here is a complete HTML example:

```html
```html title="Complete HTML example"
<!DOCTYPE html>
<html lang="en">
<head>
Expand Down Expand Up @@ -114,9 +112,7 @@ function onloadTurnstileCallback() {
}
```

Here is a complete HTML and JavaScript example:

```html
```html title="Complete HTML and JavaScript example"
<!DOCTYPE html>
<html lang="en">
<head>
Expand Down Expand Up @@ -261,15 +257,13 @@ Choosing the appropriate rendering method for Turnstile is important and effecti
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.
- Implicit Rendering is ideal for static pages with minimal JavaScript.
- Explicit Rendering offers greater control for dynamic and interactive applications.
- Implicit rendering is ideal for static pages with minimal JavaScript.
- Explicit rendering offers greater control for dynamic and interactive applications.
Remember to perform server-side verification of the response token to complete the authentication process securely.
Remember to perform server-side validation of the response token to complete the authentication process securely.
## Additional resources
- [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.
- [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).
- [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.
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
---
title: "Integrating Turnstile, WAF, & Bot Management"
title: Integrate Turnstile, WAF, & Bot Management
pcx_content_type: tutorial
updated: 2024-09-17
difficulty: Beginner
Expand Down Expand Up @@ -70,7 +70,7 @@ Turnstile adds an extra layer of security by analyzing browser and client-side s

If your site is on Cloudflare, you can enable the option to use the existing [clearance cookie](/turnstile/concepts/pre-clearance-support/) in Turnstile's settings. This integration allows Turnstile to use the clearance cookie as part of its determination of whether a user should receive a challenge. This integration is optional, but recommended if you already are using WAF and Bot Management.

## Integrating Turnstile into Your Application
## Integrate Turnstile into your application

There are two components to implementing Turnstile into your application: the Turnstile widget and the server-side validation logic.

Expand Down Expand Up @@ -170,6 +170,6 @@ By combining Turnstile with WAF and Bot Management, you can create a system that

If you are interested in customizing Turnstile, refer to the resources below for more information:

- **[Client-side rendering](/turnstile/get-started/client-side-rendering/)**. Learn how to customize how and when Turnstile renders in your user interface, to better fit your application's needs and user experience.
- **[Server-side validation](/turnstile/get-started/server-side-validation/)**. Learn how Turnstile's API works, including request parameters, as well as how to handle different types of responses, including error codes.
- **[Analytics](/turnstile/turnstile-analytics/)**. Learn how to view Turnstile's analytics in the Cloudflare dashboard. This includes metrics on the number of challenges issued, as well as the CSR (Challenge Solve Rate).
- [Client-side rendering](/turnstile/get-started/client-side-rendering/). Learn how to customize how and when Turnstile renders in your user interface, to better fit your application's needs and user experience.
- [Server-side validation](/turnstile/get-started/server-side-validation/). Learn how Turnstile's API works, including request parameters, as well as how to handle different types of responses, including error codes.
- [Turnstile Analytics](/turnstile/turnstile-analytics/). Learn how to view Turnstile's analytics in the Cloudflare dashboard. This includes metrics on the number of challenges issued, as well as the CSR (Challenge Solve Rate).
2 changes: 1 addition & 1 deletion src/content/docs/turnstile/tutorials/login-pages.mdx
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
---
title: Login pages
title: Protect your login pages
pcx_content_type: tutorial
updated: 2024-07-09
difficulty: Beginner
Expand Down

0 comments on commit 7ebb247

Please sign in to comment.