最佳作法 - 使用 Animate 做廣告

  1. Adobe Animate 使用手冊
  2. Animate 簡介
    1. Animate 的新功能
    2. 視覺詞彙
    3. Animate 系統需求
    4. Animate 鍵盤快速鍵
    5. 在 Animate 中使用多個檔案類型
  3. 動畫
    1. Animate 中的動畫基本概念
    2. 如何在 Animate 中使用影格及關鍵影格
    3. Animate 中的逐格動畫
    4. 如何在 Animate 中使用傳統補間動畫
    5. 筆刷工具
    6. 移動導引線
    7. 移動補間動畫與 ActionScript 3.0
    8. 關於移動補間動畫
    9. 移動補間動畫
    10. 建立移動補間動畫
    11. 使用屬性關鍵影格
    12. 使用補間動畫將位置製成動畫
    13. 如何使用移動編輯器編輯移動補間動畫
    14. 編輯補間動畫的移動路徑
    15. 操作移動補間動畫
    16. 新增自訂加/減速
    17. 建立和套用移動預設效果
    18. 設定動畫補間動畫範圍
    19. 使用儲存為 XML 檔案的移動補間動畫
    20. 移動補間動畫與傳統補間動畫
    21. 形狀補間動畫
    22. 在 Animate 中使用骨塊工具動畫
    23. 在 Animate 進行角色製作
    24. 如何在 Adobe Animate 中使用遮色片圖層
    25. 如何在 Animate 中使用場景
  4. 互動
    1. 如何使用 Animate 建立按鈕
    2. 將 Animate 專案轉換成其他文件類型格式
    3. 在 Animate 中建立及發佈 HTML5 Canvas 文件
    4. 在 Animate 中使用程式碼片段增加互動功能
    5. 建立自訂 HTML5 組件
    6. 在 HTML5 Canvas 中使用組件
    7. 建立自訂組件:範例
    8. 自訂組件的程式碼片段
    9. 最佳作法 - 使用 Animate 做廣告
    10. 虛擬實境編寫和發佈
  5. 工作區和工作流程
    1. 建立和管理繪圖筆刷
    2. 在 HTML5 Canvas 文件中使用 Google 字體
    3. 使用 Creative Cloud Libraries 和 Adobe Animate
    4. 使用 Animate 的舞台和工具面板
    5. Animate 工作流程和工作區
    6. 在 HTML5 Canvas 文件中使用網頁字體
    7. 時間軸與 ActionScript
    8. 使用多重時間軸
    9. 設定偏好設定
    10. 使用 Animate 編寫面板
    11. 使用 Animate 建立時間軸圖層
    12. 匯出適用於行動裝置應用程式和遊戲引擎的動畫
    13. 移動和複製物件
    14. 範本
    15. Animate 中的尋找和取代
    16. 還原、重做和操作記錄面板
    17. 鍵盤快速鍵
    18. 如何在 Animate 中使用時間軸
    19. 建立 HTML 擴充功能
    20. 影像和 GIF 動畫的最佳化選項
    21. 匯出影像和 GIF 的設定
    22. Animate 中的資源面板
  6. 多媒體和視訊
    1. 在 Animate 中變形及結合圖像物件
    2. 在 Animate 中建立並使用元件實體
    3. 影像描圖
    4. 如何在 Adobe Animate 中使用聲音
    5. 匯出 SVG 檔案
    6. 建立要在 Animate 中使用的視訊檔案
    7. 如何在 Animate 增加視訊
    8. 使用視訊提示點
    9. 使用 Animate 繪製及建立物件
    10. 調整線條和形狀
    11. 使用 Animate CC 中的筆畫、填色和漸層
    12. 使用 Adobe Premiere Pro 和 After Effects
    13. Animate CC 中的色彩面板
    14. 使用 Animate 開啟 Flash CS6 檔案
    15. 在 Animate 中使用傳統文字
    16. 將圖案放入 Animate 中
    17. Animate 中匯入的點陣圖
    18. 3D 圖像
    19. 在 Animate 中使用元件
    20. 使用 Adobe Animate 繪製線條和形狀
    21. 使用 Animate 中的元件庫
    22. 匯出聲音
    23. 在 Animate CC 中選取物件
    24. 在 Animate 中使用 Illustrator AI 檔案
    25. 使用噴刷工具套用圖樣
    26. 套用混合模式
    27. 排列物件
    28. 使用命令選單自動執行工作
    29. 多國語言文字
    30. 使用 Animate 中的攝影機
    31. 搭配使用 Animate 與 Adobe Scout
    32. 使用 Fireworks 檔案
    33. 圖像濾鏡
    34. 聲音和 ActionScript
    35. 繪圖偏好設定
    36. 使用鋼筆工具繪圖
  7. 平台
    1. 將 Animate 專案轉換成其他文件類型格式
    2. 自訂平台支援
    3. 在 Animate 中建立及發佈 HTML5 Canvas 文件
    4. 建立並發佈 WebGL 文件
    5. 如何封裝 AIR for iOS 的應用程式
    6. 發佈 AIR for Android 應用程式
    7. Adobe AIR for Desktop 的發佈功能
    8. ActionScript 發佈設定
    9. 最佳作法 - 在應用程式中組織 ActionScript
    10. 如何搭配使用 ActionScript 與 Animate
    11. 最佳作法 - 輔助功能原則
    12. Animate 工作區中的輔助功能
    13. 撰寫和管理指令碼
    14. 啟用自訂平台的支援
    15. 自訂平台支援概觀
    16. 建立輔助功能內容
    17. 使用自訂平台支援外掛程式
    18. ActionScript 3.0 的除錯
    19. 啟用自訂平台的支援
  8. 匯出與發佈
    1. 如何從 Animate CC 匯出檔案
    2. OAM 發佈
    3. 匯出 SVG 檔案
    4. 使用 Animate 匯出圖像和視訊
    5. 發佈 AS3 文件
    6. 匯出適用於行動裝置應用程式和遊戲引擎的動畫
    7. 匯出聲音
    8. 匯出 QuickTime 視訊檔
    9. 使用 ActionScript 控制外部視訊播放
    10. 最佳作法 - 建立行動裝置內容的秘訣
    11. 最佳作法 - 視訊慣例
    12. 最佳作法 - SWF 應用程式編寫原則
    13. 最佳作法 - 建構 FLA 檔
    14. 最佳化 Animate 的 FLA 檔案的最佳作法
    15. ActionScript 發佈設定
    16. 指定 Animate 的發佈設定
    17. 匯出放映檔
    18. 匯出影像和 GIF 動畫
    19. HTML 發佈範本
    20. 使用 Adobe Premiere Pro 和 After Effects
    21. 快速分享和發佈您的動畫

