This document provides detailed instructions on how to create and configure a Google OAuth project to support the Google login feature on your website, using the new Google Cloud Console navigation interface.<\/p>\n
ZTruyen Login<\/code>) and click Create<\/strong> (Create).<\/li>\n- Wait a few seconds for the project to be created, then select the newly created project from the dropdown menu in the top corner.<\/li>\n<\/ol>\n
Step 2: Configure Branding (OAuth Consent Screen)<\/h3>\n
Configuration path: Google Cloud Auth Branding<\/a><\/p>\nThis is where you set up the app information displayed to users when they click login.<\/p>\n
\n- Access the link above and select your project (if prompted).<\/li>\n
- If the system asks to select User Type<\/strong>, please select External<\/strong> (Other) and click Create<\/strong>.<\/li>\n
- Fill in the required information:\n
\n- App name:<\/strong> Enter a display name (for example:
ZTruyen<\/code>).<\/li>\n- User support email:<\/strong> Select your administrator email.<\/li>\n
- Developer contact information:<\/strong> Enter your email to receive operational notifications from Google.<\/li>\n<\/ul>\n<\/li>\n
- IMPORTANT NOTE:<\/strong> Strictly DO NOT upload an App logo<\/strong> at this step if you do not want to submit business identity verification documents for Google's approval. Leaving the logo blank will help avoid the “Unverified app” warning screen when users log in.<\/li>\n
- Fill in the information App Domain<\/strong>: Add your website domain name (e.g., https:\/\/giaodienwp.net\/) to the fields: Application home page<\/em>, Application privacy policy link<\/em>, and the section Authorized domains<\/strong>.<\/li>\n
- Click Save and Continue<\/strong> (Save and Continue).<\/li>\n
- In the section Scopes<\/strong> (Scope):\n
\n- Click Add or Remove Scopes<\/strong>.<\/li>\n
- Select basic (non-sensitive) permissions including:
...\/auth\/userinfo.email<\/code>, ...\/auth\/userinfo.profile<\/code>, and openid<\/code>.<\/li>\n- Click Update<\/strong> -> select Save and Continue<\/strong>.<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n
Step 3: Configure Audience and Activate Production<\/h3>\n
Configuration path: Google Cloud Auth Audience<\/a><\/p>\nBy default, the application will be in Testing mode with restricted logins. You need to promote it to In Production.<\/p>\n
\n- Access the link above.<\/li>\n
- Under Publishing status<\/strong>, click the button PUBLISH APP<\/strong> (Publish App).<\/li>\n
- Click Confirm<\/strong> (Confirm).<\/li>\n
- The project status will change to In Production<\/strong> (In Production). Now, any Gmail account can log in without the 100-user limit.<\/li>\n<\/ol>\n
Step 4: Create Credentials (Client Authentication Info)<\/h3>\n
Configuration path: Google Cloud Auth Clients<\/a><\/p>\nThis is the step to create the Client ID and Client Secret to enter into your WordPress plugin.<\/p>\n
\n- Access the link above.<\/li>\n
- Click the button Create Client<\/strong> (Create credentials) -> select OAuth client ID<\/strong>.<\/li>\n
- Under Application type<\/strong> (Application type), select Web application<\/strong> (Web application).<\/li>\n
- Enter an identifying name (for example:
ZTruyen Web Client<\/code>).<\/li>\n- Authorized JavaScript origins:<\/strong> Enter your website home page URL (for example:
https:\/\/quangtuyen.vn<\/code>).<\/li>\n- Authorized redirect URIs (Very important):<\/strong> Enter the Callback URL to receive login data provided by the WordPress Plugin. For example:
https:\/\/quangtuyen.vn\/wp-login.php?loginSocial=google<\/code><\/li>\n- Click Create<\/strong> (Create).<\/li>\n
- Copy Client ID<\/strong> and Client Secret<\/strong> just created to configure the Plugin on your website.<\/li>\n<\/ol>\n
\nGoogle OAuth 2.0 Setup Guide (English)<\/h2>\n
This document provides step-by-step instructions to create and configure a Google OAuth project for Google Login on your website, using the new Google Cloud Console layout.<\/p>\n
Step 1: Create a New Project<\/h3>\n\n- Go to the Google Cloud Console<\/a>.<\/li>\n
- Click on the project dropdown at the top-left (next to the Google Cloud logo) and select New Project<\/strong>.<\/li>\n
- Enter your project name (e.g.,
ZTruyen Login<\/code>) and click Create<\/strong>.<\/li>\n- Wait a few seconds for creation, then select the new project from the top dropdown menu.<\/li>\n<\/ol>\n
Step 2: Configure Branding (OAuth Consent Screen)<\/h3>\n
Configuration URL: Google Cloud Auth Branding<\/a><\/p>\nThis configures what users see when they click the “Log in with Google” button on your site.<\/p>\n
\n- Go to the URL above and select your project if prompted.<\/li>\n
- If prompted for User Type<\/strong>, select External<\/strong> and click Create<\/strong>.<\/li>\n
- Fill in the required fields:\n
\n- App name:<\/strong> Enter the display name (e.g.,
ZTruyen<\/code>).<\/li>\n- User support email:<\/strong> Select your Gmail\/Workspace email.<\/li>\n
- Developer contact information:<\/strong> Enter your email address to receive Google updates.<\/li>\n<\/ul>\n<\/li>\n
- IMPORTANT NOTE:<\/strong> Do NOT<\/strong> upload an App logo at this stage unless you are prepared to submit company registration documents to Google. Leaving the logo empty helps bypass the “Unverified App” warning screen during user logins.<\/li>\n
- Fill in the App Domain<\/strong> details: Enter your website URL (e.g., https:\/\/giaodienwp.net\/) in the Application home page<\/em>, Application privacy policy link<\/em>, and the Authorized domains<\/strong> list.<\/li>\n
- Click Save and Continue<\/strong>.<\/li>\n
- In the Scopes<\/strong> section:\n
\n- Click Add or Remove Scopes<\/strong>.<\/li>\n
- Check basic non-sensitive scopes:
...\/auth\/userinfo.email<\/code>, ...\/auth\/userinfo.profile<\/code>, and openid<\/code>.<\/li>\n- Click Update<\/strong>, then Save and Continue<\/strong>.<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n
Step 3: Configure Audience & Publish to Production<\/h3>\n