# G-24 買主註冊成功頁

> [name=Tony Fan]
###### tags: `G系統功能頁` `頁面分析`

## API 清單

No | API | Desc | 執行順序 | 執行條件 | 參考
---|---------|----------------------------|----------|---------------------------------------|------
1 | [URI-A-02](https://hackmd.io/Cbw7V8AETEOzCk4s7TgfwA) | prepare 多語標籤 | 1 | page init | [附註-多語標籤](#多語標籤)
2 | [URI046](https://hackmd.io/C0_27LhmTD6m9qV_DahhTQ) | SEO資料 | 1 | page init | [附註-SEO資料](#SEO資料)

## 原頁面網址
- https://www.taiwantrade.com/register/buyerSubmit
- 獨立頁面


## 原頁面 URL 解析
* `${domain}/register/buyerSubmit`
* domain: 網域

## 頁面解說圖

### 頁面區塊說明


* G-24-01
* 共用區塊: Header Service元件, 參考[`A-01 Header元件分析`](https://hackmd.io/aA5DMa_GTQqoolRC2B8ohw)
* G-24-02
* HOME : 固定該網域 DID，連結為 https://{domain}
* [多語標籤](#多語標籤): backtohomepage
* Register : 固定標籤
* [多語標籤](#多語標籤): register
* G-24-03
* 標題：
* [多語標籤](#多語標籤): registerfortaiwantrade
* G-24-04
* 邏輯: Step2文字需要 highlight效果
* Step 1 Fill in the form
* [多語標籤](#多語標籤): ```ez_step1 + fillintheform```
* Step 2 Completion
* [多語標籤](#多語標籤): ```ez_step2 + completion```
* G-24-05
* 標題：Thank you for registering
* [多語標籤](#多語標籤): yourregistrationisreceived
* 段落一：
* [多語標籤](#多語標籤): toactivateyouraccount
* 段落二：
* [多語標籤](#多語標籤): toactivateyouraccount2
* 段落三：
* [多語標籤](#多語標籤): like_us_on_fb_and_link
* 段落四：
* [多語標籤](#多語標籤): link_your_taiwantradecom_account
* How To Link：
* [多語標籤](#多語標籤): `how_to_link`：
* 連結為：https://www.taiwantrade.com/static/howto/<font color=red>[langCode]</font>/msg_link.html
* <font color=red>[langCode]</font>：本頁語系code。 e.g.: en, tw, cn, ...
* 範例：https://www.taiwantrade.com/static/howto/en/msg_link.html
* 這一頁只是 static page，開發時請直接使用一頁 html 加上連結做出後再置換連結

### 頁面欄位說明
區塊中使用到的欄位對應

顯示固定資訊，無欄位說明

## 頁面邏輯說明

請見 [頁面解說圖 頁面欄位說明](#頁面欄位說明) 各欄說明

以下僅列出特別需要注意的頁面邏輯

### SEO資料
比照AEM舊案，在HEAD TAG 內植入的SEO資料

參考 [API URI046](https://hackmd.io/C0_27LhmTD6m9qV_DahhTQ)

General類的頁面代碼 指定為 REGISTER_BUYER_SUBMIT

## 附註
### 多語標籤

需要多語標籤，請參考下圖圖示所表示的參數`code`值 透過 [多語標籤 API](https://hackmd.io/Cbw7V8AETEOzCk4s7TgfwA) 取得翻譯名稱。
取得後，請參考頁面欄位說明或是以下圖示，填入所需的標籤`code`對應的`name`

以下列出此頁面所需的所有`code`：

***標題***

以下列出圖示中的`code`：
- backtohomepage
- register
- registerfortaiwantrade
- ez_step1
- fillintheform
- ez_step2
- completion

***內文***

以下列出圖示中的`code`：
- yourregistrationisreceived
- toactivateyouraccount
- toactivateyouraccount2
- like_us_on_fb_and_link
- link_your_taiwantradecom_account
- how_to_link