廣告單元

多媒體廣告單元的回應式行為

多媒體廣告單元預設為回應式廣告單元,可配合網頁版面配置自動調整大小,在各式各樣的裝置 (電腦、手機和平板電腦等) 上都適用。不論使用者透過哪一種裝置造訪您的網站,多媒體廣告單元都能提供絕佳的廣告體驗。

主要特色

  • 依據可用空間自動調整大小:為了簡化程式碼並節省您更多時間和精力,回應式廣告程式碼會自動依據網頁版面配置調整廣告單元的大小。系統會根據可用空間以及使用者的顯示器大小來動態計算出所需大小。

  • 廣告大小可隨螢幕方向調整:如果回應式網頁的版面配置會隨裝置螢幕方向改變 (例如平板電腦/手機從縱向變為橫向) 而調整,我們也會根據新的網頁版面配置來請求並載入尺寸合適的新廣告。

    注意事項
    • 系統因為裝置螢幕方向改變而載入新廣告時,會快取原本顯示的廣告,以便在裝置轉回原本的方向時直接顯示原來的廣告,不會另外載入新廣告。
    • 在裝置螢幕方向改變時更新廣告會建立額外的廣告請求,可能會因此導致千次曝光收益和點閱率指標微幅下降。請放心,您的整體收益並不會受到負面影響。
  • 行動裝置上的全寬度廣告。我們的實驗顯示,在處於垂直模式的行動裝置上,使用全寬度回應式廣告的成效會更好。使用者以垂直方向使用裝置時,回應式廣告單元會自動展開至螢幕的最大寬度,這樣更有助於提高收益。
    注意事項
    • 廣告可能獲得良好成效,而且能營造出色使用者經驗時,系統才會展開回應式廣告。
    • 您也可以停用全寬度回應式廣告,方法是加入回應式廣告代碼參數。請注意,由於這麼做可能會影響潛在收益,建議您不要停用。

技術考量

在下列情況中,您必須採取額外的措施才能讓回應式廣告單元正確運作:

  • 您的網站使用第三方 JavaScript:如果出於某種原因 (例如您想在網頁載入完畢前隱藏廣告),網站所用的指令碼會在回應式廣告程式碼之前執行,我們的廣告程式碼會無法計算出回應式廣告單元需要的大小。在這種情況下,您必須修改程式碼,並使用 CSS 媒體查詢設定廣告單元大小。瞭解如何修改回應式廣告程式碼
  • 上層容器並未設定寬度:如果您將回應式廣告程式碼放在未明確設定寬度的上層容器 (例如浮動元素) 內,我們的廣告程式碼會無法計算出回應式廣告單元需要的大小。在這種情況下,您必須修改程式碼,並使用 CSS 媒體查詢設定上層容器的大小。瞭解如何修改回應式廣告程式碼
  • 上層容器有固定或限制的高度:回應式廣告不應置於設有固定或限制高度的容器內,因為在某些裝置或瀏覽器上,廣告可能會超出容器高度。如需限制回應式廣告的高度,請修改廣告程式碼,並使用 CSS 媒體查詢來設定上層容器的高度。瞭解如何修改回應式廣告程式碼

此外,您也應該留意下列事項:

  • 網路連線品質不佳的行動裝置:行動裝置的網路連線品質不理想時,部分瀏覽器可能會回流,但這時回應式廣告程式碼也正根據上層容器的寬度,計算最適合的標準高度。進一步瞭解瀏覽器回流
這對您有幫助嗎?
我們應如何改進呢?