Google 會員登入功能,讓消費者不用填寫繁雜個資註冊會員,只需要使用個人 Gmail 帳號即可一鍵快速加入/登入商店會員,一起來看看設定串接的方式吧!
請務必依下方步驟先完成 《GA》、《Google Search Console 網域驗證》設定、以及 WACA 後台購物說明的《售後服務 編輯》《隱私權條款 編輯》等設定後,再進行 Google 登入功能設定。
步驟一、Google Analytics (網站數據分析)
請依文章說明完成所有設定
步驟二、Google Search Console 驗證網域
請執行至 Sitemap 提交成功步驟
步驟三、『售後服務』及『隱私權條款』說明設定
請至 WACA 後台 ➜ 商店設定 ➜ 商店訊息(往下滑) ➜ 購物說明 ➜ 分別編輯「售後服務」及「隱私權條款」(隱私權條款有提供參考範例唷!)
小提醒:Google 十分重視消費者權益,商店《售後服務》及《隱私權條款》資訊如未完整填寫,應用程式可能會在 Google 審查時遭到封鎖而無法使用,因此建議完整填寫,以保障商家及消費者權益。
步驟四、Google 登入設定
Google 登入設定共有五個項目需要設定,依序如下
一、新增專案
1. 點擊此連結 前往 Google API 專案新增頁面。
2. 為你的專案命名,請輸入自訂的專案名稱,設定完成後請點擊【建立】。
上方通知顯示建立專案後會顯示通知訊息
3. 請點擊 ❶ 橘框處,選擇剛剛建置的專案名稱
請核對顯示的專案名稱是否是剛剛建置的專案名稱,顯示以下訊息代表有進入正確的專案設定畫面
二、OAuth 同意畫面設定
1. 請按照以下圖示指示,點選左上角『≡』 ➜ API 和服務 ➜ OAuth 同意畫面
2. User Type ➜ 請選擇『外部』 ➜ 點擊【建立】
3. 應用程式名稱 ➜ 請輸入自訂應用程式名稱
使用者支援電子信箱 ➜ 請輸入 / 選擇聯絡電子信箱
4. 請繼續往下填寫『應用程式網域』欄位:
應用程式首頁 ➜ 請輸入完成商店首頁網址
應用程式隱私權政策連結 ➜ 請輸入商店首頁網址加上『 /faq#policy 』
例如:https://abc.waca.ec/faq#policy
應用程式服務條款連結 ➜ 請輸入商店首頁網址加上『 /faq#service 』
例如:https://abc.waca.ec/faq#service
5. 請繼續往下設定『授權網域』欄位,點擊『+新增網域』
● 使用獨立網址 (自訂網域) 的商家:
若您的網址為 https://www.abc.com ➜ 請填入 abc.com
● WACA 結尾網址的商家:
若您的網址為 https://abc.waca.ec ➜ 請填入 waca.ec
『開發人員聯絡資訊』 ➜ 電子郵件地址 ➜ 請輸入聯絡電子信箱
上方欄位輸入完成後,請點擊【儲存並繼續】
6. 進入『範圍』,請直接點擊【儲存並繼續】
7. 進入『測試使用者』,請直接點擊【儲存並繼續】
8. 進入『摘要』,請檢查上方欄位是否皆有正確填寫
如欄位輸入錯誤,請點擊右方【編輯】重新修改儲存,完成 OAuth 同意畫面設定。
三、建立憑證
1. 請回到左側導覽選單,點擊『憑證』
2. 點擊『+建立憑證』 ➜ 「OAuth 用戶端 ID」
3. 應用程式類型 ➜ 請選擇『網頁應用程式』
4. 名稱 ➜ 請輸入自訂用戶端名稱
已授權的重新導向URI,請點擊『+新增 URI 』 ➜ 填入商店首頁網址後方加上『 /user/google 』
例如:首頁網址為 https://www.abc.com ➜ 請填入 https://www.abc.com/user/google
欄位填寫完成後請點擊【建立】
5. 請分別複製 OAuth 用戶端的〝 用戶端 ID 〞及〝 用戶端密鑰 〞
四、WACA 後臺串接設定
回到 WACA 後台的「會員管理」 ➜ 「會員設定」,在「GOOGLE 登入串接設定」 將開關調整為「啟用」。
接著分別貼上用戶端 ID 及 用戶端密鑰(您的用戶端密碼) ➜ 點擊【儲存】
儲存後為求資訊安全,密鑰會消失不顯示是正常的喔!
五、發布應用程式
1. 請回到左側導覽選單,點擊『OAuth 同意畫面』
2. 『發布狀態』 ➜ 請點擊【發布應用程式】
3. 請點擊【確認】
4. 發布狀態顯示「實際運作中」 代表應用程式正式上線。
以上是 Google 會員登入設定串接步驟,設定完後建議請至商店前台測試登入,可以順利登入代表串接完成囉 ^_^
登入流程畫面請參照以下圖示