online advertisement rate card

- banner -

desktop

- Special AD -

Position / AD Size 製作須知 Rotate Format
Intro ad before homepage
進站前廣告/透明進站
(1000x600)
  • 需製作關閉按鈕圖示,按鈕尺寸需小於感應範圍130x60(px),並放置於畫面右上角
  • 請先下載右側套版檔案並解壓縮
  • 廣告素材製作完成後,將匯出的html檔取名為index.html
  • 把製作完的全部檔案覆蓋至下載的套版檔案中content資料夾內
    見圖例
  • 最後請檢查廣告是否正確,開啟路徑中的index.html(intro_ad\panels\default\index.html),正確無誤後即可壓縮intro_ad資料夾
  • 如有影片需製作影片墊檔圖,video(MP4) < 15" < 10M
1 HTML5
HTML5+Video
Skinner AD
變色龍 (1000x300)+
背景底圖 (2000x1200)
[ HTML5 ]
  • 橫幅 1000x300
  • 請先下載右側套版檔案並解壓縮
  • 匯出的完整HTML檔案放置於:skinner html5\1000x300\content\
    (取代content的全部內容,動畫檔案名稱需為index.html,無需設定任何link連結即可)

  • 背景底圖 2000x1200
  • 底圖中間請預留1000x1200的空白
  • 放置於:skinner html5\2000x1200\images\
    (取代images裏的全部內容,檔名需為2000x1200.jpg)
