こんにちは！
サポートチームの杉村です。
まだまだ寒いですが、少しずつ春の気配を感じる今日この頃ですね！
さて、今回は2025年9月にリリースされた「フレックスエディタ」の便利な機能の中から、「カスタムイベント」の実装方法 についてご紹介します！
「フレックスエディタ」は、HTML、CSS、JavaScriptの知識がなくても、柔軟にカスタマイズができる機能です。
詳しく知りたい方はこちらも見てみてくださいね。
お問い合わせ内容
ボタンクリックを区別して次の接客につなげたい
接客サービスAに x と y の2つのボタンがあるのですが、 y をクリックしたユーザーだけを別の接客サービスBの配信対象にしたいです。
何か方法はありますか？
従来の解決方法
以下のようなイメージです。
方法①（カスタマイズなし）
- ボタン
yのリンクに特定のパラメーターを付与する - そのURLのクリックを条件にフィルターイベントを作成する
- 2.のフィルターイベントを基にセグメントを作成する
4.接客サービスBの配信対象に、3.のセグメントを設定する
方法②（カスタマイズあり）
1.ボタン y のクリック時にカスタムイベントを実装する（方法はこちら）
2.1.のカスタムイベントを基にセグメントを作成する
3.接客サービスBの配信対象に、2.のセグメントを設定する
「方法②の方が手間は少ないけど、JavaScriptよくわからない、、、」
そんな方に「フレックスエディタ」はとてもおすすめです！
「フレックスエディタ」ならカスタムイベントを簡単に実装できる！
実装と言っても、「クリック時の動作」と「カスタムイベント名」を入れるだけでできちゃいます。
↓こんな感じです。
設定はこれだけ！
HTMLやJavaScriptのカスタマイズは一切不要で、こんなにも簡単に「カスタムイベント」を発生させることが可能です。
他にも便利！「クリック時の動作」、「カスタムイベント」活用シーン
「クリック時の動作」は、上記の「リンク遷移」の他に様々な動きを設定できます。
少しだけ代表的な例をご紹介。
- 閉じる
- 「ここをクリック時にアクションを閉じてほしい！」を簡単に設定できます。
- また、ボタンのクリックだけでなく、画像全体をクリック時に閉じる、こともできます。設定の詳細はこちら。
- ステート遷移+カスタムイベント
カスタムイベントを追加設定することで、接客Aでステート3まで進んだ人を接客Bの配信対象にするなどが可能です。
※カスタムイベントを設定しない場合でも、ステート遷移時には
_message_state_changedイベントが発生します。ただしこれは「解析しない」イベントのため、セグメント等に指定できません。（詳細）そのため、別途カスタムイベントを発生させることで活用シーンが広がります。
あとがき
いかがでしたか？
カスタムイベントの実装は、今までカスタマイズが必要で、少しハードルを感じていた方もいらっしゃるのではないでしょうか。
フレックスエディタなら、GUI上で簡単に、カスタムイベントを設定することができます。
また、既存の接客サービスのアクションをフレックスエディタに変換することも可能です。
詳細はこちら：既存アクションをフレックスエディタに変換する
ぜひ、色々と触ってみて、その手軽さを実感してくださいね。
チャットサポートでは、お問い合わせを受け付けております。
お問い合わせは 管理画面グローバルナビゲーション > [?] サポートガイド > より可能です！
お問い合わせをお待ちしています！