助理技術文件

@assistantDoc

素材製作、模板建置、追蹤碼埋設、網站廣告DeBug

Public team

Joined on Aug 8, 2022

  • 公司平台 新版 DSP-素材管理: https://dsp3.holmesmind.com/zh SSP-版位管理: https://ssp3.holmesmind.com/ 測試機入口: https://login-dev.holmesmind.com/zh 舊版 DSP-素材管理: https://dsp.holmesmind.com/login SSP-版位管理: https://ssp.holmesmind.com/login DMP-報表管理: https://dmp.holmesmind.com/login/index
     Like  Bookmark
  • 概覽 種類 CM Tag* IAS Tag:關於 IAS Tag 請直接看這裡 Moat Tag LnData Tag DV Tag* DAR Tag* *目前官方文件較為完整之類型
     Like 1 Bookmark
  • 此文件整理過去營銷反應的 IAS 三方收數異常案例,並整理埋設和初步檢查的方法與指標。 因 IAS 監測目前無提供詳細的埋設指引與除錯方式,且僅能透過廣告代理商提供 IAS 的窗口,溝通成本較大,也無法及時對廣告活動做出調整,此文件僅提供「在錯誤中尋求正確解法」的參考,並沒有保證照著做就沒事。 過去案例 20221125 -> Lego_風火輪特效的 Brand Safety 問題 無使用 noscript tag 包住 img pixel,導致三方代碼重複觸發,進而影響報表上呈現的品牌安全度 (Brand Safety) 指標 20230224 -> Nespresso_行動底片的收數問題
     Like  Bookmark
  • 靜態埋設 針對一般展示型廣告 (banner、圖文廣告)。 追蹤碼埋設方式為複製原始追蹤碼,視情況微調後貼入素材檔案內。 埋設流程 確認客戶提供檔案、埋設類型埋設類型分為:click tag (點擊觸發) imrpession tag (曝光觸發) vendor tag (一般直接包含在 impression tag 內,與曝光一起觸發) 取下追蹤code,並修改 HTML tag 寫法
     Like  Bookmark
  • 索引 工作項目 平台開通 雲端管理 工作項目 下面是助理工程師的工作項目一覽,包含但不限於此(?) 官網更新 客製素材
     Like  Bookmark
  • 目的 本文件主要向非技術人員說明該如何檢查使用 GTM 埋設 Meta pixel 的案例,幫助確定追蹤碼是否正常運作,進而提高追蹤轉換與數據收集的準確性。 免責聲明: 1.本文件使用客戶提供之代碼埋設案例作為截圖範例,僅供公司內部教學使用與參考,請勿外傳。 2.本文件僅針對使用 GTM 埋設的案例進行說明,若不是使用 GTM 埋設,則此文件不適用此情況,請再向技術人員詢問。 3.隨著 Meta pixel 更新,文件內容可能也會有些許差異,如果有任何代碼使用方法上的差異,我們會盡快更新此文件。 步驟 正式客戶網站檢查前,需先完成前置作業,確定檢查的項目符合數據需求且檢查環境無干擾確認追蹤碼文件內容符合需求
     Like  Bookmark
  • 可接受之素材尺寸320x480 1x1 300x250 可接受之素材形式: 圖像 (模組) ZIP(模組) HTML(客製化) PassBack
     Like  Bookmark
  • 示意頁面 模擬載入的蓋版廣告頁 下列廣告的容器代碼,會固定在內頁露出(檢視原始碼可見) <!--DFP RWD蓋版式廣告320x480開始--> <div class="ad rwd"> <!-- --> <div class="lightbox-auto-scale"> ...
     Like  Bookmark
  • 截樣張網頁入口 === 工具存在原因: => 讓業務可以透過截樣工具,輸入素材編號,在不同媒體頁上 demo 廣告應該要呈現的樣子。 === 需求 1. 每月更新媒體頁內容
     Like  Bookmark
  • 目的 本文件旨於說明如何簡單透過瀏覽器,檢查客戶網站,確認用GTM埋設的DSP平台追蹤碼是否能正確觸發,從源頭確認使用者的操作能否形成有效數據來源,以利後續廣告優化。 免責聲明: 1.本文件使用大廣建設建案的追蹤碼埋設案例作為截圖範例,僅供公司內部教學使用與參考,請勿外傳。 2.隨著 DSP 更新,文件內容可能也會有些許差異,如果有任何變動,我們會盡快更新此文件。 3.此文件的檢查針對使用GTM埋設的案例,若不是使用GTM埋設,則此文件不適用此情況,請再另外洽詢相關人員 相關說明 以下會簡略說明此文件內會使用到的相關詞彙,詳細閱讀如何操作前,請確認對這些詞彙有基礎的認識。
     Like  Bookmark
  • 目的 本文件旨於說明如何簡單透過瀏覽器,檢查客戶網站,確認用GTM埋設的DMP平台追蹤碼是否能正確觸發,從源頭確認使用者的操作能否形成有效數據來源,以利後續廣告優化。 免責聲明: 1.本文件使用睿聲助聽器(利凌科技股份有限公司)的追蹤碼埋設案例作為截圖範例,僅供公司內部教學使用與參考,請勿外傳。 2.隨著 DMP 更新,文件內容可能也會有些許差異,如果有任何變動,我們會盡快更新此文件。 3.此文件的檢查針對使用GTM埋設的案例,若不是使用GTM埋設,則此文件不適用此情況,請再另外洽詢相關人員 相關說明 以下會簡略說明此文件內會使用到的相關詞彙,詳細閱讀如何操作前,請確認對這些詞彙有基礎的認識。
     Like  Bookmark
  • 建議搭配下面兩份文件一起理解 meta pixel 如何運作 Meta for Developers - 該寫的都在這裡了,可以換語言的 Docs Meta 企業商家使用說明 基本代碼 通常會在 GTM 容器內新增全站頁面瀏覽,讓網頁載入後就先觸發一次基本代碼,長這樣: <!-- Facebook Pixel Code --> <script>
     Like  Bookmark
  • 使用模板新增素材時,可以開啟自動追蹤參數的功能,如下: 自動追蹤參數的位置 開啟後,當使用者從廣告點擊導連,URL 會加入 cfclid 的參數,如下圖: 目的在於,後續評估廣告成效時,我們可以往回追溯資料的來源與媒介。 新 Adserver 測試後,發現現行模板內留有寫定的導連,會產生填入導連、實際點擊後,URL 重複或疊加,無法正常使用此功能,因此需要對現行樣板檔案進行修改。 記錄
     Like  Bookmark
  • 代碼設定指南 強化轉換 Enhanced Conversions 使用 Google 代碼管理工具手動設定網站強化轉換 實際埋設 資料層變數 抓取感謝頁的例子 Google 強化轉換是 Google Ads 的一種自動投放廣告功能,可以幫助廣告主自動優化廣告投放效果,提高轉換率。要設定 Google 強化轉換,可以參考以下步驟:
     Like  Bookmark
  • 將 TailwindCSS 導入至素材樣板,並使用 Prettier 進行自動排版與 class 排序,提高程式碼的一致性。 Folder Structure public |- output.css (build 之後才有) src |- index.html |- input.css .prettierrc package-lock.json
     Like  Bookmark
  • 概覽 視案件需求,檢查所需素材,確認後即可上傳素材圖片、gif > 上傳至 AWS cdn.doublemax.net/image/creative/ > 獲取 URL 影片 > 至 DSP 上傳影音檔案,從 DevTools 內獲取影片 URL 詳細可以參考這一篇素材檔案上傳流程。 zip (Adobe Animate 生成的檔案) > 至 DSP 使用 ZIP 樣板上傳檔案,從 DevTools 內獲取資源,範例如下: //cdn.holmesmind.com/z/5813/4fbf5f392863ce55123378da15b5512a/index.html 至 DSP 建立素材 至 SSP 建立版位
     Like  Bookmark
  • 放置更新後的素材形式與 demo link,方便查詢做過的素材形式與能夠提供的檔案格式。 紀錄各素材形式與其模組化相關事項 如果針對模組化素材,請看這一篇文章 系統支援的素材格式 影音 格式: mp4 尺寸: 16:9 or 9:16 檔案大小限制: 20MB <font color=Salmon>*請檢查檔案內容,有時候預覽大小沒超過,但實際內容是超過大小的。</font>
     Like  Bookmark
  • 完成素材後,除了初步在 demo link、SSP_test.html 檢查廣告露出、互動與參數,也需要將素材放到實際媒體版位上檢查,後續再交付給測試工程師進行更詳細的檢查。 此份文件使用實際媒體版位進行素材測試。 測試版位對應 對應素材與實際廣告分類 實際版位 2022/12/14
     Like  Bookmark
  • 官網Demo包含廣告Demo的目錄頁、每種廣告的Demo頁,依據廣告類型會分僅有PC版,或PC、MB兩版,Demo是由系統投放,故PC版可能會有投放的層級、畫面呈現等問題,需要特別在PC版素材內設定好 官網Demo頁檔案放在S3前端資料夾-廣告Demo內 若未來要更改檔案放置處,需聯絡Jenny,請負責官網的公司將Demo頁網址連結改為新的 官網Demo的訂單與版位已有集中,請勿改由其他訂單或版位露出Demo素材 檔案位置 網頁: 前端資料夾-廣告Demo 訂單: 官網Demo用_14242 版位: 域動官網DEMO_3278 紀錄: 官網Demo紀錄
     Like  Bookmark
  • 官方參考文件 支援的廣告大小 廣告素材規格 總目錄 3D 素材資源指南 廣告投放系統,用於設定、整合廣告投放的行為,除了自家投放系統外,也會使用 GAM 進行投放。 測試時會使用 GAM OutOfPage & 1x1 確保廣告在實際環境內能正常投放。
     Like  Bookmark