HTML5
[ HTML5 + Video ]
  • 橫幅 1000x300
  • 請先下載右側套版檔案並解壓縮
  • video(MP4) < 15" < 10MB
  • 將影音檔命名為video.mp4,䨱蓋路徑(skinner video\1000x300-video\videos)內原有的檔案
  • 如需更動影片顯示位置,請打開路徑中的檔案編輯儲存(skinner video\1000x300-video\styles\style.css
  • 需製作影片墊檔圖,需命名為1000x300.jpg,䨱蓋路徑(skinner video\1000x300-video\images)內原有的檔案

  • 背景底圖 2000x1200
  • 底圖中間請預留1000x1200的空白
  • 放置於:skinner video\2000x1200\images\(取代images裏的全部內容,檔名需為2000x1200.jpg)
HTML5+Video
Expandable Skinner AD
變色龍橫幅Expand to (1000x562)+
背景底圖 (2000x1200)
  • 橫幅 Expand to 1000x562
  • when mouse over, then back to normal size of 1000x300

  • 背景底圖 2000x1200
  • 匯出的完整HTML檔案放置於:polite_skinner \ 2000x1200 \ content \
    (取代content的全部內容,動畫檔案名稱需為index.html,無需設定任何link連結即可)
1 HTML5
HTML5+Video
Expandable Monster banner
(300x600) Expand to (1000x600)
  • Expand to 1000x600
  • when mouse over, then back to normal size of 300x600
1 HTML5
HTML5+Video

。AD Banner

Position / AD Size 製作須知 Rotate Format
MONSTER Banner
(300x600)
  • 300x600 < 60K
  • 純HTML5請設定連結
  • HTML5+video請勿設定連結
  • video(MP4) < 15" <5M
1 Gif、Jpg
HTML5
HTML5+Video
LREC Banner
(300x250)
  • 300x250 < 60K
  • 純HTML5請設定連結
  • HTML5+video請勿設定連結
  • video(MP4) < 15" <5M
1 Gif、Jpg
HTML5
HTML5+Video
Leaderboard
(728x90)
  • 728x90 < 40K
  • 純HTML5請設定連結
1 Gif、Jpg
HTML5


mobile

Position / AD Size 製作須知 Rotate Format
Intro ad
(320x480)
[ Gif、Jpg ]
  • 320x480 < 60K
6
Gif、Jpg
[ HTML5 ]
  • 不需製作關閉按鈕圖示
  • 請先下載右側套版檔案並解壓縮
  • 廣告素材製作完成後,將匯出的html檔取名為index.html
  • 把製作完的全部檔案覆蓋至下載的套版檔案中content資料夾內
    見圖例
  • 最後請檢查廣告是否正確,開啟路徑中的index.html(intro_ad\panels\default\index.html),正確無誤後即可壓縮intro_ad資料夾
HTML5
[ Video / 純影片 ]
  • 不需製作關閉按鈕圖示
  • 影片墊檔圖需命名為poster.jpg
  • 請先下載右側套版檔案並解壓縮
  • video(MP4) < 15" <10M,需命名為video.mp4,䨱蓋路徑(intro_ad\panels\default\video)內原有的檔案
  • 將影片墊檔圖命名為poster.jpg,䨱蓋路徑(intro_ad\panels\default\images)內原有的檔案
  • 最後請檢查廣告是否正確,開啟路徑中的index.html(intro_ad\panels\default\index.html),正確無誤後即可壓縮intro_ad資料夾
Video
[ HTML5+Video / 上面影片下面圖片 ]
  • 不需製作關閉按鈕圖示
  • 請先下載右側套版檔案並解壓縮
  • 需製作影片墊檔圖,尺寸須為320x180(px),需命名為poster.jpg,䨱蓋路徑(intro_ad\panels\default\images)內原有的檔案
  • video(MP4) < 15" < 10MB,長寬比16:9,需命名為video.mp4,䨱蓋路徑(intro_ad\panels\default\video)內原有的檔案
  • html作業範圍尺寸為320x300(以便預留上方影音位置),需命名為index.html,把製作完的全部檔案覆蓋至下載的套版檔案中content資料夾內見圖例
  • 最後請檢查廣告是否正確,開啟路徑中的index.html(intro_ad\panels\default\index.html),正確無誤後即可壓縮intro_ad資料夾
HTML5+Video
Bottom banner(随屏)
(320x50)
  • 320x50 <40K
6 Gif、Jpg
LREC Banner(僅內頁)
(300x250)
  • 300x250 <40K
6 Gif、Jpg
HTML5
HTML5+Video

- non.banner -

。DIRECT E-MAIL MARKETING

Position AD Size Rotate Format
EDM 770(w) x no limit on length < 60k
TXT:開信主旨25字元內
1 JPG + TXT
電子報 Newsletter - Banner 728 x 90
(每周二、五發送)
728x90 JPG/GIF < 40k 1 JPG + TXT
電子報 Newsletter - 圖文編輯 300 x 250
(每次兩則) (每周二、五發送)
JPG 300 x 250 < 20k + 標題12字內 + 敘述70字內 1 JPG + TXT

。SOCIAL MEDIA

Position AD Size Rotate Format
ELLE Taiwan Facebook Post 1200x628 or 403x403
JPG < 100K +文字120字內,需縮網址(實際圖片尺寸視內容最後確認)
1 Gif、Jpg
ELLE Taiwan Instagram Post JPG > 2M
以情境照或ELLE拍攝照片為主,如為客戶提供之素材,ELLE保留審稿權利。
1 Jpg

。編輯報導頁 CONTENT PROMOTION ( LINK TO CHANNEL EDITORIAL OR ELLE EVENT SITE )

Position AD Size Rotate Format
Homepage Focus Ads 990x430 < 100k 1 JPG
Inside Channel Focus Ads 900x250 < 100k 1 JPG
編輯版位 640x360 < 40k 1 JPG + TXT
Advertorial Sponsorship Package 800x600 < 300k 標題字數20字內 1 JPG + TXT
Edvertorial Sponsorship Package(Native Article) 800x600 < 300k 標題字數20字內 1 JPG + TXT
熱門文章
延伸閱讀
POP-IN

# 一般規範

  • 必須為符合W3C標準的HTML文件內容之前必須用HTML 5 標記<!DOCTYPE html>,且至少包含<html>和<body>標記。
  • 支援圖檔格式:JPG,若為 HTML5 檔案須以 Base64 編碼後包進 html 檔。
  • 支援影片格式:無壓縮的 mp4 (編碼:H.264)。
  • 檔案尺寸計算中包含所有相關程式代碼,如CSS、web字體、JavaScript函式庫。
  • 廣告 html 文件必須在離線情況下即可正確執行。
  • 廣告在播送時不可以發出聲音,包含所內嵌的影片,除非使用者點選啟動音樂,且須有關閉聲音的按鈕。
  • 所有連結需另開視窗 ex. target="_blank", window.open()

# 基於安全性

  • 不允許使用 jQuery 等可能影響頁面其它功能運作之程式框架。
  • 不允許跨 domain 等資料傳遞格式,如JSON/XML,亦不允跨 domain 載入外部檔案。