會員登入|Google 會員登入商家申請步驟
最後更新 2024-02-21

Google 會員登入功能,讓消費者不用填寫繁雜個資註冊會員,只需要使用個人 Gmail 帳號即可一鍵快速加入/登入商店會員,一起來看看設定串接的方式吧!

 

請務必依下方步驟先完成 《GA》、《Google Search Console 網域驗證》設定、以及 WACA 後台購物說明的《售後服務 編輯》《隱私權條款 編輯》等設定後,再進行 Google 登入功能設定。


步驟一、Google Analytics (網站數據分析) 

請依文章說明完成所有設定


步驟二、Google Search Console 驗證網域

請執行至 Sitemap 提交成功步驟 

Sitemap 提交成功

 

步驟三、『售後服務』及『隱私權條款』說明設定

請至 WACA 後台 ➜ 商店設定 ➜ 商店訊息(往下滑) ➜ 購物說明 ➜ 分別編輯「售後服務」及「隱私權條款」(隱私權條款有提供參考範例唷!)

小提醒:Google 十分重視消費者權益,商店《售後服務》及《隱私權條款》資訊如未完整填寫,應用程式可能會在 Google 審查時遭到封鎖而無法使用,因此建議完整填寫,以保障商家及消費者權益。

WACA 後台編輯『售後服務』及『隱私權條款』說明

 

步驟四、Google 登入設定

Google 登入設定共有五個項目需要設定,依序如下

  1. 新增專案
  2. OAuth 同意畫面設定
  3. 建立憑證
  4. WACA 後臺串接設定
  5. 發布應用程式

 

 

一、新增專案

1. 點擊此連結 前往 Google API 專案新增頁面。

2. 為你的專案命名,請輸入自訂的專案名稱,設定完成後請點擊【建立】。

先命名專案再建立

 

方通知顯示建立專案後會顯示通知訊息

建立專案後上方會有提醒訊息

 

3. 請點擊 橘框處,選擇剛剛建置的專案名稱

從左上角Google Cloud Platform 旁邊的下拉選單選擇剛建立的專案

 

請核對顯示的專案名稱是否是剛剛建置的專案名稱,顯示以下訊息代表有進入正確的專案設定畫面

進到專案設定頁會出現通知訊息

 

 

二、OAuth 同意畫面設定

1. 請按照以下圖示指示,點選左上角『≡』 ➜ API 和服務 ➜ OAuth 同意畫面

從左側選單進到OAuth 同意畫面

 

2. User Type ➜ 請選擇『外部』 ➜ 點擊【建立】

User Type選擇外部

 

3. 應用程式名稱  ➜ 請輸入自訂應用程式名稱

使用者支援電子信箱 ➜ 請輸入 / 選擇聯絡電子信箱 

應用程式資訊請命名應用程式並填寫聯絡email

 

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

 

『開發人員聯絡資訊』 ➜ 電子郵件地址 ➜ 請輸入聯絡電子信箱

上方欄位輸入完成後,請點擊【儲存並繼續】

授權網域請輸入waca結尾網域,或是獨立網域

 

6. 進入『範圍』,請直接點擊【儲存並繼續】

第二步驟範圍請直接點選儲存並繼續

 

7. 進入『測試使用者』,請直接點擊【儲存並繼續】

測試使用者直接點擊儲存並繼續

 

8. 進入『摘要』,請檢查上方欄位是否皆有正確填寫

如欄位輸入錯誤,請點擊右方【編輯】重新修改儲存,完成 OAuth 同意畫面設定。

進到4摘要再次確認資訊是否正確

 

 

三、建立憑證

1. 請回到左側導覽選單,點擊『憑證』

從左側選單進到憑證

 

2. 點擊『+建立憑證』 ➜ 「OAuth 用戶端 ID」

從+建立憑證選取 「OAuth 用戶端 ID」

 

3. 應用程式類型 ➜ 請選擇『網頁應用程式』

應用程式類型選取網頁應用程式

 

4. 名稱 ➜ 請輸入自訂用戶端名稱

已授權的重新導向URI,請點擊『+新增 URI 』 ➜ 填入商店首頁網址後方加上『 /user/google 』

例如:首頁網址為 https://www.abc.com ➜ 請填入 https://www.abc.com/user/google

欄位填寫完成後請點擊【建立】

輸入資訊建立 OAuth 用戶端 ID

 

5. 請分別複製 OAuth 用戶端的〝 用戶端 ID 〞〝 用戶端密鑰 〞

複製 OAuth 用戶端的 ID 和密鑰

 

 

四、WACA 後臺串接設定

回到 WACA 後台的「會員管理」 ➜ 「會員設定」,在「GOOGLE 登入串接設定」 將開關調整為「啟用」。

接著分別貼上用戶端 ID 及 用戶端密鑰(您的用戶端密碼) ➜ 點擊【儲存】

儲存後為求資訊安全,密鑰會消失不顯示是正常的喔!

將Google ID和密鑰回貼到 WACA 會員設定

 

 

五、發布應用程式

1. 請回到左側導覽選單,點擊『OAuth 同意畫面』

進到OAuth 同意畫面

 

2. 『發布狀態』 ➜ 請點擊【發布應用程式】

點擊【發布應用程式】

 

3. 請點擊【確認】

請確認要推送到實際工作環境

 

4. 發布狀態顯示「實際運作中」 代表應用程式正式上線。

『發布狀態』會顯示實際運作中

 

以上是 Google 會員登入設定串接步驟,設定完後建議請至商店前台測試登入,可以順利登入代表串接完成囉 ^_^

 

登入流程畫面請參照以下圖示

Google 會員登入畫面

 

 

 | 會員再行銷必備 | 
會員整合+精準行銷=有效減低推廣成本
會員整合 | 電商成功關鍵!會員與精準行銷的完美結合

 

WACA 電商充電站