###### tags: `測試流程`、`客製素材`
# 廣告形式測試流程
廣告形式的測試流程可以分成三個階段：
1. 基本測試 => 由前端檢查
2. 內部網頁基本檢查 => 由 QA 檢查
3. [媒體測試](https://hackmd.io/2X52GhSaQ7qzCT6oZYUBfQ?view) => 由 QA 檢查

視素材種類進行測試：
- 客製素材 => <font color=slategray>基本測試 SOP</font>
- 模組化素材
- 新建模組化素材 => [新建模組測試 SOP](https://hackmd.io/_AfXw48SRUuR4EA_zv-ngg?both#%E6%B8%AC%E8%A9%A6%E6%B5%81%E7%A8%8B1)
- 舊有模組化素材修改 => <font color=slategray>基本測試 SOP</font>

<font color=salmon>新建模組化素材的測試待與後端確認細節* for 完整 SOP</font>

## 基本測試 SOP
基本測試的 SOP 概略包含下列三項，可以視素材需求進行測試項目調整：
1. 檢查廣告露出、互動
2. 檢查參數
3. 檢查第三方追蹤碼

> 注意事項

1. 記得先新增素材，並指定到對應的策略裡，接著開啟 SSP 測試檔案*進行測試
<font color=salmon>*還沒設定過 SSP_test.html? [看設定方法](https://hackmd.io/kJOo4LVORuelutQu-g6m7A#SSP-%E6%B8%AC%E8%A9%A6%E6%AA%94%E6%A1%88)</font>
2. 須使用不同裝置進行測試：Chrome/Edge/Safari on PC/Mobile
3. 測試時，須重複刷新頁面進行廣告測試
<font color=slategray>
4. 待討論：
- 鼠標經過廣告=>展開感應區 (for 電腦版)
- 點擊非廣告內容位置也能關閉廣告
</font>

### 1. 檢查廣告露出、互動
1. 廣告呈現
- 動畫效果：換 cut/素材展開
- 是否正常導連
- 有無跑版

2. 互動元件
- 關閉鍵
- Banner 關閉鍵：能正常關閉廣告、點擊後出現移除廣告字樣與選項
- 其他素材之關閉鍵：能正常關閉廣告
- 下滑鍵：能正常收合
- slider <>：能正常切換圖片
- 展開鍵：能正常展開素材
- 其他互動元件，以下列舉三項：
- 拆封特效，點擊拆封箭頭是否正常展開
- 地圖廣告，點擊地圖是否正常導連
- 轉盤特效，滑動轉盤功能是否正常
- 要注意手機螢幕尺寸、瀏覽器 UI 可能會擋住元件 => 請加入額外自適應調整

含影音之素材：
1. 影片播放
- 自動撥放？
- 播放正常？
- 重播？ (目前重播皆為從頭重播、無限循環)

2. 音效
- 預設音效：靜音/有音效
- 靜音鍵功能： 點按換圖示/靜音效果

### 2. 檢查參數
使用開發者模式進行檢查：

- 在 Network 檢查：
1. i?：曝光請求，有三個值，版位:策略定向:素材 (範例： **13962**:**48380**:**115953**)
2. av?：可視曝光，有時需要等待或滑動才出現
3. v?：觀看率，影音素材才有，播放完總共會有五個，中途將影片關閉要確認 v? 沒有繼續跑
4. ade：使用圖像 & zip 模板產出之 Banner，按下關閉鍵之後，會有問答選項，點選選項後會回傳事件值 & 參數
5. cpe：點擊認列，有互動效果的素材須有互動記數

- 在 Element 檢查:
1. c?：主點擊 (有點擊連結的一定有主點擊)
2. f2?：副點擊，當廣告有多個連結，或是換cut、蓋板等呈現時會有一至多個副點
3. v?：觀看率，影音素材才有，播放完總共會有五個，中途將影片關閉要確認 v? 沒有繼續跑

### 3. 第三方追蹤碼

使用開發者模式檢查：

- 在 Network 檢查：
1. 搜尋追蹤碼的 ID，如 dc_trk_aid=541788615
2. 確認有送出資料

- 在 Element 檢查:
1. 搜尋追蹤碼的 ID
2. 確認有對應 element (注意 tag是 script 或是 img )