「網址更改完成後,需要更改哪些資料呢?」
如果商店有串接第三方服務,在更換商店網址後通常會需要修改第三方串接網址資訊,
例如會員登入、GA 等眾多功能都需要修改相關設定,否則會無法正常使用相關功能,
本篇文章內容主要是各家第三方/系統功能需要修改網址的資訊教學指南,
如果您剛剛更換商店網址,事不宜遲,請立刻按照下方教學更新網址資料吧!
特別提醒!
下方的操作教學,建議由當初申請第三方帳號/設定會員登入的人員操作,例如:
Facebook、Google、LINE ➜ 由當初設定會員登入/GA 的人員使用個人社群帳號登入操作
以確保擁有最高權限進行設定。
請依照商店已有設定的功能點擊標題,頁面會顯示修改流程教學喔!
【會員登入設定相關】※請點擊標題,可收合流程說明※
👉LINE 會員登入,請修改 Callback URL 網址。
請登入LINE Developers ( https://developers.line.biz/zh-hant/ )
① 請點選右上角 ➜ 『Log in』按鈕
② 請選擇當初設定 LINE 會員登入的 LINE 帳號。
③ Providers ➜ 選擇設定 LINE 會員登入功能時所設定的 Admin
④ 選擇 『LINE Login』
⑤ 請在 Basic settings ➜ 核對 Channel ID 是否與 WACA 後台一致
(如 Channel ID 沒有一致,代表進入錯誤的 Admin 頁面,請重新回到步驟③選擇正確的 Admin,或更換其它 LINE 帳號確認)
⑥ 進入『LINE Login』 ➜ Callback URL ➜ 點選『Edit』
⑦ 請參照以下圖示,將 Callback URL 欄位將網址更改為 https://獨立網址/user/line ➜ 【Update】完成設定。
👉Google 會員登入,請修改 URI/網域/隱私權政策等網址。
請登入Google Cloud Platform ( https://console.cloud.google.com/home/dashboard )
① 登入後,請點選上方紅框 ➜ 選擇設定 Google 會員登入時的專案名稱
② 點選左上角『≡』 ➜ 『API和服務』 ➜ 憑證
③ OAuth2.0 用戶端 ID ➜ 核對用戶端編號是否與 WACA 後台用戶端 ID 一致 ➜ 點擊名稱連結
(如用戶端 ID 沒有一致,代表進入錯誤的專案名稱,請重新回到步驟①選擇正確的專案名稱,或更換其它 Google 帳號確認)
④ 請參照以下圖示,將已授權的重新導向 URI 欄位將網址更改為 https://獨立網址/user/google ➜ 【儲存】
⑤ 回到資訊主頁 ➜ 進入『OAuth 同意畫面』
⑥ 進入『OAuth 同意畫面』 ➜ 點擊『編輯應用程式』
⑦ 請參照以下圖示,分別設定以下三個欄位:
應用程式首頁請更改為獨立網址
應用程式隱私權政策連結將網址更改為 https://獨立網址/faq#policy
授權網域請輸入主獨立網域(不包含 www / 子網域)
上方三個欄位皆設定完成後,請點擊【儲存並繼續】
⑧ 進入範圍頁面,請直接將頁面拉到最底下,點擊【儲存並繼續】
⑨ 進入選填資訊頁面,請直接將頁面拉到最底下(選填欄位可不填寫),點擊【儲存並繼續】
⑩ 最後進入摘要頁面,請檢查應用程式首頁連結/應用程式隱私權政策連結/已授權網域是否都已是獨立網域
確認網址已更換為獨立網址即完成設定。
👉Facebook 會員登入,請修改 基本資料/Facebook 登入網址。
請登入 Facebook for Developers ( https://developers.facebook.com ),登入 Facebook 帳號後
① 請點選右上角 ➜ 『我的應用程式』連結
② 請在管理員應用程式確認是否有 WACA 後台相同的應用程式編號 ➜ 確認應用程式編號相同後請點擊紅框圖示進入頁面
(如在管理員應用程式頁面沒有看到跟 WACA 後台一樣的應用程式編號,代表登入的 Facebook 帳號沒有該應用程式編號管理者權限,建議使用當初設定 Facebook 會員登入的 Facebook 帳號設定,確保擁有最高權限)
③ 進入應用程式主控板 ➜ 『設定』 ➜ 『基本資料』
請參照以下圖示,分別設定以下欄位:
應用程式網域請更改為獨立網址
隱私政策網址將網址更改為 https://獨立網址/faq#policy
用戶資料刪除請輸入 https://獨立網址/contact
④ 用戶資料刪除設定完成後請往下拉至『網站』欄位
網站網址請更改為獨立網址
上述四個欄位設定完成後,請點擊【儲存變更】,接著繼續步驟⑤設定
⑤ 請至『 Facebook 登入』 ➜ 『設定』
有效的 OAuth 重新導向 URI 將網址更改為 https://獨立網址/user/facebook
設定完成後請點擊【儲存變更】完成設定。
【行銷推廣設定相關】※請點擊標題,可收合流程說明※
👉通用型 GA - Google Analytics(追蹤編號UA-XXXXXXXX-X),請修改預設網站。
請登入 Analytics(分析) 頁面 ( https://analytics.google.com/analytics )
① 點選左下角 ➜ 『管理』
② 『帳戶設定』 ➜ 請核對追蹤編號是否與 WACA 後台一致 ➜ 『資源設定』
(如追蹤編號沒有一致,代表進入錯誤的 GA 帳戶,請重新回到步驟①點擊所有網站資料並選擇正確的資源和應用程式編號,或更換其它 Google 帳號確認)
③ 請依照圖示說明,預設網址請更改為獨立網址
④ 設定完成後,請拉到最底下 ➜ 點擊【儲存】
⑤ 上方顯示『成功。』字樣,代表設定完成。
👉新版 GA4 - Google Analytics 4(追蹤編號G-XXXXXXXXXX),請修改資料串流。
請登入 Analytics(分析) 頁面 ( https://analytics.google.com/analytics )
① 點選左下角 ➜ 『管理』 ➜ 資料串流 ➜ 選擇『舊的商店網址』
② 串流詳細資料 ➜ 點擊右側『筆』編輯圖示
③ 網站網址請輸入商店新網址 ➜ 點擊『更新串流』完成設定。
👉請重新設定 Facebook 企業管理平台網域驗證。
請點擊右方文章連結,按照頁面步驟進行重新網域驗證 ➜ Facebook 企業管理平台網域驗證
請特別留意!
以上文章設定流程適用於『DNS 由 WACA 代管』及『使用 WACA 網域』的商家驗證使用
如 DNS 自管的商家不適用此文章驗證流程,請按照 Facebook 官方說明,使用 DNS 驗證 方式驗證網域唷!
👉請重新設定 Facebook 商店。
Facebook 商店設定流程,請按照以下步驟進行設定:
① 請按照以下圖示操作,確認粉絲專頁綁定的目錄名稱,並將目錄名稱記錄下來。
② 請點擊右方文章連結,按照頁面步驟將原綁定的目錄名稱移除並解除 FBE 綁定 ➜ 移除 Facebook 商店及解除 FBE 綁定
③ 刪除目錄及解除 FBE 綁定後,請重新執行 FBE 串接 ➜ 開始串接 Facebook Business Extension
請特別留意!重新串接 FBE 時,選擇目錄務必新增資產使用,不可以使用原有目錄。
④ 最後請點擊右方文章連結,按照頁面步驟重新設定 Facebook 商店 ➜ 新增綁定 Facebook 商店
【商店設定相關】※請點擊標題,可收合流程說明※
👉Facebook 留言框,請修改隱私政策網址/網站網址。
請登入 Facebook 帳號,進入所有應用程式 ( https://developers.facebook.com/apps )
① 請在管理員應用程式確認是否有 WACA 後台相同的應用程式編號 ➜ 確認應用程式編號相同後請點擊紅框圖示進入頁面
(如在管理員應用程式頁面沒有看到跟 WACA 後台一樣的應用程式編號,代表登入的 Facebook 帳號沒有該應用程式編號管理者權限,建議使用當初設定 Facebook 留言框登入的 Facebook 帳號設定,確保擁有最高權限)
② 進入應用程式主控板 ➜ 『設定』 ➜ 『基本資料』
請參照以下圖示,分別設定以下欄位:
隱私政策網址將網址更改為 https://獨立網址/faq#policy
設定完成後請往下拉至『網站』欄位
網站網址請更改為獨立網址
上述二個欄位設定完成後,請點擊【儲存變更】完成設定。
👉Facebook 顧客洽談,請新增允許清單中的網域。
① 請由粉絲專頁管理者進入粉絲專員,點選左下角『設定』
② 進入『進階訊息』 ➜ 『允許清單中的網域』 ➜ 請將舊網址刪除,新增獨立網址後 ➜ 按下【儲存】完成設定。
👉商店佈景頁尾設定,請重新設定頁尾網址。
請至「商店佈景」,點擊頁尾元件,進到右側元件設定的頁尾連結管理「編輯連結」,
接著點選編輯連結的「還原預設值」按鈕,讓連結自動更新為新的網址,最後按下「確定」,並發佈商店佈景。
但要特別注意的是連結還原預設值後,就必須重新排序喔!
【金、物流相關設定】
- 使用『國泰世華銀行信用卡』服務的商家,請您主動與國泰世華窗口聯繫通知更改回傳網址資訊喔!
- 使用『LINE Pay』服務的商家,請依照付款設定|付款方式選擇「LINE Pay」,給消費者更多方便!文章說明修改官網網址。
- 使用 PayNow、綠界、ezShip 等第三方金、物流服務,請洽 PayNow、綠界、ezShip 客服確認更改網址須調整的設定。
更換網址後,除了按照上方教學設定第三方串接網址之外,也建議大家在設定好網址後,請到商店前台自己下一筆測試的訂單。
以第三方金流為例,下單時請確認是否可以進入付款畫面完成付款。
以第三方物流為例,請在結帳頁面點選超商地圖,有完整顯示超商地圖代表有串接完成。
如果有需要協助的地方,歡迎使用右下角客服對話框與我們聯繫喔!