JavaScriptを追加

スイート
Customer Experience Employee Experience Strategy & Research
製品
Qualtrics
このページの内容
警告: カスタムコーディング機能はそのまま提供されるため、実装にはプログラミングの知識が必要になる場合があります。クアルトリクスサポートチームでは、カスタムコーディングに関するサポートやコンサルティングは提供していません。その代わり、クアルトリクスXMコミュニティの経験豊富なユーザーにいつでも質問できます。カスタムコーディングサービスの詳細をお知りになりたい場合は、クアルトリクス営業担当までご連絡ください。

JavaScriptの追加について

JavaScriptは、アンケート調査において、他の方法では実現できないような高度な機能を実現できるプログラミング言語です。例えば、質問文ボックスのサイズを変更したり、カスタム質問タイプを作成したりすることができます。

QTip:JavaScriptの詳細については、クアルトリクスAPIドキュメントをご覧ください。codecademy.comでは、シンプルで無料のチュートリアルを通してJavaScriptの基礎を学ぶことができます。
qtip:Javascriptはすべてのクアルトリクスライセンスに含まれていません。アクセシビリティにご興味のある方は、クアルトリクス営業担当までお問い合わせください。

JavaScriptエディタへのアクセシビリティ

JavaScriptを追加したい質問をクリックしてください。
質問を選択し、Javascriptをクリックする
質問を選択し、Javascriptをクリックする
質問の動作セクションで、 JavaScriptを選択します。
JavaScriptをボックス内に配置し、/*Place Your JavaScript Here…*/テキストの1つ下に配置します。開始タグと終了タグはすでに用意されています（削除しないでください）。
Qtip: コードは3つの場所のいずれかに置くことができます：OnLoad、OnReady、OnUnloadです。あなたのニーズに最も合うものを選んでください。

Javascriptをフィールドに含む質問Javascriptの編集ウィンドウ
Javascriptをフィールドに含む質問Javascriptの編集ウィンドウ
［保存］をクリックします。
質問の次へ</> シンボルに注目してください。このアイコンは質問にカスタムJavaScriptがあることを示します。
質問の右上にあるjavascriptアイコン
質問の右上にあるjavascriptアイコン

変更内容をプレビューするには プレビュー.
アンケートエディターの上部にあるプレビューボタンをクリックします。
アンケートエディターの上部にあるプレビューボタンをクリックします。
JavaScriptを削除するには、エディタを開き、Clearをクリックし、Saveをクリックします。
エディットジャバスクリプトのウィドウで、クリアボタンは左下に、キャンセルと保存は右下にあります。
エディットジャバスクリプトのウィドウで、クリアボタンは左下に、キャンセルと保存は右下にあります。
qtip: クアルトリクスのコードライブラリには、カスタムJavaScriptで使用できる特別な関数がいくつかあります。これらの関数のドキュメントはJavaScript APIにあります。

クアルトリクスでJavaScriptを使うためのヒントとガイドライン

クアルトリクスのアンケートは、JavaScript Form Engine (JFE) と呼ばれるアンケートエンジンでホストされています。JFE はシングルページのアプリケーションですが、アンケートの各ページでヘッダー、フッター、テーマを再読み込みします。
JFEは、アンケート調査ページを読み込んでいる間、コールバックを受け付ける3つの関数を呼び出します。コールバックは以下のタイミングで実行される：
  • addOnload()– ページがロードされたときにエグゼクティブクティブが実行します。
  • addOnReady()– ページが完全に表示されたときにエグゼクティブクティブが実行します。
  • addOnUnload() – ページがアンロードされたとき（ページが残されたとき）にエグゼクティブクティブ。

    Qtip: クアルトリクスでは、document.write()機能を使用することはできません。

特定の質問以外の機能を変更する場合(質問に答えるためにキーボードをハイジャックするなど)、addOnUnload()関数に渡されたコールバックを使用して、ページ投稿時にその関数を削除する必要があります。
JavaScriptの実装と同様に、グローバル変数の作成は、ページ上の既存の機能と衝突する可能性があるため、控えることをお勧めします。
  • JavaScript ライブラリをインポートする場合は、<script> タグ内のアンケートヘッダにライブラリへの参照を含めることができます。ヘッダーでライブラリを参照した後でも、そのコードをアンケートに取り込むには、該当するアンケートに直接 Javascript を適用する必要があることを覚えておいてください。
互換性と保守性を確保するために、すべてのJavaScriptは、上記のJavaScriptエディタへのアクセスセクションで言及されているように、問題のHtml内に直接配置するのではなく、JavaScriptエディタ内に配置する必要があります。
ページ遷移はページ要素にも影響を与えるため、ロード時に要素を選択する際に問題が発生する可能性があります。問題が発生した場合は、アンケート調査タブの見た目と操作性セクションでページ遷移を無効にすることができます。

異なるプロジェクトタイプでのJavascriptの追加

javascriptを追加することで、ほとんどのプロジェクトで出題可能です。このページで説明されているオプションは、以下の場所で利用できる：

FAQs

無料/試用版アカウントで、HTML、CSS、JavaScriptが動作しないのはなぜですか？

Why doesn’t my custom Javascript work on simple layout?
当サポートサイトの日本語のコンテンツは英語原文より機械翻訳されており、補助的な参照を目的としています。機械翻訳の精度は十分な注意を払っていますが、もし、英語・日本語翻訳が異なる場合は英語版が正となります。英語原文と機械翻訳の間に矛盾があっても、法的拘束力はありません。

この記事は役に立ちましたか

いただいたフィードバックはこのページの改善の目的のみに利用します。

素晴らしい！ フィードバックありがとうございます！

フィードバックありがとうございます！