JavaScriptを使用したカスタムスクリプト

お知らせ：当社は、お客様により充実したサポート情報を迅速に提供するため、本ページのコンテンツは機械翻訳を用いて日本語に翻訳しています。正確かつ最新のサポート情報をご覧いただくには、本内容の英語版を参照してください。

JavaScriptは、ウェブブラウザ内でのクライアントサイドスクリプトに優れた、幅広く使用されている強力なプログラミング言語です。開発者は、動的でインタラクティブなウェブアプリケーションを作成することができます。Zoho Surveyでは、様々なタブ内で条件やパイピングを実装するためにJavaScriptを使用することができ、アンケートのカスタマイズと機能を高めることができます。この機能により、ユーザー体験を回答に基づいてカスタマイズし、アンケートをより魅力的で効果的にすることができます。

条件に対するJavaScript

質問表示ロジック用JavaScriptの追加方法：

質問にカスタムスクリプトを挿入するには：

「Builder>Editor」に移動し、ドラッグアンドドロップを使用するか、または左ペインでクリックして、使用したい質問の種類を「Survey Builder」ページに追加します。
右上隅にある「変数を挿入」ドロップダウンをクリックし、「JavaScriptスニペット」を選択します。

コードを入力してください。 insert variable(内側に) クリックしてコード内で利用可能な built-in functionsを使用してください。
サンプルデータを使ってテストするためにクリックしてください。
「実行」ボタンをクリックして結果を確認してください。
「保存」ボタンをクリックしてください。

Answer表示ロジック用のJavaScriptを追加する方法 :

カスタムスクリプトを挿入するためには:

「Builder>Editor」へ移動し、使用したいquestion 種類を「Survey Builder」ページ上でドラッグ＆ドロップするか、または左側のペインでクリックして追加します。
「Answer Display Logic」に移動し、Logic を追加するためにクリックします。

「If」という項目をクリックし、JavaScriptスニペットを選択します。
必要なカスタムスクリプトを追加し、ロジックが機能するかどうかを確認するためにコードをテスト実行することもできます。

「更新する」をクリックし、コードを保存してください。

ページスキップのロジックにJavaScriptを追加する指示：

ページスキップロジック用のカスタムスクリプトを挿入するには:

「ビルダー」＞「エディター」へと進み、「ロジック」アイコンをページの右上隅でクリックして、「ページスキップロジック」を選択してください。

新規ウィンドウで、「追加する条件」をクリックします。次に「If」と選択しJavaScript Snippetを選択します。

必須のカスタムスクリプトを追加します。また、コードのテスト実行が可能で、ロジックが機能することを確かめることができます。
初期設定フローで、カスタムスクリプトのロジックが機能した場合にスキップするページを選択します。

トリガーメール用のJavaScriptを追加するための指示：

トリガーメール用のカスタムスクリプトを挿入するには：

「Builder>Hub>Triggers」に移動し、「作成」トリガーメールをクリックします。

右上の「追加する CONDITON」ボタンをクリックします。

「If」とクリックし、JavaScript Snippetを選択します。

必要なカスタムスクリプトを追加してください。また、コードが動作するかを確認するためにテスト実行も行うことができます。
送信者のメールアドレスおよびその他必要な項目をメール設定に追加し、カスタムスクリプトの条件が真となったときにメールを送信します。

サーベイ終了ページのロジックのためのJavaScriptを追加する手順:

サーベイ終了ページ用ロジックにカスタムスクリプトを挿入する場合：

「Builder>設定>Survey End page」に移動し「追加するLogic」をクリックします。
「If」をクリックして、「Javascript」snippetをドロップダウンリストから選択します。

必要なカスタムスクリプトを追加します。また、コードのテスト実行をしてロジックが機能することを確認することもできます。
初期設定フローで、カスタムスクリプトのロジックが働いた際にスキップするページを選択します。

