認識頁面

影片廣告或圖像廣告無法使用頁面。

Google Web Designer 會將單一 HTML 文件中的各個場景顯示在個別頁面上。頁面經常應用於廣告中，用來呈現某一個廣告顯示畫面。請參閱下列範例：

• 簡單的橫幅廣告只需一個頁面。
• 簡單的展開式廣告需要一個頁面做為預設的橫幅，另一個頁面則是展開後的完整畫面。
• 較複雜的廣告需要在主要頁面設置數個按鈕，藉此將使用者導向位於其他頁面的不同內容，例如影片頁面、優待券頁面等。

頁面不只能應用於廣告，您只要在建立新檔案時選取 [網頁 HTML]，即可在 HTML 網頁中使用頁面。

文件的頁面組就是所謂的頁面堆疊。

本頁內容：

• 頁面選單
  • 新增頁面
  • 重新命名頁面
  • 複製頁面
  • 刪除頁面
  • 將頁面設為主要頁面
• 頁面屬性
  • 頁面與可展開式廣告
  • 將廣告置中
  • 不同螢幕方向專用的替換頁面
• 頁面與事件
  • 動作
  • 事件
  • AMP HTML 廣告事件

頁面選單

只要按一下文件工作區左下角的頁面指標，即可查看頁面堆疊中的所有頁面。您可以利用彈出式選單新增、複製及刪除頁面，也可以指定要在一開始對檢視者顯示的主要頁面。

新增頁面

1. 按一下文件工作區底部的頁面指標。
2. 如果您的廣告包含數種大小的頁面，請依據您要建立的頁面大小選取頁面。
3. 在彈出式選單中，按一下「新增頁面」按鈕 。

重新命名頁面

您可以透過多種方式變更頁面的名稱。

• 直接在頁面選單中重新命名頁面：
  1. 按一下文件工作區底部的頁面指標。
  2. 在您要重新命名的頁面上按兩下。
  3. 輸入新名稱。
  4. 按下 Enter 鍵。
• 在頁面的屬性中重新命名頁面：
  1. 按一下文件工作區底部的頁面指標。
  2. 選取您要重新命名的頁面。
  3. 在「屬性」面板的 [名稱] 欄位中輸入新名稱。

複製頁面

1. 按一下文件工作區底部的頁面指標。
2. 選取要複製的頁面。
3. 在頁面彈出式選單中，按一下「複製頁面」按鈕 。系統將會建立一份目前頁面的副本，其中包含同樣的元素、元件與動畫。
4. 在「屬性」面板的 [名稱] 欄位中為新頁面命名。

刪除頁面

1. 按一下文件工作區底部的頁面指標。
2. 選取要刪除的頁面。
3. 在頁面彈出式選單中，按一下「刪除頁面」按鈕 。

將頁面設為主要頁面

AMPHTML 廣告不支援這項功能。

1. 按一下文件工作區底部的頁面指標。
2. 在頁面彈出式選單中，以滑鼠右鍵按一下您要設為主要頁面的頁面。
3. 在彈出式選單中選取 [設為主頁面]。主要頁面上會標示星號。

頁面屬性

如要查看目前頁面的屬性，請開啟「屬性」面板，而且不要選取任何元素。想取消選取所有元素時，只要按一下中心區域之外的灰色區域即可。

頁面與可展開式廣告

AMPHTML 廣告不支援這項功能。

當您建立頁面，用來呈現可展開式廣告的展開狀態時，必須在該頁面的「屬性」面板中選取 [展開] 選項。只要您為新檔案選擇的廣告類型是可展開式，系統就會在建立的展開頁面中自動設定這個選項。

根據預設，可展開式廣告會向往右方和下方擴展。如果您想讓廣告往不同的方向展開，只要重新調整展開式頁面和主要頁面的相對位置即可。

將廣告置中

AMPHTML 廣告不支援這項功能。

您可能會需要針對不同的裝置和各種大小的瀏覽器投放廣告，因此 Google Web Designer 可讓您的廣告內容在任何有廣告的可視區域都能置中顯示。這種做法可以將行動號召和其他內容顯示在廣告中央，並搭配能適用於不同尺寸可視區域的背景圖片，讓您設計的廣告適合顯示在各種大小的畫面中。如果您要讓廣告置中顯示，請在該頁面的「屬性」面板中勾選 [置中] 方塊。

不同螢幕方向專用的替換頁面

AMPHTML 廣告不支援這項功能。

您可以針對各種螢幕方向建立個別頁面，為廣告設計直向和橫向的版本。只要在個別頁面的「替換頁面」屬性中指定其他頁面的 ID (而非名稱) 即可。廣告會偵測可視區域的方向，並顯示符合方向的頁面。

進一步瞭解適合多種螢幕大小的設計。

頁面與事件

事件可讓您控制使用者瀏覽頁面的方式。舉例來說，您可以使用輕觸區域元件，將「前往頁次」的動作傳送到目標頁面；也可以藉由切換螢幕的橫向和縱向模式，提供適當格式的頁面。

頁面堆疊動作

頁面堆疊可以透過相關設定選項執行下列動作：

動作	設定選項
前往指定頁	頁面 ID：要切換的目標頁面 (這是 AMP HTML 廣告的唯一設定選項)。 轉換：顯示目標頁面的動態效果。 時間長度：轉換作業的長度 (以毫秒為單位)。轉換設定為 [無] 時不會套用。 加/減速：轉換作業的加/減速類型。 方向：目標頁面顯示的方向。僅適用於部分轉換類型。

頁面事件

這類事件不適用於 AMP HTML 廣告。如需瞭解 AMP HTML 廣告頁面堆疊傳送的事件，請參閱下文。

您也可以設定讓頁面傳送的事件觸發其他動作。頁面會傳送下列事件：

事件	說明
已啟用頁面	在顯示頁面時傳送。
已停用頁面	在隱藏頁面時傳送。
已載入頁面	在載入頁面的所有元件後傳送。
準備顯示頁面	頁面完成快取內容可供顯示時，在開始播放任何動畫前傳送。
搖動	在行動裝置偵測到搖動時傳送。
傾斜	在行動裝置偵測到傾斜時傳送。
旋轉為縱向	在行動裝置的螢幕方向從橫向轉為縱向時傳送。
旋轉為橫向	在行動裝置的螢幕方向從直向轉為橫向時傳送。
已附加 (現已淘汰)	請改用「已啟用頁面」。
已卸除 (現已淘汰)	請改用「已停用頁面」。

AMP HTML 廣告的頁面堆疊事件

AMP HTML 廣告的頁面堆疊會傳送下列事件：

事件	說明
頁面變更	在頁面變更時傳送。