Does google recaptcha 3 on vuetify really not appear? automatic? - vue.js

I try from here https://www.npmjs.com/package/vue-recaptcha-v3
https://techformist.com/use-google-recaptcha-in-vue-forms/
It is only displayed in the lower right. The user does not need to check and it is not shown on the input form
Is the captcha method valid? Because the user does not give a check mark

There are different versions available in google recaptcha.
In the above question your are using reCAPTCHA v3, Its just evaluating the user interaction in pure javascript and returning a score, Instead of having a checkbox "I'm not a robot". That's how version 3 works
I think you are looking for reCAPTCHA v2 ("I'm not a robot" Checkbox)
In this version, the user has to tick box and verify its a human interaction
You can use this library to implement the same
https://github.com/drozdzynski/vue-grecaptcha
There are still 2 more version in google recaptcha that is
reCAPTCHA v2 (Android) reCAPTCHA v2 (Invisible reCAPTCHA badge)

Related

How does Redfin auto-detect my Google Accounts and Prompts me to sign-in with Google?

I have regular "Login with Google" oAuth implemented (screenshot 1 below...you know, where you click a link, and are taken to a page or modal with a "Sign up with Google" button)
But I would like to do what Redfin is doing (Screenshot 2 below).
How does Redfin auto-detect all of my Google accounts and show a tiny box at the top right as soon as I go to redfin.com?
Is there an API or some way to do this?
This is done with a service called Google Yolo in combination with Google Smartlock. You need to include some javascript and pass a javascript callback to it that handles the login for you.
Example: https://github.com/zapier/google-yolo-inline/blob/master/google-yolo-iframe.html
Note: Looks like Chrome's the only browser being supported.

Testing Google Invisible reCAPTCHA v2

I am looking for a way to test Google's Invisible reCAPTCHA product.
I am using v2 (not the most recent v3) and I would like to be able to see the reCAPTCHA challenges, however the previously tried-and-tested ways of doing that don't appear to be valid any longer.
Previously I would use the Chrome DevTools to change the User Agent to Googlebot and then the reCAPTCHA challenge would display. However, i've read comments that this no longer works.
I have tried using a Edge browser in BrowserStack, but that let the form submission through fine without showing the challenge.
I've had a look on Google's reCAPTCHA docs, but I can't see a recommended way to test this.
The little blue reCAPTCHA box displays statically positioned in the bottom right hand corner of my page and there's no errors in the logs but i'd like to see the reCAPTCHA working to stop bots.

where to get facebook login button

I have implemented facebook authentication for my website with the facebook-omniauth gem. I am simply looking for a "Login From Facebook" button. It seems like facebook only advocates using the login button through the XFBML JS, or through an iframe.
I found that facebook does have various images available on their website:
https://www.facebook.com/images/facebook_logo.gif
https://www.facebook.com/images/fbconnect/login-buttons/connect_light_medium_short.gif
But how can I get access to all of their available images?? (I know I can get a login from facebook image from a 3rd party, but I wanted to get one straight from facebook - just didn't think fb would make it so hard to do without using their javascript libraries or iframes)
http://developers.facebook.com/docs/reference/plugins/login/
here you can generate a button ... not the additional attributes and use them to get different sizes f.e.
sized buttons: small, medium, large, xlarge (default: medium).
Now facebook has their own .png buttons that you can use in your login flow.
Download and follow the instructions
https://developers.facebook.com/docs/facebook-login/checklist/#brandedlogin

Facepile shows a white box with an option to switch when user selects "Use Facebook as:" option from her facebook account

I have facepile plugin on my webpage to show faces who are using the application.
The code snippet to show facepile is
<fb:facepile id="some_id" data-size="medium" data-width="396">
</fb:facepile>
Faces are showing normally.But when I use "Use facebook as:" option from the facebook homepage and selects any of my listed pages, facepile plugin on my webpage turns weird and shows a white box with a small thumbnail and an anchor(with text 'switch') on top of it On inspecting element with chrome's right click context menu I found it's an iframe with width being 396px and height being 1000px which displays in the middle of page hiding html form for normal login too.
If I revert to my profile using "Use facebook as:" option faces start showing normally.
Am I missing something or It's a bug?
I already checked a similar question but that is related to user being not logged.
Also I checked this bug listed
on facebook developer page but it seems to be resolved.
This is intended behaviour, although obviously the error message should be a bit better - the Facepile (and indeed, most of the Social Plugins) is designed to only work with User accounts. You can be fairly sure that 99.9% of people viewing the plugins will not be "Using Facebook as" a Page.
As Pages aren't designed to really interact with Facebook APIs (beyond the manage_pages functionality) then it is likely that these plugins won't be fixed to work for page accounts, but they'd be fixed to show a message informing anyone logged in as a Page to switch back to their user account.
You can find some related bug reports below, you should consider adding your voice to them in order to increase their priority:
https://developers.facebook.com/bugs/372904202778489
https://developers.facebook.com/bugs/313164415437524

Checkbox as alternative to captcha?

Does a checbox provide an alternative to using captcha on website? I am thinking i i need to use captcha for user signup. Instead if i put a checkbox for the terms like "By clicking here I agree...." can that solve the bots issues or is captcha required in addition to the checkbox?
One thing you can do with a checkbox is to make a honeypot. To do so, you would make a checkbox and hide it with CSS (because bots, as a rule, don't care about CSS). If the box is checked, then it's probably a bot.
If you are trying to keep bots from signing up, they will be able to check the checkbox pretty easy. the point of the captcha is that it takes human intelligence.
No, bots can check boxes, use a service such as http://www.google.com/recaptcha to easily make a bot-proof form.
Not at all, a checkbox is just like any other input, which bots manipulate.
As recommended above recaptcha is good. I also like Akismet, which handles this completely different.
Checkbox Captcha generated with client-side Javascript can be an interesting option.
Check out that article published by UX Movement: "Captchas vs. Spambots: Why the Checkbox Captcha Wins" http://uxmovement.com/forms/captchas-vs-spambots-why-the-checkbox-captcha-wins).
This technique can work, but it is not too difficult to beat, given time and an interest in your specific site.
Using CSS and Javascript (which isn't completely accessible) to create the checkbox will defeat the more simplistic spambots.
Also using a randomized name (which is verified server-side) for the checkbox POST/GET variable, and perhaps an image for the label (which creates more accessibility problems) will help make this more difficult.
In the end this should work fine, until someone takes the time to target your site or system specifically.
Edit The article linked to in this answer has good information.