---
# System prepended metadata
title: 三方追蹤碼-Check List
tags: [第三方監測, 客製素材]
---
###### tags: `客製素材`
# 三方追蹤碼-Check List
## 靜態埋設
- 針對一般展示型廣告 (banner、圖文廣告)。
- 追蹤碼埋設方式為複製原始追蹤碼，視情況微調後貼入素材檔案內。
### 埋設流程
1. 確認客戶提供檔案、埋設類型
埋設類型分為：
- click tag (點擊觸發)
- imrpession tag (曝光觸發)
- vendor tag (一般直接包含在 impression tag 內，與曝光一起觸發)
2. 取下追蹤code，並修改 HTML tag 寫法
- 將 HTML tag 大寫改為小寫 (tag和attribute 全需使用小寫，可以使用 Prettier 自動調整為小寫)
3. 將修改後的 impression tag 直接埋入 HTML
- 直接複製整段改過的 tag，不要只複製 src 網址，以免收數異常
- `noscript` 為瀏覽器禁用 JS 時的預防措施，請一併埋入，否則收數也可能不正常
4. 把 click tag 放置在系統中素材導頁欄位內
### 示例
#### 1. 原檔
```htmlmixed=
<--Case : illuma-->
<--Click-->
https://mamaclub.com/campaign/illuma-big/?utm_source=clickforce&utm_medium=display&utm_campaign=illuma_big_zen_traffic_cfdisplay&utm_content=sand_cpc
<--IAS tag (Impression): JavaScript-->
```
#### 2. 靜態埋入後的 HTML 檔案 (片段)
```htmlmixed=
<--Case : illuma-->
```
#### 3. DSP 上填入 click tag 導連
## 動態埋設
針對下列形式：
- 創意型廣告(呈現畫面不分卡)
- 創意型廣告(呈現畫面分卡)
利用 JavaScript 動態加入追蹤 code。
### 埋設流程
1. 確認客戶提供檔案、埋設類型
埋設類型分為:
- click tag (點擊觸發)
- imrpession tag (曝光觸發)
- vendor tag (一般直接包含在 impression tag 內，與曝光一起觸發)
2. 取下追蹤 code
- 取下 ` 
```
#### 2. 動態埋入後的 HTML 檔案 (片段)
```htmlmixed=
<--Case : Nespresso-->
/* THIRD PARTY TAG */
let cfImpression = createElement("script", {
src: "https://ad.doubleclick.net/ddm/trackimpj/N6264.1371339CLICKFORCE.COM.TW/B29223104.357202893;dc_trk_aid=548177731;dc_trk_cid=185188280;ord=[timestamp];dc_lat=;dc_rdid=;tag_for_child_directed_treatment=;tfua=;gdpr=${GDPR};gdpr_consent=${GDPR_CONSENT_755};ltd=?",
}),
cfVendorA = createElement("script", {
type: "application/javascript",
src: "https://pixel.adsafeprotected.com/rjss/st/1323840/68805216/skeleton.js",
}),
cfVendorB = createElement("noscript", {
innerHTML:
'',
});
CFOutDiv.appendChild(cfImpression);
CFOutDiv.appendChild(cfVendorA);
CFOutDiv.appendChild(cfVendorB);
```
#### 3. DSP 上填入 click tag 導連
## 檢查流程
### 前置作業
- 請關閉 ADBlock 或防毒軟體，並使用無痕模式，才能檢查到回傳值
- 使用開發者工具檢查時，開啟保留記錄檔、停用快取
### 檢查項目
利用下列元素搜尋：
- tag 裡的 id (點擊 & 曝光會是同一組 id)
- script 的名稱 (例如：skeleton.js\/moatad.js)
#### click tag
- 點擊後在Network中檢查，是否有觸發資料傳送
- 點擊後在Element中檢查，tag是否有被加入至DOM中
#### impression tag
- 在Network中檢查，是否有觸發資料傳送
- 在Element中檢查，tag是否有被加入至DOM中
#### vendor tag
- IAS tag
- 在 Network 中檢查 dt? 與 skeleton.js
- 在 Element 中檢查，tag是否有被加入至DOM中
- Moat tag
- 在 Network 中檢查 pixel.gif? 與 moat
- 在 Element 中檢查，tag是否有被加入至DOM中
- DV tag
- 在 Network 中查詢 doubleverify，檢查 dvtp_src.js
- 在 Element 中查詢 doubleverify，確認 tag 有被加入
- DAR tag
- 在 Network 中查詢 imrworldwide，檢查 m?
- 在 Element 中查詢 imrworldwide，確認 tag 有被加入
## Check List
以埋設 Tag 分類：
### CM Tag
- [ ] HTML tag 大寫改為小寫
- [ ] 將 tag 內的 attribut 全部複製(包含 script type)
- [ ] 埋入/貼上整段改過的 tag(`＜img>`/`＜script>`)
- [ ] 在系統中放置或在檔案內埋入click tag
- [ ] 在Network中用id或相關參數搜尋資源是否正常送出
- [ ] 在Element中用id或相關參數搜尋 HTML tag是否正常建置、加入DOM
### IAS Tag
- [ ] HTML tag 大寫改為小寫
- [ ] 將 tag 內的 attribute 全部複製(包含 script type)
- [ ] 埋入/貼上整段改過的 tag(`＜img>`/`＜script>`/`
