1. オリジナルフォームで、選択式で選択ごとに付与するタグを分ける方法

オリジナルフォームで、選択式で選択ごとに付与するタグを分ける方法

2021.10.20 更新
Text=kintsuba
選択ごとに付与するタグを分けるには、対象のオリジナルフォームのHTMLファイル内にjavascriptでタグをセットする必要があります。


 HTMLファイルのダウンロード方法につきましては下記をご参照ください。
 既存のオリジナルフォーム(LIFF)のダウンロード方法


 ダウンロードが終わりましたらファイルを解凍し、index.htmlをご使用のテキストエディターで開きます。
ファイル内で確認するところが3箇所あります。


(1)「id="add_tags"」の「value」にセットされているタグコードが送信時付与されます。
※変更がなければ初期値で記載されているタグが付与されます。
↓
(2)選択項目ごとに付与したいタグを「onclick="selectTag('タグコード')"」でそれぞれ記述する
今回の場合は「男性」「女性」というタグを付与しています。
※タグ付与された状態の会員表示
↓
(3) (2)で選択されたタグを(1)の「id="add_tags"」の「value」にセットするためのjavascriptをファイル下部の<script></script>内に記述する。
記述後ファイルの上書きを忘れずにしてください。
 ※今回のようにタグを動的にセットする場合は、Javascriptのコードにおいてロジック作成の上セットしてください。設置方法はサポート対象外となります。 

↓
(4)記述が終わりましたら、「オリジナルフォーム(LIFF)のアップロード方法」の手順に沿ってファイルをアップロードする。


付与したタグの動作確認方法は下記をご参照ください。
付与したタグの動作確認方法

下記フォームサンプルページのソースコードと併せて参照いただくとわかりやすいです。
フォームサンプルページ
https://help.ecai.jp/form/demo01/

※ソースコード確認方法
windows:Ctrl + U
mac  :option + command + U
ご希望通りのセッティングができましたか?

0人中0人がセッティングができたと言っています。

このマニュアルの作成者は kintsuba です。

こちらのマニュアルで希望のセッティングが出来なかった
際は、下記のどちらかでお問い合わせください。

スタートプランの方はこちら
LINE公式アカウント機能拡張プラン、
オートコールセンタープランの方はこちら