【獨立網址/更改網址】建議修改串接資料教學
最後更新 2022-08-24

「網址更改完成後,需要更改哪些資料呢?」

 

如果商店有串接第三方服務,在更換商店網址後通常會需要修改第三方串接網址資訊,

例如會員登入、GA 等眾多功能都需要修改相關設定,否則會無法正常使用相關功能,

本篇文章內容主要是各家第三方/系統功能需要修改網址的資訊教學指南,

如果您剛剛更換商店網址,事不宜遲,請立刻按照下方教學更新網址資料吧!

 

特別提醒!

下方的操作教學,建議由當初申請第三方帳號/設定會員登入的人員操作,例如:

Facebook、Google、LINE  由當初設定會員登入/GA 的人員使用個人社群帳號登入操作

以確保擁有最高權限進行設定。

 

請依照商店已有設定的功能點擊標題,頁面會顯示修改流程教學喔!

 

【會員登入設定相關】※請點擊標題,可收合流程說明※

👉LINE 會員登入,請修改 Callback URL 網址

請登入LINE Developers ( https://developers.line.biz/zh-hant/ )

 請點選右上角 ➜ 『Log in』按鈕

請點選右上角Login按鈕

 

② 請選擇當初設定 LINE 會員登入的 LINE 帳號。

請登入當初設定 LINE 會員登入的 LINE 帳號

 

③ Providers  ➜ 選擇設定 LINE 會員登入功能時所設定的 Admin

進入 Providers  ➜ 選擇設定 LINE 會員登入功能時所設定的 Admin

 

④ 選擇 『LINE Login』

請選擇LINE Login

 

⑤ 請在 Basic settings ➜ 核對 Channel ID 是否與 WACA 後台一致

(如 Channel ID 沒有一致,代表進入錯誤的 Admin 頁面,請重新回到步驟③選擇正確的 Admin,或更換其它 LINE 帳號確認)

Basic settings 請核對 Channel ID 是否與 WACA 後台一致

 

⑥ 進入『LINE Login』 ➜ Callback URL ➜ 點選『Edit』

進入LINE Login➜Callback URL➜ 點選Edit

 

⑦ 請參照以下圖示,將 Callback URL 欄位將網址更改為 https://獨立網址/user/line ➜ 【Update】完成設定。

Callback URL更改為 https://獨立網址/user/line

 

👉Google 會員登入,請修改 URI/網域/隱私權政策等網址

請登入Google Cloud Platform ( https://console.cloud.google.com/home/dashboard )

 登入後,請點選上方紅框 ➜ 選擇設定 Google 會員登入時的專案名稱

請選擇設定 Google 會員登入時的專案名稱

 

② 點選左上角『≡』 ➜ 『API和服務』 ➜ 憑證

進入API和服務→憑證

 

③ OAuth2.0 用戶端 ID ➜ 核對用戶端編號是否與 WACA 後台用戶端 ID 一致 ➜ 點擊名稱連結

(如用戶端 ID 沒有一致,代表進入錯誤的專案名稱,請重新回到步驟選擇正確的專案名稱,或更換其它 Google 帳號確認)

OAuth2.0 用戶端 ID 請核對用戶端編號是否與 WACA 後台用戶端 ID 一致,確認後點擊名稱連結

 

④ 請參照以下圖示,將已授權的重新導向 URI  欄位將網址更改為 https://獨立網址/user/google ➜ 【儲存】

已授權的重新導向 URI  欄位將網址更改為 https://獨立網址/user/google後請按【儲存】

 

⑤ 回到資訊主頁 ➜ 進入『OAuth 同意畫面』

請進入『OAuth 同意畫面』

 

⑥ 進入『OAuth 同意畫面』 ➜ 點擊『編輯應用程式』

點擊『編輯應用程式』

 

 請參照以下圖示,分別設定以下三個欄位:

應用程式首頁請更改為獨立網址

應用程式隱私權政策連結將網址更改為 https://獨立網址/faq#policy

授權網域請輸入獨立網域(不包含 www / 子網域)

上方三個欄位皆設定完成後,請點擊【儲存並繼續】

分別編輯應用程式首頁、應用程式隱私權政策連結、授權網域,設定完成後請點儲存並繼續

 

 進入範圍頁面,請直接將頁面拉到最底下,點擊【儲存並繼續】

在頁面最下方點擊儲存並繼續

 

 進入選填資訊頁面,請直接將頁面拉到最底下(選填欄位可不填寫),點擊【儲存並繼續】

選填欄位可以不填寫,請往下拉到儲存並繼續

 

 最後進入摘要頁面,請檢查應用程式首頁連結/應用程式隱私權政策連結/已授權網域是否都已是獨立網域

確認網址已更換為獨立網址即完成設定。

摘要頁請檢查應用程式首頁連結/應用程式隱私權政策連結/已授權網域是否都更改為獨立網址,確認正確後代表完成設定

 

👉Facebook 會員登入,請修改 基本資料/Facebook 登入網址

請登入 Facebook for Developers ( https://developers.facebook.com ),登入 Facebook 帳號後

 請點選右上角 ➜ 『我的應用程式』連結

請登入 Facebook for Developers 點選右上角我的應用程式連結

 

請在管理員應用程式確認是否有 WACA 後台相同的應用程式編號 ➜ 確認應用程式編號相同後請點擊紅框圖示進入頁面

(如在管理員應用程式頁面沒有看到跟 WACA 後台一樣的應用程式編號,代表登入的 Facebook 帳號沒有該應用程式編號管理者權限,建議使用當初設定 Facebook 會員登入的 Facebook 帳號設定,確保擁有最高權限)

請確認應用程式編號是否與 WACA 後台一致,確認後點擊圖示進入應用程式頁

 

③ 進入應用程式主控板 ➜ 『設定』 ➜ 『基本資料』

請參照以下圖示,分別設定以下欄位:

應用程式網域請更改為獨立網址

隱私政策網址將網址更改為 https://獨立網址/faq#policy

用戶資料刪除請輸入 https://獨立網址/contact

請至基本資料更新應用程式網域/隱私政策網址/用戶資料刪除網址資訊

 

④ 用戶資料刪除設定完成後請往下拉至『網站』欄位

網站網址請更改為獨立網址

上述四個欄位設定完成後,請點擊【儲存變更】,接著繼續步驟⑤設定

繼續往下拉至網站欄位,請輸在網站網址輸入完整網址

 

⑤ 請至『 Facebook 登入』 ➜ 『設定』

有效的 OAuth 重新導向 URI 將網址更改為 https://獨立網址/user/facebook

設定完成後請點擊【儲存變更】完成設定。

有效的 OAuth 重新導向 URI 將網址更改為 https://獨立網址/user/facebook,設定完成後請點儲存變更

 

【行銷推廣設定相關】※請點擊標題,可收合流程說明※

👉通用型 GA - Google Analytics(追蹤編號UA-XXXXXXXX-X),請修改預設網站。

請登入 Analytics(分析) 頁面 ( https://analytics.google.com/analytics )

 點選左下角 ➜ 『管理』

請點擊左下角管理

 

② 『帳戶設定』 ➜  請核對追蹤編號是否與 WACA 後台一致 ➜  『資源設定』

(如追蹤編號沒有一致,代表進入錯誤的 GA 帳戶,請重新回到步驟①點擊所有網站資料並選擇正確的資源和應用程式編號,或更換其它 Google 帳號確認)

帳戶設定➜ 請核對追蹤編號必須與 WACA 後台一致,然後點擊 『資源設定』

 

 請依照圖示說明,預設網址請更改為獨立網址

請更新預設網址

 

  設定完成後,請拉到最底下 ➜ 點擊【儲存】

設定完成後請至最底下點擊儲存

 

 上方顯示『成功。』字樣,代表設定完成。

顯示成功代表設定完成

 

👉新版 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 時,選擇目錄務必新增資產使用,不可以使用原有目錄。

綁定FBE時,目錄一定要新增資產,不可以使用現有的目錄。

 

 最後請點擊右方文章連結,按照頁面步驟重新設定 Facebook 商店 ➜  新增綁定 Facebook 商店

 

👉請重新登錄 Google Search Console/Bing、Yahoo網站管理員

請點擊右方文章連結,按照頁面步驟進行重新登錄搜尋引擎 ➜  主動拜訪兩大搜尋引擎,有效加速新店曝光

 

 

【商店設定相關】※請點擊標題,可收合流程說明※

👉Facebook 留言框,請修改隱私政策網址/網站網址。

請登入 Facebook 帳號,進入所有應用程式 ( https://developers.facebook.com/apps )

 請在管理員應用程式確認是否有 WACA 後台相同的應用程式編號 ➜ 確認應用程式編號相同後請點擊紅框圖示進入頁面

(如在管理員應用程式頁面沒有看到跟 WACA 後台一樣的應用程式編號,代表登入的 Facebook 帳號沒有該應用程式編號管理者權限,建議使用當初設定 Facebook 留言框登入的 Facebook 帳號設定,確保擁有最高權限)

進入管理員應用程式,確認應用程式編號與WACA後台一致後,進入應用程式頁

 

② 進入應用程式主控板 ➜ 『設定』 ➜ 『基本資料』

請參照以下圖示,分別設定以下欄位:

隱私政策網址將網址更改為 https://獨立網址/faq#policy

設定完成後請往下拉至『網站』欄位

網站網址請更改為獨立網址

上述二個欄位設定完成後,請點擊【儲存變更】完成設定。

進入基本資料更改隱私權政策網址、網站資訊,設定完成後請點擊儲存變更

 

👉Facebook 顧客洽談,請新增允許清單中的網域。

 請由粉絲專頁管理者進入粉絲專員,點選左下角『設定』

請從粉絲專頁左下角的設定進入

 

② 進入『進階訊息』 ➜ 『允許清單中的網域』 ➜ 請將舊網址刪除,新增獨立網址後 ➜ 按下【儲存】完成設定。

請至進階訊息→允許清單中的網址刪除舊網址,並更新為新網址

 

👉Omnichat,請更改網站地址。

 請登入 Omnichat 後台,進入『通訊渠道』 ➜ 『網站對話插件』 ➜ 『更改』

進入Omnichat後台後,通訊渠道→網站對話插件→更改,修改為新網址

 

② 請輸入獨立網址後按下【確定】

設定完成後請點擊確定

 

② 顯示『更新成功』代表設定完成。

顯示更新成功代表設定完成

 

👉商店佈景頁尾設定,請重新設定頁尾網址。

請至「商店佈景」,點擊頁尾元件,進到右側元件設定的頁尾連結管理「編輯連結」,

後台進入商店佈景

商店佈景還原預設值

 

接著點選編輯連結的「還原預設值」按鈕,讓連結自動更新為新的網址,最後按下「確定」,並發佈商店佈景。

商店佈景還原預設值

但要特別注意的是連結還原預設值後,就必須重新排序喔!

 

 

【金、物流相關設定】

 

 

更換網址後,除了按照上方教學設定第三方串接網址之外,也建議大家在設定好網址後,請到商店前台自己下一筆測試的訂單。

以第三方金流為例,下單時請確認是否可以進入付款畫面完成付款。

以第三方物流為例,請在結帳頁面點選超商地圖,有完整顯示超商地圖代表有串接完成。

如果有需要協助的地方,歡迎使用右下角客服對話框與我們聯繫喔!