使用建議的尺寸

您可以使用 Interactive Advertising Bureau (IAB) 原則來設定 Animate 廣告的尺寸。下表會列出建議使用的「互動式行銷單位」(Interactive Marketing Unit,IMU) 廣告格式度量單位:

廣告類型

尺寸 (像素)

寬摩天看板

160 x 600

摩天看板

120 x 600

半頁廣告

300 x 600

全橫幅

468 x 60

半橫幅

234 x 60

微型按鈕

88 x 31

按鈕廣告 1

120 x 90

按鈕 2

120 x 60

直幅

120 x 240

方形按鈕

125 x 125

告示牌

728 x 90

中型矩形

300 x 250

方形彈出式

250 x 250

直式矩形

240 x 400

大型矩形

336 x 280

矩形

180 x 150

當您從範本建立新的 FLA 檔案 (選取「檔案 > 開新檔案」,並按一下「範本」標籤),就會看到這些尺寸。

建立 SWF 檔案廣告

當您建立廣告時請使用下列原則:

  • 將圖樣最佳化。建立 15K 或更小的 SWF 檔案橫幅廣告。

  • 在 Animate 中建立 12K 或更小的 GIF 橫幅廣告。

  • 限制循環的橫幅廣告只能重複三次。許多網站都採用標準化的建議檔案大小做為廣告規格。

  • 使用 GET 命令在廣告和伺服器之間傳遞資料,而不要使用 POST 命令。如需有關使用 GET 與 POST 的詳細資訊,請參閱「ActionScript 2.0 語言參考」中的 getURL 函數。

 

