活動頁製作規範 數位支付部/數位通路科
製作規範(1) 主活動頁的檔名請命名為『 index.html 』 套用O-Bank 『 Header & Footer 』 採用 『 RWD 響應式網頁』 埋『 meta 內容與 title 』 設定『聯絡客服連結』 ，請依活動內容設定(3擇1) ： 一般客服 貸款客服 WM客服 (最新版請洽數位通路科)
製作規範(2) 若活動頁內有『按鈕 』帶到下一步驟，且需追蹤（點擊）成效： 其他，請事先與數位通路科說明需求 指定【官網網頁】或【 IBMB功能頁】 ex. 立即開戶，請固定套用index.js裡的 function：OpenAccount ex. IBMB功能頁，請固定套用index.js裡的 function：IbmbLogin 並且事先向數位通路科索取“網頁代碼” 客戶填寫資料，並寫回本行系統(ex. get leads) 其他，請事先與數位通路科說明需求 請事先告知「產品代號」/「Campaign code & Source code 」( 向雲端行銷科取得） 數位通路科、個金資訊一部系統五科，會依據產生相關語法，供設計廠商埋code至活動頁內。 ※ 請修改 dataLayer.push({‘event’:‘mini_member’});
製作規範(3) 所有圖檔、js 、css、o-bank相關導頁皆使用相對路徑 ex:正確 檔案只保留index.html有用到的相關資訊 <img src="images/logo.png" alt="王道銀行" /> <a href=“” onclick="window.open('/service/customer?sourceid=CMS&businesstype=Servi ce&pagename=new%20page');return false;">聯絡客服</a> ex:錯誤 <img src="D:/images/logo.png" alt="王道銀行" /> <a href=“” onclick="window.open('https://www.o- bank.com/service/customer?sourceid=CMS&businesstype=Service&pagenam e=new%20page');return false;">聯絡客服</a> 檔案只保留index.html有用到的相關資訊
注意事項 此需求作業需進行『白箱掃瞄』及驗證『廣告追蹤』 ，故處理時效需 T+5 個工作日。 待確認無誤後，再“正式”提需求單予數位通路科。 請務必於活動上線日“前”2 天驗證完畢活動頁檔案，若無法於時效 前完成，請事先與數位通路科溝通協調。 需“提供完整活動頁檔案”後，方可提供活動網址。(PS.此網址提供 予品牌與社群行銷科設定)
埋『 meta內容與title 』網頁語法 <title>請依活動需求調整</title> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="initial-scale=1.0, width=device-width"> <meta name="keyword" content="網頁內文關鍵字" /> <meta name="description" content="內容的主要描述" /> <!--facebook--> <meta property="og:title" lang="zh-Hant-TW" content="被分享時要呈現的網頁標題"> <meta property="og:url" content="被分享時要呈現的網址" /> <meta property="og:description" lang="zh-Hant-TW" content="被分享時要呈現的網頁敘述" /> <meta property="og:image" content="被分享時要呈現的網頁視覺圖片" />
設定『聯絡客服連結』網頁語法 請依據活動內容（３擇１）： <!--一般客服--> <a style="color:#000;font-family: 微軟正黑體,Microsoft JhengHei;" href="" onclick="window.open('/service/customer?sourceid=CMS&businesstype=Service&pa gename=new%20page');return false;">聯絡客服</a> <!--貸款客服--> <a style="color:#000;font-family: 微軟正黑體,Microsoft JhengHei;" href="" onclick="window.open('/service/customer?sourceid=CMS&businesstype=Loan&page name=new%20page');return false;">聯絡客服</a> <!--WM客服--> <a style="color:#000;font-family: 微軟正黑體,Microsoft JhengHei;" href="" onclick="window.open('/service/customer?sourceid=CMS&businesstype=WM&pagen ame=new%20page');return false;">聯絡客服</a>
範例(1)：
範例(2)： IBMB功能頁，請事先向數位通路科 索取“網頁代碼”
範例(3)： 追蹤廣告成效(ex.GA) ，