• 指南

設定 Google 社交登入

本指南將說明讓訪客能簡便地以Google帳戶註冊並登入我的網站的設置步驟。

開始之前

開始本指南之前需要Google帳戶。如尚未擁有Google帳戶,請通過以下連結建立Google帳戶點擊後建立新的帳戶。

如正啟用防止以相同名字(暱稱)的重複註冊的話,請解除該選項。大部分的社交登入註冊會員都直接使用該社交平台的名字(暱稱)。為允許社交平台同一名字(暱稱)的使用,須先防止以相同名字(暱稱)重複註冊的限制解除,才能讓註冊完善的進行。

解除方法:進入管理頁面 > 註冊及羣組設置 > (下拉至中間部分) 輸入表管理 > 名字項目中點擊修改按鈕後取消勾選防止以相同名字(昵稱)的重複註冊

設置方法

欲適用Google社交登入請按照以下階段進行設置。

  1. 進入Google API Console
  2. 通過 Google 帳戶登入。
  3. (在還未同意的情況下)同意服務條款後點擊同意並繼續

此步驟為選擇項目。已有專案的情況請跳過此步驟,從第3步開始。如需要建立新的專案,請參考此指南下方的建立新專案指南。

  1. 在左側菜單中點擊資料庫

  2. 將滑鼠滾輪向下滾動選擇社交項目的Google+ API

  3. Google+ API頁面中點擊 啟用。

  1. 在左側菜單中點擊憑證
  2. 點擊設定同意畫面按鈕。

  3. User Type選擇外部後,點擊建立按鈕。

  4. 應用程式資訊中輸入應用程式名稱(主要為網站名),並選擇使用者支援電子郵件

    注意: 新增應用程式標誌時,Google審核會需要4~6週的時間。如欲加快審核時間,建議您不要新增應用程式標誌。

  5. 應用程式網域中輸入應用程式首頁應用程式隱私權政策連結應用程式服務條款連結

    參考: 個人資料處理方針與使用條款連結可以於條款URL確認之指南中確認查看方法。

    • 應用程式首頁:輸入網站代表網域。(使用第二域名的情況,請輸入整個第二域名。)
    • 應用程式隱私權政策連結我的網域/?mode=privacy
    • 應用程式服務條款連結我的網域/?mode=policy
  6. 授權網域中點擊+新增網域按鈕。
  7. 輸入代表網域。(在域名前請勿輸入http或https)

    參考:在使用第二域名的情況,請輸入第一域名。舉例來說,請以imweb.me替代abc.imweb.me來輸入。

  8. (選填項目) 如尚有欲新增的網域,請點擊+新增網域按鈕來新增全部。舉例來說,如欲在進入I'MWEB次網域(abc.imweb.me)時也能登入的話,請新增 imweb.me。

  9. 開發人員聯絡資訊中輸入Email地址。(Google將在專案有變更事項時發送通知,可以輸入多個聯絡資訊。)
  10. 點擊儲存並繼續按鈕。
  1. 點擊新增或移除範圍按鈕。

  2. 勾選基本Google帳戶的Email地址確認查看個人資訊(包含設定為公開之個人資訊)後,點擊更新按鈕。

  3. 點擊頁面下端儲存並繼續按鈕。
  1. 點擊+ ADD USERS按鈕。

  2. 輸入Email地址以新增測試使用者。(最多可新增100位測試使用者。)
  3. 點擊儲存並繼續按鈕以完成測試使用者之新增。
  1. 在左側菜單中點擊憑證
  2. 點擊在上方的+建立憑證後,會出現OAuth用戶端ID

  3. 參考以下圖片之說明選擇應用程式類型後,輸入名稱已授權的重新導向URL

    1. 應用程式類型:選擇網頁應用程式
    2. 名稱:輸入網站名稱。
    3. 已授權的 JavaScript 來源:跳過此項目。
    4. 已授權的重新導向 URI:輸入http://我的網域/oauth
  4. 點擊下方建立按鈕。
  5. 建立用戶端ID用戶端密碼後,點擊右側的複製圖示進行複製,並貼上至筆記本中。

  6. 點擊確定以顯示關閉用戶端ID和密碼之視窗。
  1. 在左側菜單中點擊OAuth同意畫面
  2. 點擊發布應用程式按鈕。

  3. 點擊確定
  1. 進入I'MWEB網站管理頁面。進入方法
  2. 點擊左側菜單中[環境設置 > 社交登入 / API設置]
  3. 移動至Google登入項目。
  4. 選擇使用Google登入
  5. 貼上在第7步. 複製好的用戶端ID用戶端密碼。(快捷鍵:CTRL + V)

  6. 點擊儲存按鈕。
  7. 現在即可開始使用Google登入。

建立新專案和刪除方法

如因新增應用程式標誌而造成審核、不明原因之設置錯誤等問題時,可以刪除現有專案並以建立新專案的方式再次進行設置。建立新專案後請參考上方設定方法,重新設定Google登入。

  1. 在左側菜單點擊專案名稱

  2. 選取專案視窗出現後,點擊新增專案

  3. (選填項目) 修正專案名稱後,選擇位置

  4. 全部設定完成後點擊建立按鈕。
  5. 即建立好新的專案,在完成之前需要些時間。
  6. 再次點擊專案名稱。新的專案建立完成的話,點擊建立好的專案。

  7. 到這裡後請參考上方的指南說明,並進行新的Google社交登入設置。
  1. 點擊帳戶圖示左邊的更多資訊圖示,並點擊專案設定

  2. 點擊終止

  3. 輸入專案ID後,點擊終止

    參考: 請參考輸入欄上方標記的ID後輸入專案ID。

  4. 確認是否刪除的視窗出現後,點擊確認
  5. 即完成刪除專案。
  6. (選填項目) 刪除現有專案後,如欲新建立專案請點擊左上方的建立專案

跳轉至目錄

用過一次就愛上,“我”就是I’MWEB的忠實粉絲。

在I’MWEB自由表達“我”的想法
324.9K
累積的建設網站數量
已有數十萬位用戶
在I’MWEB表達著自己的理念。
315
平均每日建設的網站數量
每日有多個新品牌在
I'MWEB 推出客製化網站
2.8K
全國合作夥伴

I’MWEB官方合作夥伴