Google Ads, Google AdMob, AMP HTML 광고, 동영상 광고 또는 이미지 광고에서는 이 구성요소를 지원하지 않습니다.
동작 구성요소를 사용하면 사용자 상호작용을 캡처할 수 있습니다. 예를 들어 사용자의 마우스 포인터가 버튼 위에 있을 때를 식별하여 버튼 색상을 변경하거나, 사용자가 텍스트 페이지에서 왼쪽으로 스와이프할 때를 감지하여 다음 페이지를 표시할 수 있습니다.
프로젝트에 동작 구성요소를 추가하는 방법:
- 구성요소 패널에 이어 상호작용 폴더를 엽니다.
- 동작
구성요소를 스테이지로 드래그합니다.
- 원하는 동작을 감지할 이벤트를 추가합니다. 동작 구성요소에는 동작 유형에 따른 다양한 이벤트가 있습니다.
속성
| 속성 | 설명 |
|---|---|
| 이름 | 요소의 이름입니다. |
| 터치 액션 |
브라우저로 전달할 터치 액션입니다. 예를 들어 동작 구성요소가 브라우저 내에서 사용자가 세로로 스크롤하는 동작을 방해하지 않도록 하려면 이 속성을 pan-y로 설정하면 됩니다. 대부분의 경우 이 속성을 none으로 남겨 두어도 됩니다.
|
이벤트와 액션
동작 구성요소에서 전송하는 이벤트다음과 같은 동작 구성요소 이벤트를 기반으로 다른 작업을 트리거할 수 있습니다.
| 이벤트 | 설명 |
|---|---|
| 마우스 오버 | 마우스 커서 또는 터치 위치가 구성요소 경계에 들어가면 전송됩니다. |
| 마우스 오버 종료 | 마우스 커서 또는 터치 위치가 구성요소 경계에서 벗어나면 전송됩니다. |
| 추적 시작 | 마우스 커서 또는 터치 드래그가 시작되면 전송됩니다. |
| 추적 | 구성요소가 마우스 커서 또는 터치 드래그와 연결된 X 및 Y 위치 데이터를 등록합니다. 구성요소의 속성 패널로 전송할 추적 데이터는 사용자가 설정해야 합니다. |
| 추적 종료 | 마우스 커서 또는 터치 드래그가 종료되면 전송됩니다. |
| 탭 | 마우스 클릭 또는 사용자 탭이 등록되면 전송됩니다. |
| 왼쪽으로 스와이프 | 사용자가 누른 다음 왼쪽으로 스와이프하면 전송됩니다. |
| 오른쪽으로 스와이프 | 사용자가 누른 다음 오른쪽으로 스와이프하면 전송됩니다. |
| 위로 스와이프 | 사용자가 누른 다음 위로 스와이프하면 전송됩니다. |
| 아래로 스와이프 | 사용자가 누른 다음 아래로 스와이프하면 전송됩니다. |
이벤트 대화상자에서 이러한 이벤트 중 하나를 선택하려면 Gesture 구성요소를 타겟으로 설정하세요.
이벤트 구성 방법 알아보기
미리보기
Google Web Designer 인터페이스 내에서는 이 구성요소를 미리 볼 수 없습니다. 작동 중인 구성요소를 보려면 오른쪽 상단에 있는 미리보기 