> ## Documentation Index
> Fetch the complete documentation index at: https://docs.kameleoon.com/llms.txt
> Use this file to discover all available pages before exploring further.

# ウィジェットにイベントとアクションを関連付ける

> Kameleoon Widget Studio で、イベントトリガーと自動化されたアクションを接続することで、ウィジェットのインタラクティブな動作を定義する方法を学びます。

イベントとアクションを関連付けることで、ウィジェットの動作とタイミングを定義します。イベントは特定の訪問者の行動やページの状態を検出するトリガーであり、アクションはそれらのイベントが発生したときに Kameleoon が実行する応答です。

たとえば、最初のポップインでメールアドレスを送信する(イベント)と、2 つ目の「ありがとう」ポップインの表示(アクション)を引き起こすマルチステップのポップインフローを作成できます。

## Events セクションへのアクセス

ウィジェットのトリガーと応答を管理するには、Widget Studio を開いて左サイドバーの **Events** をクリックします。

<Frame>
  ![](https://storage.googleapis.com/kameleoon-storage-documentation/user-manual/images/assets/widgets/create-a-widget-with-the-widget-studio/associate-events-and-actions-with-your-widget/events.png)
</Frame>

## イベントを管理する

イベントは、Kameleoon がいつアクションを実行するかを決定します。

### イベントを作成する

新しいイベントを作成するには:

<Frame>
  ![](https://storage.googleapis.com/kameleoon-storage-documentation/user-manual/images/assets/widgets/create-a-widget-with-the-widget-studio/associate-events-and-actions-with-your-widget/create-event.png)
</Frame>

1. **Add event** をクリックします。
2. リストから作成したいイベントの種類を選択し、**Next** をクリックします。
3. イベントの条件を定義して **Save** をクリックします。

### イベントを編集または削除する

既存のイベントを管理するには:

* **編集:** イベントを右クリックするか 3 点メニューをクリックして **Edit** を選択します。
* **削除:** イベントを右クリックするか 3 点メニューをクリックして **Delete** を選択します。

<Frame>
  ![](https://storage.googleapis.com/kameleoon-storage-documentation/user-manual/images/assets/widgets/create-a-widget-with-the-widget-studio/associate-events-and-actions-with-your-widget/secondary-actions.png)
</Frame>

### イベントの種類

Kameleoon ではアクションをトリガーするためのさまざまなイベントタイプを提供しています。

| イベントタイプ               | 説明                                    |
| :-------------------- | :------------------------------------ |
| **Click**             | 訪問者が特定の要素をクリックしたときに発火します。             |
| **URL**               | ページの URL が特定の値を含むか、正規表現と一致するときに発火します。 |
| **Display**           | ウィジェットの表示(表示前または表示後)に基づいて発火します。       |
| **Survey**            | 訪問者が特定のサーベイまたはフォームの値を入力したときに発火します。    |
| **Language**          | 表示されるテキストの言語に基づいて発火します。               |
| **Custom data value** | 特定のカスタムデータ値が定義された条件を満たすときに発火します。      |
| **Device**            | 訪問者が特定のデバイスタイプを使用しているときに発火します。        |

## アクションを管理する

アクションは、イベントが発火した後に Kameleoon が実行する特定のタスクです。

### アクションを作成する

イベントにアクションを追加するには:

<Frame>
  ![](https://storage.googleapis.com/kameleoon-storage-documentation/user-manual/images/assets/widgets/create-a-widget-with-the-widget-studio/associate-events-and-actions-with-your-widget/add-actions.png)
</Frame>

1. **Events** サイドバーでイベントを見つけます。
2. イベントの直下にある **Add action** をクリックします。
3. アクションタイプを選択して設定を構成します。

### アクションを編集または削除する

イベントと同じインタフェースを使ってアクションを管理します。アクションを右クリックするか 3 点メニューを使って編集または削除します。

### アクションの種類

ウィジェットの動作をカスタマイズするさまざまなアクションタイプから選択できます。

| アクションタイプ            | 説明                                         |
| :------------------ | :----------------------------------------- |
| **Elements**        | ウィジェット内の特定の要素を表示または非表示にします。                |
| **Kameleoon goals** | 特定の Kameleoon ゴールをトリガーまたはキャンセルします。         |
| **Kameleoon data**  | カスタムデータ値を設定します。                            |
| **Kameleoon event** | セグメントターゲティング用のカスタムイベントをトリガーします。            |
| **Request**         | GET または POST リクエストで特定の URL にデータを送信します。     |
| **URL**             | 訪問者を指定された URL にリダイレクトします。必要に応じて新しいタブで開きます。 |
| **JavaScript**      | カスタム JavaScript コードを実行します。                 |
| **Survey/Form**     | トリガーイベントに基づいてサーベイやフォームを有効または無効にします。        |
| **Browser storage** | ローカルストレージ、セッションストレージ、または Cookie に値を設定します。  |