О событиях

Эта функция недоступна для видеорекламы, графических объявлений и анимированных GIF-изображений.

С помощью событий можно настраивать действия в объявлении или HTML-документе для определенных жестов пользователя, ключевых кадров на временной шкале и других изменений. Например, касание объявления может запускать анимацию, а событие на временной шкале в точке, где вы установили маркер события, – инициировать изменение таблиц CSS.

Обзор событий

Диалоговое окно "События"

Объекты и действия связываются с событиями в интерактивном диалоговом окне "Событие". В нем можно последовательно настраивать следующие параметры:

1. Цель. Выберите объект, который запускает событие, например кнопку.
2. Событие. Выберите событие, например нажатие кнопки.
3. Действие. Укажите действие, которое должно быть выполнено в результате, например воспроизведение видео.
4. Получатель. Выберите элемент, который выполнит это действие, например видео.
5. Конфигурация. Для некоторых действий необходимо задать дополнительные настройки.

Подробнее о том, как создать событие в окне "Событие"…

Если необходимого действия нет в списке диалогового окна "События", можно создать собственные функции JavaScript и использовать их как дополнительные действия. Эта функция недоступна для объявлений AMPHTML.

Панель "События"

На панели "События" приводится список событий в проекте. Если панели не видно, вы можете открыть ее через меню "Окно".

Как добавить событие

• Нажмите кнопку Добавить событие в нижней части панели.

Как изменить событие

• Дважды нажмите на событие на панели. Откроется диалоговое окно для внесения изменений.
• Вы также можете нажать правой кнопкой мыши на событие и в появившемся контекстном меню выбрать Изменить.

Как удалить событие

• Выберите событие на панели, а затем в ее нижней части нажмите кнопку Удалить .
• Вы также можете нажать правой кнопкой мыши на событие и в появившемся контекстном меню выбрать Удалить.
• Чтобы удалить несколько событий одновременно, выберите их на панели и используйте один из указанных выше способов.

Как отфильтровать события

• Чтобы было видно только события для выделенного объекта или те, что находятся на текущей странице, выберите подходящий фильтр в раскрывающемся списке вверху панели.
• Вы также можете ввести идентификатор элемента, тип события или действие в поле Фильтр событий.

Как выбрать цель события

• Нажмите правой кнопкой мыши на событие и в появившемся контекстном меню нажмите Выбрать цель.
• Если цель скрыта или заблокирована (или относится к скрытому или заблокированному родительскому элементу), в контекстном меню появится вариант Показать и выбрать цель или Разблокировать и выбрать цель.

Как выбрать получателя события

• Нажмите правой кнопкой мыши на событие и в появившемся контекстном меню нажмите Выбрать элемент-получатель.
• Если получатель скрыт или заблокирован (или относится к скрытому или заблокированному родительскому элементу), в контекстном меню появится вариант Показать и выбрать элемент-получатель или Разблокировать и выбрать элемент-получатель.

Особенности выбора элементов на панели "События"

• Если вы выберите цель или получателя на другой странице, рабочая область переключится на эту страницу.
• Нельзя выбрать несколько целей или получателей одновременно.

Предпросмотр событий

События нельзя предварительно посмотреть в интерфейсе Google Web Designer. Вы можете посмотреть объявление в браузере и инициировать событие.