註解:

請提供控制權給使用者。如果您在廣告中加入聲音,請同時加上一個靜音按鈕。如果您建立一個會停留在網頁上的透明 Animate 廣告,在此廣告停留期間,請務必提供一個可以關閉廣告的按鈕。

追蹤廣告

一些先進的廣告網路現在都支援 Animate SWF 檔案中的標準化追蹤方法。支援的追蹤方法如下列說明:

建立按鈕或影片片段按鈕

請使用 IAB 概述的標準化尺寸。如需標準化尺寸的清單,請參閱 IAB 網站。如需有關使用 Animate 來建立按鈕的詳細資訊,請參閱建立按鈕

將指令碼加入至按鈕

當使用者按一下橫幅時會執行。您可以使用 getURL() 函數來開啟新瀏覽器視窗。下列程式碼片段是您可能會新增到時間軸之「影格 1」中的兩個 ActionScript 2.0 程式碼範例:

myButton_btn.onRelease = function(){ 
    getURL(clickTAG, "_blank"); 
};

您可以在「時間軸」的「影格 1」中加入下列程式碼:

myButton_btn.onRelease = function() { 
    if (clickTAG.substr(0, 5) == "http:") { 
        getURL(clickTAG); 
    } 
};

getURL() 函數會加入在 objectembed 標籤中傳遞的變數,然後傳送已啟動至指定位置的瀏覽器。存放廣告的伺服器可以追蹤廣告上的按一下事件。如需有關使用 getURL() 函數,請參閱「ActionScript 2.0 語言參考」

指定 clickTAG 程式碼進行追蹤

追蹤廣告並協助提供該廣告服務的網路追蹤廣告出現的位置及廣告被點按的時間。

對於典型的 Animate 廣告而言,這個程序是建立廣告活動的標準方式。如果您將 getURL() 函數指定給橫幅,就可以使用下列程序將追蹤加入至橫幅。下列範例可讓您將變數附加至 URL 字串以傳遞資料,這可讓您替每一個橫幅設定動態變數,而不需替每一個網域建立個別的橫幅。您可以針對整個活動只使用一個橫幅,並且存放廣告的任何伺服器都可以追蹤橫幅上的按一下事件。

在 HTML 的 objectembed 標籤中,您可以加入類似下列範例的程式碼 (其中 www.helpexamples.com 是廣告網路,而 adobe.com 則是刊登廣告的公司):

<EMBED src="your_ad.swf?clickTAG= http://helpexamples.com/tracking?http://www.adobe.com">

在 HTML 中加入下列程式碼:

<PARAM NAME=movie VALUE="your_ad.swf?clickTAG =http: //helpexamples.com/tracking?http://www.adobe.com">
<< this HTML stuff may need to be updated
to account for the Active content fix, which likely will cause users
to edit .js files instead of html files - JayA >>

測試廣告

請在大多數常見的瀏覽器上測試您的 SWF 檔案廣告,特別是目標觀眾所使用的瀏覽器。有些使用者可能沒有安裝 Flash Player,或者可能停用了 JavaScript。請將這些情況納入考量,為這些使用者準備替代的 (預設) GIF 影像或其他方案。如需有關偵測 Flash Player 的詳細資訊,請參閱指定 SWF 檔案的發佈設定。請讓使用者能夠控制 SWF 檔案,並讓使用者能控制廣告中的任何音效。如果此廣告是會停留在網頁上的無邊框 SWF 檔案,讓使用者能夠立即或在廣告期間關閉廣告。

如需 Flash Player 各個版本在不同地區的使用情況的最新資訊,請前往 www.adobe.com/go/fp_version_penetration_tw

更多類似項目

Adobe 標誌

登入您的帳戶