1. 本土
  2. 如何設置谷歌登入(Google Login)
  1. 海外
  2. 如何設置谷歌登入(Google Login)
  1. 應用擴充:品牌官網
  2. 如何設置谷歌登入(Google Login)

如何設置谷歌登入(Google Login)

1. 簡介
2. 新增專案
3. 設置 OAuth 同意畫面
4. 設置 OAuth 用戶端
5. 串接谷歌登入
6. 額外信息

1. 簡介

使用 Google 登入,客戶只需點擊即可使用他們的 Google 帳戶快速在您的官網上註冊。無需填寫註冊表單和記住密碼,可加快客戶的結帳流程。


2. 新增專案

步驟一:登入 Google Cloud API Console > 點選選取專案 > 新增專案

步驟二:填寫專案名稱 > 建立


3. 設置 OAuth 同意畫面

步驟一:在左側邊欄中,點擊 OAuth 同意畫面

步驟二:點擊開始以設置 Google 驗證平台

步驟三:在應用程式資訊下,填寫應用程式名稱使用者支援電子郵件 > 然後點擊下一步

步驟四:在目標對象欄位中,選擇外部,然後點擊下一步

步驟五:在聯絡資訊欄位,填寫您的電子郵件地址,然後點擊下一步

步驟六:在完成欄位,勾選「我同意 Google API 服務:使用者資料政策」核取方塊 > 點擊繼續

步驟七:點擊建立


4. 設置 OAuth 用戶端

步驟一:點擊建立 OAuth 用戶端

步驟二:選擇應用程式類型為網頁應用程式

步驟三:點選 + 新增URI,並在已授權的 JavaScript 來源已授權的重新導向 URI下填寫您的域名,如下所示

已授權的 JavaScript 來源
https://yourdomainname.com
https://www.yourdomainname.com

已授權的重新導向 URI
https://yourdomainname.com/(帶斜槓 /)
https://www.yourdomainname.com/(帶斜槓 /)
https://yourdomainname.com/checkout(無斜槓 /)
https://www.yourdomainname.com/checkout(無斜槓 /)
https://yourdomainname.com/checkout-v2(無斜槓 /)
https://www.yourdomainname.com/checkout-v2(無斜槓 /)

步驟四:建立

步驟五複製已建立的用戶端編號以供之後使用 > 確定


5. 串接 Google 登入

步驟一:登入 SiteGiant 賣家中心 > 前往應用擴充 > 官網與購物 App > Google 登入

步驟二啟用狀態 > 貼上已複製的用戶端編號 > 保存

步驟三使用 Google 登入按鈕將會出現在客戶登入頁面


📝 額外信息

1. 已綁定帳戶 (從客戶視角)

當客戶成功使用 Google 登入後,系統會自動將該 Google 帳戶顯示在我的帳戶已綁定帳戶頁面。

📌 注意:每個 Google 帳戶僅可綁定一個官網帳號。若客戶想要解除綁定,可以點擊取消綁定按鈕。

此教程指南對您有幫助嗎?