AMP HTML 廣告不支援回應式功能。影片廣告、GIF 動畫和圖像廣告可以使用多種尺寸的版面配置。
您可以透過回應式預覽畫面快速查看文件以不同大小呈現的效果,就像使用相版一樣。
回應式預覽畫面含有所有可預覽的大小,而且僅適用於回應式文件。
在編寫文件時預覽
回應式預覽面板位於中心區域旁邊,會在您變更文件時自動更新。這個面板中的預覽畫面也會反映目前頁面和時間軸的位置,這表示您不僅可以切換頁面,還可以預覽及拖曳動畫。
如要查看事件的運作方式,請改為在瀏覽器中預覽文件。
切換回應式預覽面板
您可以使用下列其中一種做法來開啟或關閉回應式預覽面板:
- 按一下「回應式」面板中的 [回應式預覽畫面] 按鈕。
- 在頂端選單中依序選取 [檢視] > [回應式廣告] > [預覽]。
面板開啟後,您也可以藉由點選右上角的 [X] 將面板關閉。
調整回應式預覽面板的大小
拖曳最靠近中心區域的面板邊緣,即可變更回應式預覽面板的寬度或高度。
移動回應式預覽面板
您可以將回應式預覽面板移至中心區域的上方、下方或兩側。
拖曳面板頂端的控點 ,直到您要放置面板的位置顯示黃色長條。
選取媒體規則
點選回應式預覽面板中的任一預覽畫面,即可選取「回應式」面板中的相應尺寸。
停用特定預覽大小
將滑鼠游標懸停在回應式預覽面板中的任一預覽畫面上,該預覽畫面的右上角就會顯示一個灰色的 [X]。按一下 [X] 即可停用這個大小的預覽畫面。
在瀏覽器中預覽
按一下 Google Web Designer 視窗右上角的「預覽」按鈕 ,即可透過瀏覽器開啟預覽畫面。
您可以為瀏覽器中的回應式預覽畫面選擇不同的模式和尺寸。系統提供的尺寸清單包含廣告環境的常見尺寸,以及您已啟用的自訂放送大小。
單一大小
如果只要預覽一種文件尺寸,請選擇這個模式。
- 顯示單一大小:選取您要查看的尺寸。
- 自訂大小:如果您選取的是 [單一大小] > [自訂],則可以透過三種方式設定新的尺寸:直接編輯這個欄位、拖曳預覽畫面的大小調整控點,以及點選預覽區域頂端或左側的灰色長條。
所有大小
如要預覽多種文件尺寸,請選擇這個模式。
- 顯示多種大小:選取您要查看的尺寸。選擇 [所有大小] 即可選取所有列出的尺寸。