###### tags: `CA-DB`
# 模板資料格式
## 開發用資料
使用 HTML/JS 模板進行樣板開發時，通常後端會主動提供一份測試用資料，用來模擬真實的資料流。

大概就像下面的範例所示，每個模板會有些許不同：

// 僅使用圖片之模板
[
    {"size":"68","redirect":"https://www.clickforce.com.tw/","image":"copied_4babfe05368533058f6d3149295143a6.png"},
    {"size":"138","redirect":"https://www.clickforce.com.tw/","image":"copied_29d8beb81ff4b0a4d5bd4f12d5958251.png"},
    {"size":"138","redirect":"https://www.clickforce.com.tw/","image":"copied_29d8beb81ff4b0a4d5bd4f12d5958251.png"},
    {"size":"138","redirect":"https://www.clickforce.com.tw/","image":"copied_29d8beb81ff4b0a4d5bd4f12d5958251.png"}
]
// 含影音之模板
{
    "videos":[{"redirect":"https:\/\/www.singleton.com.tw\/2020cny.aspx#infoNY","video":"copied_78b4e85b9bc116842683906eed12b855.mp4","duration":"0:22"}],
    "images":[
        {"size":"1","redirect":"https:\/\/www.clickforce.com.tw\/","image":"copied_4babfe05368533058f6d3149295143a6.gif"},
        {"size":"1","redirect":"https:\/\/www.clickforce.com.tw\/","image":"copied_29d8beb81ff4b0a4d5bd4f12d5958251.png"},
        {"size":"1","redirect":"https:\/\/www.clickforce.com.tw\/","image":"copied_29d8beb81ff4b0a4d5bd4f12d5958251.png"},
        {"size":"1","redirect":"https:\/\/www.clickforce.com.tw\/","image":"copied_29d8beb81ff4b0a4d5bd4f12d5958251.png"}
    ]
}

### 結構
由下面這些元素組成：
- size：圖片格式對應的編號 <font color=salmon>( 如果使用的素材大小沒有對應的編號，記得跟後端反應 )</font>
- redirect：資料對應的導連
- image：圖片來源

### 注意事項
開發完成後，記得把原本寫在 JS 裡的素材資料拔掉


---
## CA-DB 資料格式
在 CA-DB 創建的資料格式如下，有些舊模組的資料格式會長得稍微有點不一樣：

var data = JSON.parse('%%CREATIVE%%');
var p = '%%P%%';
var iu = "%%IMP_URL%%";
var cfClick = {
    CLICK_URL: "%%CLICK_URL%%",
    CLICK_FUNCTION_URL_1: "%%CLICK_FUNCTION_URL_V2_1%%",
    CLICK_FUNCTION_URL_2: "%%CLICK_FUNCTION_URL_V2_2%%",
    CLICK_FUNCTION_URL_3: "%%CLICK_FUNCTION_URL_V2_3%%",
  };
var script = document.createElement('script');
script.src = 'https://cdn.holmesmind.com/js/modle/FullScroller.js';
document.body.appendChild(script);

### 結構
- data：使用者在 DSP UI 上填入的資料
- p：11128:27303:76681 (版位、策略定向、素材編號)
- iu：曝光
- cfClick：主副點擊與對應導連
- script：取得模板 JS 資源