JavaScriptは、Webブラウザー内での処理に特化したプログラミング言語です。使い勝手がよく、幅広く利用されています。JavaScriptを使用すると、開発者は、ユーザーの操作に反応して動くWebアプリケーションを作成できるようになります。Zoho Surveyでは、JavaScriptを使用して条件処理や、回答に応じた表示処理を設定してアンケートをカスタマイズし、アンケートの機能性を高めることが可能です。この機能により、回答者に合わせたユーザー体験を提供し、アンケートに対する回答意欲を高め、アンケートの効果を向上させることができます。

条件処理用のJavaScript 

質問の表示条件用のJavaScriptの追加方法

質問の表示条件用にカスタムスクリプトを追加するには：

1. ［編集］タブ→［編集］の順に移動して、アンケートの作成ページで、使用する質問の種類を画面左側からドラッグ＆ドロップするか、クリックして追加します。

2. 画面右上の［変数を挿入する］をクリックして、［JavaScriptのコード］を選択します。

   

4. コードを入力します。コードで標準関数を使用するには、［変数を挿入する］をクリックします。

5. サンプルデータでテストを行うには、［テストする］をクリックします。
   

6. ［実行する］をクリックして、その結果を確認します。
   

7. ［保存する］をクリックします。

選択肢／コメント欄の表示条件用のJavaScriptの追加方法

選択肢／コメント欄の表示条件用にカスタムスクリプトを追加するには：

1. ［編集］タブ→［編集］の順に移動して、アンケートの作成ページで、使用する質問の種類を画面左側からドラッグ＆ドロップするか、クリックして追加します。

2. ［選択肢／コメント欄の表示条件］の順に移動して、［＋条件処理を追加する］をクリックします。

   

3. ［条件］の最初のドロップダウンをクリックして、［JavaScriptのコード］を選択します。

4. カスタムスクリプトを追加します。また、コードのテストを実行して、条件処理が正しく動作するかどうかを確認することもできます。

5. ［更新する］をクリックして、コードを保存します。

ページのスキップ条件用のJavaScriptの追加方法

ページのスキップ条件用にカスタムスクリプトを追加するには：

1. ［編集］タブ→［編集］の順に移動して、画面右上の［条件処理］アイコンをクリックします。［ページのスキップ条件］を選択します。

2. 表示された画面で、［条件処理を追加する］をクリックします。［条件］の最初のドロップダウンをクリックして、［JavaScriptのコード］を選択します。

3. カスタムスクリプトを追加します。また、コードのテストを実行して、条件処理が正しく動作するかどうかを確認することもできます。

4. ［標準の表示順］の欄で、カスタムスクリプトの実行条件が満たされた場合に移動するページを選択します。

 メール送信用のJavaScriptの追加方法

メール送信用にカスタムスクリプトを追加するには：

1. ［編集］タブ→［連携］→［自動処理］の順に移動して、［メール送信］の欄にある［作成する］をクリックします。

2. 画面右上の［＋条件を追加する］をクリックします。

3. ［条件］の最初のドロップダウンをクリックして、［JavaScriptのコード］を選択します。

4. カスタムスクリプトを追加します。また、コードのテストを実行して、条件処理が正しく動作するかどうかを確認することもできます。

5. 送信者のメールアドレスとその他の必要な項目をメール設定に追加します（カスタムスクリプトによる詳細な条件処理の設定が「true」を返した場合、メールが送信されます）。

 アンケート完了のページにおける条件処理用のJavaScriptの追加方法

アンケート完了のページの実行処理用にカスタムスクリプトを追加するには：

1. ［編集］タブ→［設定］→［アンケート完了のページ］に移動して、［＋条件処理を追加する］をクリックします。

2. ［条件］の最初のドロップダウンをクリックして、ドロップダウンから［JavaScriptのコード］を選択します。

3. カスタムスクリプトを追加します。また、コードのテストを実行して、条件処理が正しく動作するかどうかを確認することもできます。

4. ［処理］の欄で、カスタムスクリプトの実行条件が満たされた場合に実行する処理を選択します。

