Skip to content

Commit 0c291e5

Browse files
authored
Update README.md
1 parent af72d23 commit 0c291e5

File tree

1 file changed

+43
-66
lines changed

1 file changed

+43
-66
lines changed

README.md

Lines changed: 43 additions & 66 deletions
Original file line numberDiff line numberDiff line change
@@ -64,6 +64,7 @@ Please check Google site: https://developers.google.com/recaptcha/docs/faq
6464
- Support custom implementation on config interface
6565
- Support custom implementation on request method interface
6666
- Fully supported Vue component
67+
- IP skipp list supported
6768

6869
## Requirement
6970

@@ -229,72 +230,6 @@ Include Template script in your bottom/header of your page, params should follow
229230
#### Example Usage
230231

231232
``` html
232-
233-
{{--if laravel version <=5.6, please use {{ csrf_field() }}--}}
234-
235-
<form method="POST" action="/verify">
236-
@csrf
237-
<div id="contact_us_id"></div>
238-
<input type="submit" value="submit">
239-
<div>
240-
<small>
241-
This site is protected by reCAPTCHA and the Google
242-
<a href="https://policies.google.com/privacy">Privacy Policy</a> and
243-
<a href="https://policies.google.com/terms">Terms of Service</a> apply.
244-
</small>
245-
</div>
246-
</form>
247-
248-
{!! GoogleReCaptchaV3::render([
249-
'contact_us_id'=>'contact_us'
250-
]) !!}
251-
252-
```
253-
254-
The backend request will receive a value for 'g-recaptcha-response', please take a look at Sample Use Case and Facade usage sections.
255-
256-
### Badge Display
257-
258-
If your settings were not reflected, please run php artisan config:cache to clear cache.
259-
260-
Inline
261-
262-
1. Go to config file, and set
263-
``` PHP
264-
[
265-
...
266-
'inline' => true
267-
...
268-
]
269-
```
270-
2. Badge will be displayed as inline format within the form.
271-
272-
273-
Invisible
274-
275-
1. Set inline as true as well
276-
2. Modify your div with style display:none
277-
3. Refer to Google official site: https://developers.google.com/recaptcha/docs/faq
278-
, you need to include the following text:
279-
``` HTML
280-
This site is protected by reCAPTCHA and the Google
281-
<a href="https://policies.google.com/privacy">Privacy Policy</a> and
282-
<a href="https://policies.google.com/terms">Terms of Service</a> apply.
283-
```
284-
285-
Corner
286-
287-
1. Set inline as false
288-
2. Your badge will be shown in the bottom right side.
289-
290-
Custom
291-
292-
1. Set inline as true
293-
2. Do Styling/CSS on its div element
294-
295-
296-
### Blade Use Case
297-
298233
Register your action in config, also enable score and set up your own site key and secret key:
299234
``` php
300235
'setting' => [
@@ -349,8 +284,50 @@ Create your form in index.blade.php:
349284
{!! GoogleReCaptchaV3::render(['contact_us_id'=>'contact_us', 'signup_id'=>'signup']) !!}
350285
```
351286

287+
The backend request will receive a value for 'g-recaptcha-response'.
288+
352289
Go to /index and click submit button on contact us form and you should see an error message that 'Score does not meet the treshhold' because the threshold >2. You can play around the controller to see all outcomes. Importantly, you need to wait the script to be loaded before clicking the submit button.
353290

291+
### Badge Display
292+
293+
If your settings were not reflected, please run php artisan config:cache to clear cache.
294+
295+
Inline
296+
297+
1. Go to config file, and set
298+
``` PHP
299+
[
300+
...
301+
'inline' => true
302+
...
303+
]
304+
```
305+
2. Badge will be displayed as inline format within the form.
306+
307+
308+
Invisible
309+
310+
1. Set inline as true as well
311+
2. Modify your div with style display:none
312+
3. Refer to Google official site: https://developers.google.com/recaptcha/docs/faq
313+
, you need to include the following text:
314+
``` HTML
315+
This site is protected by reCAPTCHA and the Google
316+
<a href="https://policies.google.com/privacy">Privacy Policy</a> and
317+
<a href="https://policies.google.com/terms">Terms of Service</a> apply.
318+
```
319+
320+
Corner
321+
322+
1. Set inline as false
323+
2. Your badge will be shown in the bottom right side.
324+
325+
Custom
326+
327+
1. Set inline as true
328+
2. Do Styling/CSS on its div element
329+
330+
354331
## Vue Usage (Pacakge version >= 2.2.0) <a name="vue-usage" />
355332

356333
The package provides a lightweight vue component. You need to publish the vue component before playing around it.

0 commit comments

Comments
 (0)