概要 #
ボタンは、ページ上でクリックによって特定のアクションを実行させるためのパーツです。
リンク遷移、アプリ連携、LSEEDアクションなどの多様な動作を割り当てることができ、目的に応じたカスタマイズが可能です。
また、サイズ（幅・高さ）やアイコン、開く方法（新しいウィンドウで開く等）なども細かく設定できます。
ボタンの説明 #
ボタンオブジェクトの追加方法 #
左側の「オブジェクト」メニューから「ボタン」を選択し、挿入したい位置までドラッグ＆ドロップすることで、ページ内にボタンを追加できます。
ボタンの設定項目説明 #
ボタン設定パネルの各機能 #
ボタンの項目を変更することで、ボタンの見た目や挙動をカスタマイズできます。
- ① ボタンアイコン
ボタンにアイコンを追加するかどうかを設定できます。表示位置は「なし」「左」「右」から選択可能です。 - ② 幅
ボタンの横幅をピクセル単位で調整します。内容に合わせた幅にしたり、全幅表示にすることも可能です。 - ③ 高さ
ボタンの高さをピクセル単位で変更できます。大きめのボタンを作成する場合や、文字サイズに応じて調整します。
ボタンのアクション設定説明 #
アクションの設定について #
ボタンをクリックしたときの動作（アクション）を設定できます。
アクションには、以下の3つのタイプがあります。
- リンク：外部または内部のURLに遷移します。
- アプリ：特定のアプリ（例：LINE）を起動し、指定のアカウントIDへ誘導します。
- LSEED：LSEED内部で設定された特定の動作やアクションを実行します。
①リンク #
– ターゲット：
GET または POST を選択できます。
・GET はリンクをクリックした際にクエリパラメータを付けて遷移します（例：`?id=123&token=abc`）。通常のページ遷移に使われます。
・POST はフォームデータなどを非表示で送信する方法です。ログインや予約処理など、サーバーへデータを渡す必要があるケースに使用されます。
※補足：「POST」を選択した場合
ボタンを押すと、設定されたURLに対してHTTP POSTリクエストが送信されます。
このとき、「マッピング」で指定されたLSEEDの項目が、外部フィールド名に対応してデータとして送信されます。
– URL：
遷移先のリンクを入力します。
– 「新しいウィンドウで開く」チェック：
リンクを別タブで開くか、同じタブで開くかを設定できます。
② アプリ #
– LINEアイコンが表示され、アカウントIDを入力する欄があります。
入力したIDに対応するLINEアカウントを起動します。
③ LSEED #
– アクションを追加ボタンをクリックすることで、LSEED内部のアクションを複数設定できます。