事件介紹

影片廣告圖像廣告GIF 動畫不支援這項功能。

藉由事件,您可以針對使用者的手勢、時間軸主要畫面格,或是廣告或 HTML 文件中的其他活動,設定回應的動作。舉例來說,您可以在廣告中使用觸控事件來觸發動畫播放,也可以在時間軸上的某個時間點設定事件標記,進而觸發 CSS 變更。

事件總覽

「事件」對話方塊

在「事件」對話方塊中,您可以將物件和動作連結到事件。「事件」對話方塊是互動式對話方塊,可逐步引導您按照下列步驟設定事件:

  1. 目標:選擇要用來觸發事件的物件,例如按鈕。
  2. 事件:選取要偵測的事件,例如使用者點選按鈕。
  3. 動作:指定事件觸發的動作,例如播放影片。
  4. 接收端:選擇執行動作的元素,例如影片。
  5. 設定:指定某些動作時,系統可能會要求您設定其他詳細資訊。

您可以參考這篇文章,瞭解如何使用「事件」對話方塊定義事件。

如果「事件」對話方塊中沒有列出您想設定的動作,您可以自行建立 JavaScript 函式,並當做自訂動作來使用。不過,AMPHTML 廣告不支援這項功能。

「事件」面板

「事件」面板會列出專案中的事件 (如果找不到「事件」面板,您可以從「視窗」選單開啟)。

如何新增事件:

  • 按一下面板底部的「新增事件」按鈕

如何編輯事件:

  • 在「事件」面板中要編輯的事件上按兩下,即可開啟「事件」對話方塊,您可以在其中進行變更。
  • 您也可以在事件上按一下滑鼠右鍵,然後在彈出式選單中選取「編輯」

如何刪除活動:

  • 在面板中按一下要刪除的事件,然後點選面板底部的「刪除」按鈕
  • 您也可以在事件上按一下滑鼠右鍵,然後在彈出式選單中選取「刪除」
  • 如要刪除多個事件,請在面板中選取這些事件,然後使用上述任一方法。

如何篩選活動清單:

  • 您可以使用面板頂端的下拉式選單,列出目前頁面或所選項目的事件。
  • 您也可以在「篩選事件」欄位中輸入元素 ID、事件類型或動作。

如何選取事件目標:

  • 在事件上按一下滑鼠右鍵,然後在彈出式選單中點選「選取目標」
  • 如果目標處於隱藏或鎖定狀態 (或是含有隱藏或鎖定的父項元素),彈出式選單就會顯示「顯示並選取目標」或「解除鎖定並選取目標」的選項。

如何選取事件的接收端:

  • 在事件上按一下滑鼠右鍵,然後在彈出式選單中點選「選取接收端」
  • 如果接收端處於隱藏或鎖定狀態 (或是含有隱藏或鎖定的父項元素),彈出式選單就會顯示「顯示並選取接收端」或「解除鎖定並選取接收端」的選項。

從「事件」面板選取元素

  • 如果您在其他頁面上選取目標或接收端,系統會從中心區域切換至該頁面。
  • 您無法同時選取多個目標或接收端。

預覽事件

您無法在 Google Web Designer 介面中預覽事件。如要查看事件的執行情況,請在瀏覽器中預覽專案並觸發事件。

這對您有幫助嗎?

我們應如何改進呢?
true
搜尋
清除搜尋內容
關閉搜尋
主選單
14059988775388456572
true
搜尋說明中心
true
true
true
true
true
5050422
false
false