5. 変更内容を確定するには、画面下部の［保存する］をクリックします。

 回答に応じた表示処理用のJavaScript 

 1. アンケート完了のページ  

アンケート完了のページに対して、JavaScriptのコードを使用して回答に応じた表示処理を実行できます。JavaScriptのコードは、設定したメッセージを表示する場合と、新しいページに移動する場合に設定可能です。

1. 設定したメッセージを表示する場合

アンケート完了のページで、設定したメッセージを表示するためのカスタムスクリプトを追加するには：

1. ［編集］タブ→［設定］→［アンケート完了のページ］に移動して、［＋条件処理を追加する］をクリックします。

2. ［条件］の最初のドロップダウンをクリックし、スクロールして、［JavaScriptのコード］を選択します。

3. 回答に応じた表示処理に必要なカスタムスクリプトを追加し、コードのテストを実行して正常に動作するかどうかを確認します。

4. ［処理］セクションで、条件を満たした場合に実行する処理を選択します。

5. ［保存する］をクリックします。

1. 新しいページに移動する場合

アンケート完了のページで新しいページに移動するためのカスタムスクリプトを追加するには：

1. ［編集］タブ→［設定］→［アンケート完了のページ］の順に移動して、［初期設定の終了ページ］まで画面を下にスクロールします。［新しいページに移動する］を選択します。

2. ［変数を挿入する］アイコンをクリックし、スクロールして、［JavaScriptのコード］を選択します。

3. 回答に応じた表示処理に必要なカスタムスクリプトを追加し、コードのテストを実行して正常に動作するかどうかを確認します。正常に動作したら、［保存する］をクリックします。  

4. アンケート完了後の移動先のURLに動的パラメーターを追加し、［保存する］をクリックします。

 2.アンケート対象外のページ 

1. 設定したメッセージを表示する場合

アンケート対象外のページで、［設定したメッセージ］にカスタムスクリプトを追加するには、以下の手順を実行します。

1. ［編集］タブ→［設定］→［アンケート対象外のページ］の順に移動して、［設定したメッセージ］を選択します。

2. ［変数を挿入する］をクリックし、スクロールして、［JavaScriptのコード］を選択します。

3. 表示された画面で、回答に応じた表示処理に必要なカスタムスクリプトを追加します。また、コードのテストを実行して正常に動作するかどうかを確認します。［保存する］をクリックします。

1. 新しいページに移動する場合

アンケート対象外のページで新しいページに移動するためのカスタムスクリプトを追加するには：

1. ［編集］→［設定］→［アンケート対象外のページ］の順に移動して、［新しいページに移動する］を選択します。

2. ［変数を挿入する］アイコンをクリックし、スクロールして、［JavaScriptのコード］を選択します。

3. 表示された画面で、回答に応じた表示処理に必要なカスタムスクリプトを追加し、その後、コードのテストを実行して正常に動作するかどうかを確認します。正常に動作したら、［保存する］をクリックします。  

4. アンケート完了後の移動先のURLに動的パラメーターを追加し、［保存する］をクリックします。
   

 連携用のJavaScript

 Webhook連携用のJavaScriptの追加方法

1. ［編集］→［連携］→［自動処理］の順に移動して、［Webhook］の欄で［作成する］をクリックします。
   
   
2. Webhook連携の設定の名前を入力し、［POST URL］を追加します。
   
   
3. リクエストの本文にキー名を入力します。
   
4. 値のドロップダウンをクリックして、スクロールして［JavaScriptのコード］を選択します。
   
   
5. カスタムスクリプトを追加します。また、コードのテストを実行して、条件処理が正しく動作するかどうかを確認することもできます。
   
6. 必要に応じて、カスタムスクリプトを使用してクエリーパラメーターも追加します。
   
7. ヘッダーの詳細を追加し、［保存する］をクリックします。
   

Power BI連携用のJavaScriptの追加方法

1. Power BI連携用のJavaScriptを追加するには、以下の手順を実行します：
   
   
2. ［編集］→［連携］→［連携］の順に移動し、Power BI連携の設定欄で［作成する］をクリックします。
   
   
3. Power BI連携の設定の名前を入力し、［POST URL］を追加します。
   
   
4. リクエストの本文にキー名を入力します。値のドロップダウンをクリックして、スクロールして［JavaScriptのコード］を選択します。
   
