Super8をご利用くださいましてありがとうございます。ここでは、Webviewエディターの設定方法を説明します。

Webview Editorを使用すると、さまざまなタイプの質問、写真、またはビデオを設定して、顧客の情報を引き出すコンテンツが作成できます。顧客は、時間のかかる質問と回答のプロセスを経ることなく、アンケートの情報をすばやく入力できるようになります。

お客様から提供された回答は、Super 8の個人データ管理シートまたはリンク先のGoogleスプレッドシートに自動的に同期される設定も可能です。

以下の設定プロセスの説明を見てみましょう！

Super 8で［Webview エディター］を開き、［Webviewエディターを追加する］をクリックします。

まず最初に、 Webviewエディターの名前を変更する事ができます。

次に、Super8では、空欄入力、個人データ入力、アンケート入力の3つのテンプレートオプションを提供します。3つのテンプレートは全て編集する事も可能です。

顧客の回答箇所には、回答が必須であるのかが設定できます。必須な場合、回答箇所にアスタリスク（*）が表示されます。また、顧客の記入がない場合は回答は送る事ができなくなります。

顧客の回答が必須に設定されている場合、右側のデモ画面に表示される回答箇所にも*が表示されます

回答箇所を移動/削除するには、回答箇所の右側にある上下の矢印をクリックして移動し、[X]をクリックして回答箇所を削除します。

1.顧客の誕生日

お客様の誕生日を回答してもらう場合は、１つクリックするごとに、次の画面に自動的に移動する設定にする事ができます。なるべく顧客が使いやすいように設定しましょう。

2.ハイパーリンク

ハイパーリンクはhttpsで始まる必要があることに注意してください。URLリンクがhttpsで始まっていない場合は、ツールを使用してURLリンクを短くするなどの対策を行いましょう。

3.カスタマイズされた質問

カスタマイズされた質問の解答欄を設定するとき、ページはパラメーター名を要求します。ここにパラメーター名を英語で入力し、名前をカスタマイズしてください。

そのため、この解答欄に顧客が入力した値は属性として格納されます。次に、エディターで属性を選択し、パラメーター名を入力して、格納されている値を取得して使用します。多くのWebviewエディターを作成した後は、パラメーター名の重複がないかどうかに特別な注意を払う必要があります。

例えば、この場合パラメーター名は "time"だとします。

パラメーター名を設定しておくと、属性としてパラメーター名「time」を入力すると、お客様が入力した値を簡単に見つけ出す事ができます。

4. 画像

画像のサイズに制限はありません。アップロード後、画像を「元のサイズ」で表示するか、「画面サイズ」で表示するかを選択できます。

5. 動画

動画はFacebookまたはYouTubeビデオリンクが使用できます。YouTubeビデオリンクを使用する場合は、上のアドレスバーのURLをコピーしてください。

6. お客様の連絡先

この箇所の国オプションは現在台湾のみなので、顧客が他の国にいる場合は、最初に設定で[カスタマイズされた質問]> [短い回答]を使用することをお勧めします。 同時に、Super 8チームに連絡して国名の要件を通知できます。さらにオプションが追加されます。

7.顧客情報欄から顧客属性をカスタマイズ

顧客情報欄を選択すると、選択された箇所の情報が顧客の属性として保存されます。また、エディターで属性を選択し、パラメーター名が入力することも可能です。パラメーター名を入力すると、すぐに格納されている値を取得できるので、情報の検索が容易になります。

8. 送信ボタン

アナウンスや紹介などの情報提供目的でWebviewエディターを使用する場合など、お客様が情報を入力する必要がない状況では、「送信ボタン」を非表示にするように選択できます。

オリジナルの「Webview Editor」を設計したら、「保存」をクリックしてください。

また、次の2点に注意してください。

1.アンケートのリンクの有効期限は7日間のみ有効です。有効期限を過ぎてしまうと、アンケートを開くことができません。リンクを再送信する必要があります。

2. アンケートのリンクは、アプリ内でのみ開くことができます。リンクをコピーしてアプリ外で開こうとした場合、アンケートを開くことができません。

