手勢元件

這個元件不適用於 Google Ads、Google AdMob、AMP HTML 廣告、影片廣告和圖像廣告。

手勢元件可讓您擷取使用者的互動操作。舉例來說，您可能想知道使用者何時將滑鼠游標懸停在某個按鈕上，藉此判斷變更按鈕顏色的時機；或是偵測使用者何時將文字頁面向左滑動，好適時顯示下一頁。

如何在專案中新增手勢元件：

1. 依序開啟「元件」面板及「互動」資料夾。
2. 將「手勢」元件 拖曳至中心區域。
3. 新增事件來偵測您關注的手勢。手勢元件能針對不同類型的手勢提供不同事件。

屬性

屬性	說明
名稱	元件名稱。
觸控操作	何種觸控操作會傳送到瀏覽器。舉例來說，如果不想讓手勢元件干擾使用者在瀏覽器中的垂直捲動作業，您可以將這個屬性設為 pan-y。保留原本的 none 設定足可因應大多數用途。 auto none (預設) pan-x pan-y

事件和動作

手勢元件傳送的事件

您可以透過下列手勢元件事件觸發其他動作：

事件	說明
懸停	在滑鼠游標或輕觸點座標進入元件邊界時傳送。
懸停結束	在滑鼠游標或輕觸點座標離開元件邊界時傳送。
追蹤開始	在滑鼠游標或輕觸拖曳點開始移動時傳送。
追蹤	此元件會記錄滑鼠游標或輕觸拖曳點的 X 和 Y 座標位置資料。您可以在元件的「屬性」面板中設定要傳送哪些追蹤資料。
追蹤結束	滑鼠游標或輕觸拖曳點結束移動時傳送。
輕觸	在記錄到使用者的輕觸或點擊滑鼠動作時傳送。
向左滑動	在使用者按下並向左滑動時傳送。
向右滑動	在使用者按下並向右滑動時傳送。
向上滑動	在使用者按下並向上滑動時傳送。
向下滑動	在使用者按下並向下滑動時傳送。

如要在「事件」對話方塊中選取以上任一事件，請將Gesture元件設為「目標」。

瞭解如何設定事件。

預覽

您無法在 Google Web Designer 介面中預覽這個元件。如要查看元件的實際運作情形，您可以按一下右上角的「預覽」按鈕 ，在自己慣用的瀏覽器中預覽文件。