To disable the Google login popup while still allowing third-party login on a webpage, you can consider the following approaches: ### 1. **Use Google's One-Tap Sign-In:** - Google offers a One-Tap sign-in that is less intrusive than a full-page popup. It appears as a small prompt on your website. - You can configure it by including the Google Identity Services SDK and specifying the `cancel_on_tap_outside` option to `true` so that the user can easily dismiss it. ```html <script src="https://accounts.google.com/gsi/client" async defer></script> <script> function handleCredentialResponse(response) { console.log("Encoded JWT ID token: " + response.credential); } window.onload = function () { google.accounts.id.initialize({ client_id: 'YOUR_GOOGLE_CLIENT_ID', callback: handleCredentialResponse, cancel_on_tap_outside: true }); google.accounts.id.prompt(); // Display the One Tap UI }; </script> ``` ### 2. **Disable Automatic Google Sign-In:** - If you're using Firebase or another authentication system that triggers Google sign-in automatically, you can disable this feature and allow users to sign in manually by clicking a button instead of being prompted by a popup. ```javascript firebase.auth().signInWithRedirect(provider); ``` Ensure that your sign-in flow is triggered by a user action, such as clicking a "Sign in with Google" button, rather than an automatic popup. ### 3. **Custom OAuth Flow:** - Implement a custom OAuth flow where the user is redirected to the Google login page in a new tab or window when they click a "Login with Google" button. This approach avoids the popup while still allowing Google sign-ins. ```html <a href="https://accounts.google.com/o/oauth2/auth?client_id=YOUR_CLIENT_ID&redirect_uri=YOUR_REDIRECT_URI&response_type=code&scope=openid%20email%20profile">Login with Google</a> ``` ### 4. **Third-Party Login Without Google:** - If your concern is only about Google and not other third-party logins, you can remove or hide the Google login option entirely from your page and keep other third-party login options visible. ```html <div class="third-party-logins"> <button id="facebook-login">Login with Facebook</button> <button id="twitter-login">Login with Twitter</button> <!-- Omit the Google login button --> </div> ``` ### 5. **Prevent Browser Popup Blocker:** - If you want to avoid Google's default popup behavior due to popup blockers, ensure that any sign-in action is tied to a user-initiated event like a button click. Modern browsers tend to block popups that are not user-initiated. ### Summary: - **One-Tap Sign-In:** Offers a subtle sign-in prompt instead of a popup. - **Disable Automatic Popup:** Ensure that Google sign-in is only initiated by user action. - **Custom OAuth Flow:** Redirect the user to Google's login page instead of using a popup. - **Selective Third-Party Login:** Allow only other third-party logins while disabling Google. This way, you can disable the Google login popup while still allowing third-party logins in a user-friendly manner.