URLボタンにリンクを入力（チャットボット）

URLボタンにURLリンクを挿入します（グループメッセージ）

グループメッセージ編集画面

アンケートに顧客名、顧客の電話番号、顧客のメールアドレス、顧客の誕生日、顧客の性別などの基本情報が含まれている場合、顧客が入力した情報は、顧客がクリックして送信するときに、Super 8の個人データ管理シートに自動的に同期されます。

お客様が個人情報を記入

上の図のように、データは自動的に右側の個人データ管理シートに同期されます。

データを自動的に同期するSuper8の個人情報管理シートに加えて、他の場所にデータを表示したい場合は、「Googleスプレッドシートへのリンク」機能を使用できます。以下で Googleスプレッドシートの使い方を説明します。

. 1.お客様がGoogleスプレッドシートに表示されたフォームに記入する時間帯を選択します。 デフォルトのGMY + 8：00は台湾時間です。

2. 「Googleスプレッドシートへのリンク」をクリックします

3. Googleのアカウントを選択します。

4. ［許可する］をクリックします。

5. Googleスプレットシートを作成します。

「Googleスプレッドシート（上の図の緑色の部分）」をクリックします。

空白のスプレッドシートを追加します。

［共有］をクリックします。

「共有リンクを開く」をクリックします。

［リンクを知っている全員が閲覧可能］を選択します。

［リンクをコピー］をクリックします。

Googleスプレッドシートに接続した後、スプレッドシートの左端のA列を非表示にしないでください。システムはデータのインポート時にA列に基づいてデータを追加するため、A列を非表示にすると、データが重複してしまいます。

6. Googleスプレッドシートのリンクを貼り付け、［確認］を押します。

上の図の状態は、Googleスプレッドシートが正常にリンクされたことを示します。

Googleスプレッドシートを変更する場合は、[切断]をクリックしてから、再接続してください。

Googleアカウントを変更する場合は、まず[ログアウト]をクリックしてから、再接続してください。

「Webviewエディター」タブをクリックすると、操作中のすべてのWebviewエディターが表示されます。アンケートの名前を変更し、右側のボタン機能を使用できます。

「Share the Webview Editor」をSuper8テクニカルチームにレビューのために送信します。

「アプリのリンク」をコピーし、このリンクをカードタイプメッセージのURLボタンに挿入します。

Webviewエディターの編集

Webviewエディターを削除

テスト中に以下の認証画面が表示されるのは正常です。「同意する」をクリックしてください。

認証画面が表示されない場合は、LIFF機能をONにしていないため、「Webview Editor」が失敗する可能性があります。 LINE @バックエンドに行き、「メッセージングAPI設定」をクリックし、「LINE開発者」をクリックしてください。

その後、「LIFF」タブをクリックし、「追加」をクリックすると、赤いボックスの情報が表示され、LIFF機能が有効になります。

関連記事:

エピローグ、自動ラベル、またはWebviewエディターへの入力後の設定について

1. Googleスプレッドシートに多数のタブがある場合、システムは自動的にデータを左端のタブに同期します。

2.カードに「Webview Editor」のリンクを入れ、カードのラベル欄機能をご利用の場合、お客様がカード内のボタンをクリックしてフォームを送信した後、LINEのお客様に自動的にラベルを付けることはできません。LINEのLINE APIで制限されておりますが、メッセンジャーのお客様はこの制限の対象外です。

3. Webviewエディターを公開した後、誤ってデータ管理シートに配置されることを回避するために、Webviewエディターのコンテンツを変更しないことをお勧めします。

上記の情報がお役に立てば幸いです。

他にご不明な点がございましたら、Super 8のホーム画面の右下にあるチャットボットからオンラインカスタマーサービスにアクセスし、お気軽にお問い合わせください。

Super 8 Messenger: https://m.me/no8.io

Super 8 Line@: https://m.me/no8.io Super 8 Conversational Business Platform LINE official account: https://line.me/R/ti/p/@im888