藉由事件,您可以針對使用者的手勢、時間軸主要畫面格,或是廣告或 HTML 文件中的其他活動,設定回應的動作。舉例來說,您可以在廣告中使用觸控事件來觸發動畫播放,也可以在時間軸上的某個時間點設定事件標記,進而觸發 CSS 變更。
「事件」對話方塊
在「事件」對話方塊中,您可以將物件和動作連結到事件。「事件」對話方塊是互動式對話方塊,可逐步引導您按照下列步驟設定事件:
- 目標:選擇要用來觸發事件的物件,例如按鈕。
- 事件:選取要偵測的事件,例如使用者點選按鈕。
- 動作:指定事件觸發的動作,例如播放影片。
- 接收端:選擇執行動作的元素,例如影片。
- 設定:指定某些動作時,系統可能會要求您設定其他詳細資訊。
您可以參考這篇文章,瞭解如何使用「事件」對話方塊定義事件。
如果「事件」對話方塊中沒有列出您想設定的動作,您可以自行建立 JavaScript 函式,並當做自訂動作來使用。不過,AMPHTML 廣告不支援這項功能。
「事件」面板
「事件」面板會列出專案中的事件 (如果找不到「事件」面板,您可以從「視窗」選單開啟)。
如何新增事件:
- 按一下面板底部的「新增事件」按鈕 。
如何編輯事件:
- 在「事件」面板中要編輯的事件上按兩下,即可開啟「事件」對話方塊,您可以在其中進行變更。
- 您也可以在事件上按一下滑鼠右鍵,然後在彈出式選單中選取「編輯」。
如何刪除活動:
- 在面板中按一下要刪除的事件,然後點選面板底部的「刪除」按鈕 。
- 您也可以在事件上按一下滑鼠右鍵,然後在彈出式選單中選取「刪除」。
- 如要刪除多個事件,請在面板中選取這些事件,然後使用上述任一方法。
如何篩選活動清單:
- 您可以使用面板頂端的下拉式選單,列出目前頁面或所選項目的事件。
- 您也可以在「篩選事件」欄位中輸入元素 ID、事件類型或動作。
如何選取事件目標:
- 在事件上按一下滑鼠右鍵,然後在彈出式選單中點選「選取目標」。
- 如果目標處於隱藏或鎖定狀態 (或是含有隱藏或鎖定的父項元素),彈出式選單就會顯示「顯示並選取目標」或「解除鎖定並選取目標」的選項。
如何選取事件的接收端:
- 在事件上按一下滑鼠右鍵,然後在彈出式選單中點選「選取接收端」。
- 如果接收端處於隱藏或鎖定狀態 (或是含有隱藏或鎖定的父項元素),彈出式選單就會顯示「顯示並選取接收端」或「解除鎖定並選取接收端」的選項。
從「事件」面板選取元素
- 如果您在其他頁面上選取目標或接收端,系統會從中心區域切換至該頁面。
- 您無法同時選取多個目標或接收端。
預覽事件
您無法在 Google Web Designer 介面中預覽事件。如要查看事件的執行情況,請在瀏覽器中預覽專案並觸發事件。