【目錄】

一、前置作業

二、後台串接設定

一、前置作業

＊請／務必務必務必／先完成以下前置作業，再進行【二、後台串接設定】設定流程！否則將無法正常進行設定與使用！

前置作業 ❶

完成「Google Analytics分析」串接設定，詳細設定流程請前往：https://shopstore.tw/article/19

前置作業 ❷

完成「Google Search Console網域驗證所有權」並完成「Sitemap提交」，詳細設定流程請前往：https://shopstore.tw/article/44

前置作業 ❸

在 ShopStore 店家管理後台→「基本設定」→「商店設定」→「服務條款及隱私政策」區塊內，需一定要有內容。

如店家本身對顧客已有一套自己品牌公司對於顧客相關法規說明，即可以在此做輸入；如較不知道此欄位需填寫什麼內容的話，可以直接前往我們 ShopStore 官網的「隱私權條款」，從＜第一條 適用範圍>將整篇內文複製貼上。

二、後台串接設定

前往 Google API 專案新增頁面→在「專案名稱」可輸入商店名稱，「位置」選擇預設的「無機構」→點擊藍色按鈕「建立」

點擊置頂選單的「」選單。

點擊選擇剛所建立的專案名稱。

在左方側邊選單，點擊前往「API和服務」→「OAuth同意畫面」。

＊如店家左方的側邊選單預設是為收合，可以點擊左上角的「」即可展開選單。

＊在前往「OAuth同意畫面」以前，店家可以再次核對，目前所在的專案，是否為剛所新增建立的專案，以避免設定到其他專案。

在「User Type」請務必一定要選擇「外部」→點擊藍色按鈕「建立」。

輸入「應用程式資訊」區塊內的資訊。

＊應用程式名稱：可輸入「商店名稱」。

＊使用者支援電子郵件：請輸入可連絡您的Email信箱。

＊應用程式標誌：請略過此欄位，此欄位不用做輸入。

確認資料皆正確後→下滑頁面至「應用程式網域」區塊。

輸入「應用程式網域」區塊內的資訊。

＊應用程式首頁：請輸入前台首頁網址，

➞例如：https://123.shopstore.tw。（如為獨立網域的店家，即輸入該網域名稱，例如：https://123.com.tw）

＊應用程式隱私權政策連結、應用程式服務條款連結：在首頁網址後方加入 /about_policy，

➞例如：https://123.shopstore.tw/about_policy。（Google會不定期做審核）

＊如店家商店有將「隱私權」與「服務條款」另外開立新分頁做說明的話，請自行找到該網址，分別填入對應欄位。

確認「應用程式網域」內資料皆正確後→在「授權網域」點擊「」按鈕。

輸入「網域域名」→輸入「開發人員聯絡資訊」。

＊網域域名：

➞【子網域】請輸入首頁網址後方的域名，例如：https://123.shopstore.tw 即輸入 shopstore.tw

➞【獨立網域】請輸入首頁網址的整串網址，例如：https://123.com.tw 即輸入 https://123.com.tw

＊開發人員聯絡資訊：請輸入可連絡您的 Email。

確認資訊皆正確後→點擊下方底部按鈕「儲存並繼續」。

直接點擊下方按鈕「儲存並繼續」。

直接點擊下方按鈕「儲存並繼續」。

來到此畫面，即代表「OAuth同意畫面」已設定完成，請點擊左方選單「憑證」。

＊如有發現在資料上有需要更改的地方，可以點擊右方「編輯」按鈕，再次更新資訊。

點擊上方「建立憑證」→「OAuth用戶端ID」。

點擊「應用程式類型」選單。

請務必一定選擇「網頁應用程式」。

輸入「名稱」。

＊系統預設會為輸入「網路用戶端1」，那店家可以修改輸入「商店名稱」。

在「已授權的重新導向URI」區塊，點擊「」按鈕。

輸入「URI」→確認資料皆正確後，點擊下方藍色按鈕「建立」。

█ 在「URI」獲取的方式有兩種，以下提供店家做選擇的：

＊方式一：手動輸入「首頁網址/user/google/login/callback」，

➞例如：https://123.shopstore.tw/user/google/login/callback

＊方式二：店家也可以先登入 ShopStore 店家管理後台→「行銷推廣」→「Google」→在「會員Google快速登入」區塊點擊按鈕做開啟→即可以看到有個「重新導向 URI」的灰底欄位，即可以將此欄位的URI複製起來，貼至下方圖片內的「URI」欄位的！

在「您的用戶端ID」與「您的用戶端密碼」點擊右方「」，將裡面的串接碼都做複製。

登入 ShopStore 店家管理後台→前往「行銷推廣」→「Google」。

在「會員Google快速登入」區塊，點擊右方按鈕做開啟。

將剛複製的「您的用戶端ID」與「您的用戶端密碼」，貼上對應欄位。

確認資料皆正確後→點擊右下方藍色按鈕「儲存」。

回到 Google API 專案新增頁面→點擊左方選單「OAuth 同意畫面」。

在「發布狀態」區塊內，點擊「」按鈕。

點擊右下方「確認」。

當「發布狀態」顯示為「實際運作中」，即代表全部設定完成了！

此時，即會在前台「會員登入／註冊」畫面顯示囉！