---
# System prepended metadata

title: URL

---

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.