Google 會員登入功能,讓消費者不用填寫繁雜個資註冊會員,只需要使用個人 Gmail 帳號即可一鍵快速加入/登入商店會員,有效提升消費者加入會員的意願。 本篇文章將教學如何申請及串接 Google 登入功能。
目錄
捲軸可上下滑動 ➚ |
-
前置作業
在申請 Google 登入功能前,必須先完成以下三項前置作業,請分別完成設定後再進行設定喔!點擊連結快速前往段落:
-
-
完成 Google Analytics 4(GA4)
-
請依照「Google Analytics 4 (GA4) 網站數據分析設定」文章教學,完成 GA4 串接。
-
-
完成 Google Search Console
-
請依照「Google 網站管理員 (Google Search Console)」文章教學,完成驗證及提交 Sitemap。
-
-
編輯服務條款及隱私權條款
-
-
- Google 十分重視消費者權益,商店《售後服務》及《隱私權條款》資訊如未完整填寫,若遇到 Google 隨機審查可能會導致應用程式被停用,建議請完整填寫,以保障商家及消費者雙方權益。因此網站的售後服務及隱私權條款請務必完整設定,切勿略過。
- 請至 WACA 後台 ➜ 商店設定 ➜ 商店訊息(往下滑) ➜ 購物說明 ➜ 分別編輯「售後服務」及「隱私權條款」。
- 售後服務:請依照貴公司提供的售後服務內容進行編輯並儲存。
- 隱私權條款: HTML 編輯器有提供參考範例,點擊 [ 參考範例 ] ,將 「○○網站」更改為您的商店名稱後,點擊 [ 儲存 ] 完成設定。
(隱私權條款文案為系統提供的範例,如貴公司已備有完整隱私權政策文案可直接使用,沒有一定要使用此參考範例。)
-
設定 Google 登入
設定 Google 登入共需要完成以下六項設定。點擊連結快速前往段落:
-
-
建立 Google Cloud
-
-
- 如您的 Google 帳號已建立過 Google Cloud,請跳過此步驟,從「步驟②」開始設定。
請進入「https://console.cloud.google.com/welcome」。
Google 帳號初次進入 Google Cloud,請依照頁面指示選擇國家/地區以及同意服務條款後,點擊 [ 同意並繼續 ] 建立 Google Cloud 。
-
-
新增專案
-
-
- 請進入「https://console.cloud.google.com/」,點擊上方 [ 選取專案 ] 。
(如帳號曾經建立過專案,會顯示其它已建立的專案名稱,請點擊同一位置的按鈕即可) - 點擊右上角 [ 新增專案 ] 字樣。
- 請輸入自訂的「專案名稱」,使用 Google 企業信箱登入的商家可以依需求選擇機構組織及位置,設定完成請點擊 [ 建立 ]。
- 專案建立完成,請點選通知內的 [ 選取專案 ] 按鈕。
- 選取專案後,請進入「https://console.cloud.google.com/auth」,會顯示尚未設定 Google 驗證平台,請點擊 [ 開始 ] 按鈕。
- 進入專案設定頁後,請進行以下四個步驟:
- 請輸入自訂的「應用程式名稱」及「使用者支援電子信箱」後,點擊 [ 下一步 ]。
- 目標對象選擇 [ 外部 ]。
- 聯絡資訊請輸入您的 E-Mail 信箱。
- 勾選同意「Google API 服務:使用者資料政策」後,點擊 [ 繼續 ]。
- 請輸入自訂的「應用程式名稱」及「使用者支援電子信箱」後,點擊 [ 下一步 ]。
- 最後點擊 [ 建立 ]。
- 請進入「https://console.cloud.google.com/」,點擊上方 [ 選取專案 ] 。
-
-
建立 OAUTH 用戶端
-
-
- 專案設定完成後,頁面會回到 Auth 總覽頁,請點擊 [ 建立 OAUTH 用戶端 ]。
- 應用程式類型請選擇 [ 網頁應用程式 ]。
- 請輸入自訂的 OAuth 用戶端名稱。
- 已授權的重新導向 URI,請點擊 [+ 新增 URI ]。
- 請輸入您的商店網址,並於商店網址後方加上「/user/google」,例如:https://wabow.waca.tw/user/google ; 輸入完成請點擊 [ 建立 ]。
- 顯示「已建立 OAuth 用戶端」代表建立完成。
- 專案設定完成後,頁面會回到 Auth 總覽頁,請點擊 [ 建立 OAUTH 用戶端 ]。
-
-
應用程式資訊
-
-
- 完成 OAuth 用戶端建立後,請點擊 [ 品牌 ],設定應用程式資訊。
- 請確認「應用程式名稱」及「使用者支援電子郵件」資訊是否正確。
- 不用上傳應用程式標誌:)
- 應用程式網域,請依下方指示依序輸入以下欄位:
欄位名稱 輸入內容 範例
(請勿複製此網址使用)應用程式首頁 https://您的商店網址/ https://wabow.waca.ec/ 應用程式隱私權政策連結 https://您的商店網址/faq#policy https://wabow.waca.ec/faq#policy 應用程式服務條款連結 https://您的商店網址/faq#service https://wabow.waca.ec/faq#service - 授權網域,請點擊 [+新增網域 ],輸入您商店的主網域名稱。
- 使用「獨立網址」的商家:請輸入商店所使用的網域,例如:wabow.com
- 使用「 WACA 網域」的商家:請輸入商店所選用的網域,例如:waca.tw
- 開發人員聯絡資訊,請輸入您的聯絡 E-mail 後,最後點擊 [ 儲存 ]。
- 顯示「已儲存品牌宣傳變更」,代表完成應用程式資訊設定。
- 完成 OAuth 用戶端建立後,請點擊 [ 品牌 ],設定應用程式資訊。
-
-
發布應用程式
-
-
- 應用程式資訊設定完成後,需要發布應用程式;請點擊 [ 目標對象 ]。
- 預設的發布狀態為測試,請點擊 [ 發布應用程式 ]。
- 頁面會顯示提醒,推送到正式環境後,擁有 Google 帳戶的使用者都可以使用 Google 帳號登入註冊/登入您的商店會員,請點擊 [ 確認 ]。
- 當發布狀態顯示「實際運作中」代表完成應用程式發布。
- 應用程式資訊設定完成後,需要發布應用程式;請點擊 [ 目標對象 ]。
-
-
取得用戶端 ID 及密鑰完成串接
-
-
- 完成應用程式發布後,接下我們要將設定好的 OAuth 資訊與 WACA 後台完成串接。請點擊 [ 用戶端 ]。
- 右側「動作」➜ 點擊「下載」圖示 ➜ 下載 OAuth 用戶端。
- 會看到用戶端編號以及用戶端密碼資訊,請點擊右側「複製」圖示,分別複製用戶端 ID 以及密鑰。
- 回到 WACA 後台 ➜ 會員管理 ➜ 會員設定 ➜ Google 登入串接設定開關切換至「開啟」➜ 分別貼上用戶端 ID 及密鑰 ➜ 點擊橘色 [ 儲存 ] 按鈕。
- 串接 Google 登入完成後,消費者從商店前台 ➜ 登入 ➜ 選擇「Google 登入」➜ 登入 Google 帳號 ➜ 就能成功註冊/登入會員囉!
(建議您可以使用個人 Google 帳號測試登入會員,來確認串接是否成功)
- 完成應用程式發布後,接下我們要將設定好的 OAuth 資訊與 WACA 後台完成串接。請點擊 [ 用戶端 ]。