Ako Marketing｜如何在 Shopify 更換 Google 快速登入的 LOGO 和名稱？

*最後更新時間：2024-04-15
*適用論文App方案：免費方案即可使用
*預計閱讀時間：5分鐘

在開始之前

  1. 社群帳號登入功能為Ako Marketing免費方案即可使用。
  2. 若尚未安裝App 👉 請點此安裝 Ako Marketing ，提供 14 天免費試用。
  3. 若不確定如何訂閱應用程序，請參考本篇說明完成訂閱。

為什麼要更換登錄LOGO？

當會員透過 Ako Marketing 的社群登入功能使用 Google 帳號登入時，Google 會顯示一個畫面，詢問會員是否同意將電子郵件和基本資料分享給 Ako Marketing 才能繼續完成登入。

在這個登入畫面中，Google 會預設顯示 Ako 的標誌和名稱。為了避免您的會員因為在登入時看到不熟悉的 LOGO 感到困惑或降低信任度，我們準備了這篇教學文章，請參考這篇教學的步驟，將登錄時的一致畫面變更為您的品牌LOGO與品牌名稱，從而提升用戶的信任度，並提供他們更一致的登錄體驗。

Step1：在Google Cloud Platform建立專案

  1. 登入Google Cloud Platform（ https://console.cloud.google.com ）從雲端總覽點選「建立專案」：


  2. 命名專案名稱（只有您會看到）並點擊“建立”（無機構也可以）


  3. 在左側列表的“ API 和服務”>“ OAuth同意畫面”，將“用戶類型”勾選為“外部”並點擊“建立”：

第2步：開始自編輯 Google 登入畫面

💬此步驟將帶您前往自訂使用Google帳號登錄的同意畫面，確保會員在登錄時看到您的品牌LOGO和名稱，請按照以下說明依序完成自訂欄位。

[應用程式資訊]

  1. 從左側導覽列的「 API 和服務 > OAuth 同意畫面」，將您的品牌名稱輸入「應用程式名稱」，這會取代掉登入畫面上預設的 Ako 登入名稱。
  2. 在「使用者支援電子郵件」中輸入會員能夠和您聯絡的信箱，當他們對於同意聲明有疑問時，可以透過此信箱與您聯絡。

[應用程式標誌]

  1. 這裡上傳您的品牌LOGO，這將登錄預設的Ako 標誌替換掉：

[應用程式網域]

  1. 在此分別輸入您的「網站首頁連結」、「隱私權政策連結」和「服務條款連結」，同時請檢查您的商店是否已合乎 Google的規範，包含：
    您的首頁顯示所需的隱私權政策和服務條款的連結。

[授權網域]

在此輸入您的網站連結（不包括http://或https://）

 

[開發人員聯絡資訊]

提供一個Google可以通知您的電子郵件地址。

  1. 在步驟二的「範圍」點選「新增或刪除範圍」

  2. 選擇「 .../auth/userinfo.email 」、「 .../auth/userinfo.profile 」兩種範圍，更新後點選「儲存並繼續」


  3. （非必須）如需新增測試用戶，請點選「 ＋新增用戶」新增，完成後點選「儲存並繼續」：


  4. 在第四步驟「摘要」確認資訊皆是否正確，確認無誤後點選右側的「憑證」：

Step3：建立登錄資金

  1. 在資金頁面點選「 ＋建立資金」並選擇「 OAuth 用戶端 ID 」：


  2. 在應用程式類型中選擇“網頁應用程式”：


  3. 接下來依照以下說明依序填寫欄位：

    ➊ 取代使用 Google 自訂登錄的會員命名，這個名稱方便您內部操作，顧客只是不會看到
    ➋ 在「已授權的 JavaScript 來源」中輸入： https://app.akohub.com
    號
    ➌ 在「已授權的重新引導 URI 」中輸入： https://app.akohub.com/social/google/oauth
    號
    ➍ 點選「建立」

  4. 創建成功後您會獲得一組“ Client ID ”與“ Client Secret ”，請複製這兩串程式碼：


  5. 返回 Shopify 管理程式後台 > 應用程式 > 前往 Ako Marketing App 後台 > 設定 > 社群登入 > 點擊自訂應用程式按鈕並選擇 Google，將剛才複製的 Client ID 和 Client Secret 貼入對應的欄位內：

Step4：發送出自訂登錄畫面申請給Google並等待驗證通過

  1. 返回 Google Cloud Platform > API 和服務 > 進入“ OAuth 同意畫面”，在“發布狀態”點擊“發布應用程式”並在“要自適應到正式環境嗎？ ”按“確認”：



  2. 接下來在「驗證狀態」點選「為驗證作業完成準備」：
    ※如果您的驗證狀態是「不需要驗證」，請點擊修改右上角的「🖋️編輯應用程式」，查看您的OAuth同意畫面還有哪些地方需要。

  3. 在為驗證進行準備中，依序檢查自訂登入畫面的資料是否正確：

    確認完畢後，打勾「我使用OAuth範圍的方式符合《Google API服務：使用者資料政策》的規定。 」，並點選「送交驗證」：



  4. 發送交驗證後，驗證狀態會變成「驗證中」

  5. 接下來Google會發送驗證郵件，請本人回覆此封郵件，Google將會開始驗證流程。

  6. 等Google完成驗證後，驗證狀態就會變成“ 🅥已通過驗證」 ✨接下來您的顧客在使用Google帳號登錄會員時，就可以看到Google的登錄畫面顯示您的品牌LOGO與品牌名稱囉！

    返回網誌