###### tags: `客製素材`
# 素材建立流程
## 概覽
1. 視案件需求，檢查所需素材，確認後即可上傳素材
- 圖片、gif > 上傳至 AWS `cdn.doublemax.net/image/creative/` > 獲取 URL
- 影片 > 至 DSP 上傳影音檔案，從 DevTools 內獲取影片 URL
詳細可以參考這一篇[素材檔案上傳流程](/6IvHBfN5TRa806bhbxB2Kw)。
- zip (Adobe Animate 生成的檔案) > 至 DSP 使用 ZIP 樣板上傳檔案，從 DevTools 內獲取資源，範例如下：
`//cdn.holmesmind.com/z/5813/4fbf5f392863ce55123378da15b5512a/index.html`
2. 至 DSP 建立素材
3. 至 SSP 建立版位
僅須建立一次測試用版位，用來開啟 SSP_test.html 測試參數。([設定方式](#初始設定步驟))
4. DSP 上設定策略定向 > 指定須測試之素材
5. SSP 取 code 看廣告有無正常露出
6. 本機開網頁檢查參數 p=**11128**:**27303**:**76681** (版位、策略定向、素材三個值)
- 網路 ( network )
- i? > 曝光請求
- av? > 可視曝光
- v? > 觀看率 (影片才有)
- 元素 ( element )
- c? > 主點擊
- f2? > 副點擊
7. 交付：
- DSP 裡的素材 HTML 連結 ( demo link )
- 素材之 HTML 檔 > 存成 txt 壓縮 > 存入雲端，提供共用連結

**選取素材管理**

**展示型素材**:

輸入素材名稱及選取素材樣板，隱藏LOGO(開關小icon)，客製化素材請選擇素材樣板中的HTML/JS
依需求來選擇需要的素材尺寸，覆蓋點擊層無須打開，素材導頁(主點擊)需填入，貼上HTML程式碼，確認無誤後先預覽素材，即可新增素材。

**影音素材**

輸入素材名稱，以及選用要使用的素材樣板(素材樣板內都是做好的模板，無須再客製化)
上傳需要使用的影片檔案(上傳MP4影片，檔案上限20MB，影片比例 16:9)

---

●***素材流程***：aws上傳素材→dsp建立素材→ssp建立版位→dsp策略定向→ssp取code看廣告有無正常露出→本機開網頁檢查參數( i?曝光請求、av?可視曝光、c?主點擊、f2?副點擊、v?影片才有觀看率)→把dsp裡的素材html鏈結址和素材html檔(改成txt)交件。

檢查參數範例：p=**11128**:**27303**:**76681** (版位、策略定向、素材三個值)
★av? → 要從ssp html露出檢查

---
## DSP系統網站

**主點**： %%CLICK_URL%%
**副點**： %%CLICK_FUNCTION_URL_V2_1%%加encode後鏈結址
%%CLICK_FUNCTION_URL_V2_1%%
%%CLICK_FUNCTION_URL_V2_2%%
%%CLICK_FUNCTION_URL_V2_3%%
%%CLICK_FUNCTION_URL_V2_4%%
%%CLICK_FUNCTION_URL_V2_5%%
%%CLICK_FUNCTION_URL_V2_6%%
%%CLICK_FUNCTION_URL_V2_7%%

**策略定向**: 訂單管理→策略→新增策略→選擇展示型或影音型→填策略名稱、策略設定(時間)、定向→版位(選素材)→新增→指定素材(選一個素材)→到ssp取代碼開html查看

---
## DMP系統網站
查詢網站流量、事件分析。
開權限。

---
## SSP系統網站
### 如何建立版位
供應商管理中心→版位管理→搜784域動行銷測試→操作→新增版位→填版位資訊(版位名稱、廣告形式、版位類型)、版位設定、廣告限制(訂單、廣告主可見:1域動測試用、25域動行銷墊檔)、第三方參數設定(全OFF)、墊檔設定(預設墊檔要開)→建立

### 取已定向代碼
網站管理→找784域動測試→版位管理→獲取代碼→新增html檔測試

### SSP 測試檔案
使用此檔案在測試版位進行素材測試，檢查參數與第三方回傳。
- 需要修改一次版位編號
- 將此檔案分別留存於 S3 & 本地端，方便取用
- 完成素材、需要測試時，在 DSP 墊檔的策略內指定素材，再開啟此檔案進行檢查
#### 初始設定步驟
1. 取得 SSP_test.html，[雲端檔案位置](https://s3.console.aws.amazon.com/s3/object/cdn.doublemax.net?region=ap-northeast-1&prefix=rue_test/SSP_test.html)
2. 修改版位編號 (data-ad-zone)，改成自己的測試用版位號碼
3. 使用檔案的方法
a. 雲端測試用資料夾 > `http://cdn.holmesmind.com/你的s3資料夾/SSP_test.html`
b. 本地端 > 使用 Live Server 直接開啟