JavaScriptは強力で幅広く採用されているプログラミング言語で、ウェブブラウザ内のクライアントサイドのスクリプティングに秀でています。これにより、開発者は動的で対話型のウェブアプリケーションを作成できます。Zoho Surveyでは、JavaScriptを利用して各種タブ内に条件やパイピングを実装し、アンケートのカスタマイズと機能を強化することができます。この機能により、ユーザー体験を回答に基づいてカスタマイズし、アンケートをよりエンゲージングで効果的なものにすることができます。
質問にカスタムスクリプトを挿入するには:
Builder>Editorに移動し、質問種類を追加します。これはSurvey Builderページにドラッグアンドドロップするか、左側のペインでクリックするだけで利用できます。
右上角にある 変数を挿入 ドロップダウンをクリックし、JavaScriptスニペットを選択します。
the を入力し、 コードに insert variable(inside one) をクリックします。これにより、ビルトイン関数をあなたのコードで使用することができます。
サンプルデータを使用してテストをクリックします。
結果を確認するために、Runボタンをクリックします。
そして、保存ボタンをクリックします。
回答表示ロジックのカスタムスクリプトを挿入するには:
次に進む Builder>Editor そして好みの question 種類 を追加する、これは Survey Builder ページで使用し、左のペインでクリックするか、ドラッグアンドドロップです。
ここに移動 Answer Display Logic し、 追加する Logic をクリックします。
If をクリックし、 JavaScript スニペットを選択します。
必要なカスタムスクリプトを追加して、希望するロジックを実行します。 また、ロジックが機能することを確認するためにコードをテスト実行することができます。
クリック 更新する および 保存 コードを.
Page スキップする logicのための JavaScript を追加する手順:
Page スキップする Logicにカスタムスクリプトを挿入するために:
移動します Builder>Editor そしてクリックします Logic アイコンをページの右上隅にあります。選択します Page スキップする Logic.
新規ウィンドウで、 をクリック 追加する条件をクリックします。Ifをクリックし JavaScript Snippetを選択します。
必要なカスタムスクリプトを追加します。また、ロジックが正しく動作するかを確認するために、コードを実行してテストすることもできます。
初期設定フロー内で、カスタムスクリプトロジックが実行されるときにスキップするページを選択します。
トリガーメールのための JavaScript を追加する手順:
トリガーメールのためのカスタムスクリプトの挿入方法:
Builder>Hub>Triggersに移動し、トリガーメールの作成をクリックします。
右上隅の 追加する 条件 ボタンをクリックします。
IfをクリックしJavaScript Snippetを選択します。
必要なカスタムスクリプトを追加します。また、ロジックが機能することを確認するために、コードをテスト実行することもできます。
送信者のメールアドレスやその他必要な項目をメール設定に追加します。これにより、カスタムスクリプトの条件が真であるときにメールが送信されます。
アンケート終了ページロジックのJavaScriptを追加する手順:
アンケート終了ページのロジックのためのカスタムスクリプトを挿入する方法:
次に移動します Builder>設定>Survey End page そして、 追加する Logicをクリックします。
クリックします If そして選択します Javascript のスニペットをドロップダウンから選びます。
必要なカスタムスクリプトを追加します。ロジックが正確に動作することを確かめるためにコードをテストすることもできます。
初期設定フロー内で、カスタムスクリプトのロジックが実行されたときにスキップするページを選択します。
ページの下部にある 保存 をクリックして変更を確定します。
JavaScriptは2つの場所、すなわちカスタム メッセージと新規ページへのリダイレクト のSurvey End Page カスタマイズ時に使用中できます。
末尾のページにカスタム メッセージ用のカスタムスクリプトを挿入するには: Survey End page:
Builder>設定>Survey End Pageに移動して、追加する Logicをクリックします。
クリックして If、スクロールダウンし、選択します Javascript Snippet。
パイピングおよびテストが必要なカスタムスクリプトを追加し、そのコードが機能することを確認してください。
パイピングが機能するときに望む操作を「then」セクションで選択します。
保存をクリックします。
アンケートの終了ページで、新規ページにリダイレクトするためのカスタムスクリプトを挿入する方法:
Builder>設定>Survey End Pageまでナビゲートし、初期設定の終了ページセクションまでスクロールします。 新規ページへリダイレクトオプションを選択します。
次に、 変数を挿入 アイコンをクリックし、スクロールしてから Javascript スニペットを選択します。
次に、パイピング用のカスタムスクリプトを追加し、コードが機能することを確認するためにテスト実行します。機能する場合は、保存をクリックします。
さらに、調査がリダイレクトするURLにパイピングパラメータを追加し、その後保存をクリックします。
調査不適格ページのカスタムメッセージにカスタムスクリプトを追加するには、次の手順を実行します:
次に、 Builder>設定>調査不適格ページ にナビゲートして カスタムメッセージ オプションを選択します。
「Insert Variable」をクリックし、下にスクロールして、Javascript Snippet」を選択します。
開いたウィンドウにパイピングに必要なカスタムスクリプトを入力し、コードが正しく機能することを確認するためにテストランを行います。その後、「 保存」をクリックします。
新規ページへリダイレクトするためのカスタムスクリプトを「Survey Disqualification」ページに挿入するには、以下の手順を実行します。
「Builder>設定>Survey Disqualification Page」に移動し、「新規ページへリダイレクト 」オプションを選択します。
クリック 「Insert Variable」アイコンを、スクロールダウンし、「選択する」とJavascript Snippetを選択します。
開くウィンドウにて、パイピングに必須となるカスタムスクリプトを入力し、そのコードが正しく機能するかテスト実行します。動作確認が完了したら、保存をクリックします。
調査結果をリダイレクトするURLにパイピングパラメータを追加し、保存をクリックします。
JavaScriptで保存できないのは次のキーワードです :
コンソール |
ウィンドウ |
注意 |
this |
self |
新規 |
クラス |
await |
ワーカー |
デバッガ |
非同期 |
インポートする |
エクスポートする |
試す |
キャッチ |
スローする |
最終的に |
解決する |
却下する |
スーパー |
拡張する |
一時停止する |
再生する |
その後 |
削除する |
オブジェクト |
関数 |
プロミス |
globalThis |
画像 |
xmlhttprequest |
xmldocument |
ジオロケーション |
フォームデータ |
ファイル |
イベント |
websocket |
urlpattern |
formdata |
ドキュメント |
sessionstorage |
localstorage |
cookie |
clearinterval |
usb |
cleartimeout |
postmessage |
prompt |
setintervals |
settimeout |
キャッシュ |
ブルートゥース |
支払い |
otp |
データベース |
global_object |
eval |
引数 |
グローバル関数 |
キャンバス |
厳格 |
オーディオ |
ナビゲーション |
ナビゲータ |
URLパラメーターのスクリプト条件を実装する場合、 param値を角括弧 []内に入力する必要があります。たとえば、JSONキーでドット表記法中の特殊文字が禁止されているため、JavaScriptではapplication. survey。urlparam ['ユーザー名']とします。
構文エラーを防ぐために、JavaScript コードはJavaScript構文に準拠し、セミコロンで終了させるか、適切に中括弧で囲む必要があります。
以下に、シンプルな 算術操作を行うJavaScriptスニペットコードの参照サンプルを提供します:
提供されたコードは、算術演算および条件取引明細の統合を行い、変数または式の値に基づいて判断を行います。
var 評価 = application。survey。question。C。response + application。survey。question。D。response;
if (application。survey。question。A。response == 'Single'
application。survey。question。B。response == 2)
{
return true;
}
else if (評価 > 10)
{
return true;
「導入したばかりで基本操作や設定に不安がある」、「短期間で集中的に運用開始できる状態にしたい」、「運用を開始しているが再度学び直したい」 といった課題を抱えられているユーザーさまに向けた少人数制のオンライントレーニングです。
日々の営業活動を効率的に管理し、導入効果を高めるための方法を学びましょう。