5. カスタムスクリプトを追加します。また、コードのテストを実行して、条件処理が正しく動作するかどうかを確認することもできます。
   
6. ［保存する］をクリックします。
   

 Zoho CRM連携用のJavaScriptの追加方法

1. ［編集］タブ→［連携］→［連携］の順に移動し、Zoho CRM連携の設定欄で［連携する］をクリックします。
   
   
2. 連携対象の環境を選択し、［次へ］をクリックします。
   
   
3. ドロップダウンを使用して、Zoho CRMのタブを選択します。Zoho Surveyのアンケートで回答が送信されると、選択したタブでデータが追加／更新されます。
   
   
4. 同期の種類を選択します。［質問を選択］をクリックして下にスクロールし、［JavaScriptのコード］を選択します。
   
   
5. カスタムスクリプトを追加します。また、コードのテストを実行して、条件処理が正しく動作するかどうかを確認することもできます。
   
6. ［保存する］をクリックします。
   

Zoho Recruit連携用のJavaScriptの追加方法

1. ［編集］タブ→［連携］→［連携］の順に移動し、Zoho Recruit連携の設定欄で［連携する］をクリックします。
   
   
2.  連携対象のタブを選択し、［次へ］をクリックします。
   
   
3. 同期の種類を選択します。［質問を選択］をクリックして下にスクロールし、［JavaScriptのコード］を選択します。
   
   
4. カスタムスクリプトを追加します。また、コードのテストを実行して、条件処理が正しく動作するかどうかを確認することもできます。
   
5. ［保存する］をクリックします。
   

Google スプレッドシート連携用のJavaScriptの追加方法 

1. ［編集］→［連携］→［連携］の順に移動し、Google スプレッドシート連携の設定欄で［連携する］をクリックします。
   
   
2. 連携対象のスプレッドシートと質問を選択し、［次へ］をクリックします。
   
   
3. Google スプレッドシート連携の設定ページで、［+］アイコンをクリックします。
   
   
4. ［質問を選択］をクリックして、下にスクロールし、［JavaScriptのコード］を選択します。
   
   
5. カスタムスクリプトを追加します。また、コードのテストを実行して、条件処理が正しく動作するかどうかを確認することもできます。
   
   
6. ［保存する］をクリックします。
   

Zoho Sheet連携用のJavaScriptの追加方法 

1. ［編集］タブ→［連携］→［連携］の順に移動し、Zoho Sheet連携の設定欄で［連携する］をクリックします。
   
   
2. 連携対象の表計算シートと質問を選択し、［次へ］をクリックします。
   
   
3. Zoho Sheet連携の設定ページで、［+］アイコンをクリックします。質問の件数によっては下にスクロールする必要があります。
   
   
4. ［質問を選択］をクリックして、下にスクロールし、［JavaScriptのコード］を選択します。
   
   
5. カスタムスクリプトを追加します。また、コードのテストを実行して、条件処理が正しく動作するかどうかを確認することもできます。
   
   
6. ［保存する］をクリックします。
   

注意事項 

JavaScriptのコード内に以下のキーワードは使用できません。

• カスタムスクリプトの条件には、URLのパラメーターを使用できます。その場合、半角の角かっこ「[]」内にパラメーターの名前を指定する必要があります（例：application.survey.urlparam["パラメーター名"]）。

• カスタムスクリプトの構文は正しく記述してください。JavaScriptの場合、各行の内容は基本的にセミコロン「;」で終わる必要があります。また、「if」で始まる条件文において処理内容を記述する場合は中かっこ「{}」内に記述する必要があります。正しく記述しなかった場合、エラーになります。

 コードのサンプル 

JavaScriptによって簡単な数式処理を行うためのサンプルコード：

こちらのコードでは、質問Aの回答が「はい」であり、質問Bの回答が2である場合、または質問Cと質問Dの合計が10より大きい場合に、「true」が出力されます