ページの最下部にある「保存」をクリックして変更を確定します。

JavaScript for Piping

1. Survey End Page

JavaScriptは、カスタムメッセージおよび新規ページにリダイレクトするためのサーベイ終了ページカスタマイズにおいて、2箇所で使用することができます。

カスタムメッセージ

サーベイ終了ページにカスタムスクリプトを挿入するには：

「Builder>設定>Survey End Page」に移動し、「ロジックを追加する」をクリックします。

「If」と表示された部分をクリックし、下にスクロールして、「JavaScript スニペット」を選択します。

パイピングに必須のカスタムスクリプトを追加し、コードが動作することをテストします。
パイピングが機能した場合に実行する操作を、then セクションで選択します。
「保存」をクリックします。

新しいページへのリダイレクト

サーベイ終了ページで新しいページにリダイレクトするためのカスタムスクリプトを挿入するには:

「Builder>設定>Survey End Page」に移動し、ページ下部にある初期設定のエンドページセクションまでスクロールします。その後、「新しいページにリダイレクトする」オプションを選択します。

「変数を挿入」アイコンをクリックし、スクロールしてJavaScriptスニペットを選択します。

配管用のカスタムスクリプトを追加し、その後コードのテスト実行をして機能するかどうかを確認します。機能する場合は保存をクリックします。
アンケートが転送されるURLにパイピングパラメータを追加し、その後保存をクリックします。

2. アンケート落選ページ

カスタムメッセージ

アンケート落選ページにカスタムスクリプトを追加するための手順は次のとおりです：

「ビルダー>設定>アンケート落選ページ」に移動し、カスタムメッセージオプションを選択します。

「Insert Variable」をクリックしてスクロールダウンし、Javascript Snippet」を選択します。

表示されたウィンドウで必要なカスタムスクリプトを入力し、コードが正しく機能するかをテスト実行します。その後、「保存」をクリックします。

新規ページへのリダイレクト

「Survey Disqualification」ページで新規ページへリダイレクトするカスタムスクリプトを挿入するには、以下のステップに従ってください:

「Builder＞設定＞Survey Disqualification Page」に移動し、新規ページへリダイレクトするオプションを選択します。

クリックオン「変数を挿入」アイコンをクリックし、スクロールダウンして Javascript Snippetを選択します。

表示されたウィンドウにカスタムスクリプトを入力して、コードが正しく機能するかテストしてください。うまく機能している場合は保存をクリックします。
パイピングパラメータを調査がリダイレクトされるURLに追加し、その後保存をクリックします。

重要なポイント

以下のキーワードはJavaScriptで使用できません：

console	window	注意	this
self	新規	クラス	await
worker	debugger	async	インポートする
エクスポートする	試みる	キャッチする	スローする
ファイナリー	解決する	却下する	スーパー
拡張する	一時停止する	再生する	その後
削除する	オブジェクト	機能	プロミス
globalThis	画像	XMLHttpRequest	XMLDocument
ジオロケーション	FormData	ファイル	イベント
websocket	urlパターン	フォームデータ	ドキュメント
セッションストレージ	ローカルストレージ	クッキー	クリアインターバル
USB	クリアタイムアウト	ポストメッセージ	プロンプト
インターバル設定	タイムアウト設定	キャッシュ	ブルートゥース
支払い	OTP	データベース	グローバルオブジェクト
評価する	引数	グローバルファンク	キャンバス
厳密な	オーディオ	ナビゲーション	ナビゲーター

URLパラメーターにスクリプト条件を使用する場合、「param 値を[角括弧]内に入力してください。例えば、JavaScriptでapplication.survey。urlparam ['ユーザー名']とする場合、JSONのキーにはドット表記で特殊文字は使用できません。
構文エラーを防ぐために、javascriptコードはjavascriptの構文を含めるべきであり、常にセミコロンで終わるか、適切に波括弧内に閉じ込められるべきです。