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

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

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

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

条件のためのJavaScript 

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

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

  1. Builder>Editorに移動し、質問種類を追加します。これはSurvey Builderページにドラッグアンドドロップするか、左側のペインでクリックするだけで利用できます。

  2. 右上角にある 変数を挿入 ドロップダウンをクリックし、JavaScriptスニペットを選択します。

  1. the を入力し、 コードに insert variable(inside one) をクリックします。これにより、ビルトイン関数をあなたのコードで使用することができます。

  2. サンプルデータを使用してテストをクリックします。

  3. 結果を確認するために、Runボタンをクリックします。

  4. そして、保存ボタンをクリックします。

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

回答表示ロジックのカスタムスクリプトを挿入するには:

  1. 次に進む Builder>Editor そして好みの question 種類 を追加する、これは Survey Builder ページで使用し、左のペインでクリックするか、ドラッグアンドドロップです。

  2. ここに移動 Answer Display Logic し、 追加する Logic をクリックします。

  1. If をクリックし、 JavaScript スニペットを選択します。

  2. 必要なカスタムスクリプトを追加して、希望するロジックを実行します。 また、ロジックが機能することを確認するためにコードをテスト実行することができます。

  1. クリック 更新する および 保存 コードを.

 Page スキップする logicのための JavaScript を追加する手順:

Page スキップする Logicにカスタムスクリプトを挿入するために:

  1. 移動します Builder>Editor そしてクリックします Logic アイコンをページの右上隅にあります。選択します Page スキップする Logic.

  1. 新規ウィンドウで、 をクリック 追加する条件をクリックします。Ifをクリックし JavaScript Snippetを選択します。

  1. 必要なカスタムスクリプトを追加します。また、ロジックが正しく動作するかを確認するために、コードを実行してテストすることもできます。

  2. 初期設定フロー内で、カスタムスクリプトロジックが実行されるときにスキップするページを選択します。

 トリガーメールのための JavaScript を追加する手順:

トリガーメールのためのカスタムスクリプトの挿入方法:

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

  1. 右上隅の 追加する 条件 ボタンをクリックします。

  1. IfをクリックしJavaScript Snippetを選択します。

  1. 必要なカスタムスクリプトを追加します。また、ロジックが機能することを確認するために、コードをテスト実行することもできます。

  2. 送信者のメールアドレスやその他必要な項目をメール設定に追加します。これにより、カスタムスクリプトの条件が真であるときにメールが送信されます。

 アンケート終了ページロジックのJavaScriptを追加する手順: 

アンケート終了ページのロジックのためのカスタムスクリプトを挿入する方法:

  1. 次に移動します Builder>設定>Survey End page そして、 追加する Logicをクリックします。

  2. クリックします If そして選択します Javascript のスニペットをドロップダウンから選びます。

  1. 必要なカスタムスクリプトを追加します。ロジックが正確に動作することを確かめるためにコードをテストすることもできます。

  2. 初期設定フロー内で、カスタムスクリプトのロジックが実行されたときにスキップするページを選択します。

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

 JavaScript for Piping 

 1.  Survey End Page  

JavaScriptは2つの場所、すなわちカスタム メッセージ新規ページへのリダイレクト のSurvey End Page カスタマイズ時に使用中できます。

    1. カスタム メッセージ

末尾のページにカスタム メッセージ用のカスタムスクリプトを挿入するには: Survey End page:

  1. Builder>設定>Survey End Pageに移動して、追加する Logicをクリックします。

  1. クリックして If、スクロールダウンし、選択します Javascript Snippet

  1. パイピングおよびテストが必要なカスタムスクリプトを追加し、そのコードが機能することを確認してください。

  2. パイピングが機能するときに望む操作を「then」セクションで選択します。

  3. 保存をクリックします。

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

アンケートの終了ページで、新規ページにリダイレクトするためのカスタムスクリプトを挿入する方法:

  1. Builder>設定>Survey End Pageまでナビゲートし、初期設定の終了ページセクションまでスクロールします。 新規ページへリダイレクトオプションを選択します。

  1. 次に、 変数を挿入 アイコンをクリックし、スクロールしてから Javascript スニペットを選択します。

  1. 次に、パイピング用のカスタムスクリプトを追加し、コードが機能することを確認するためにテスト実行します。機能する場合は、保存をクリックします。  

  2. さらに、調査がリダイレクトするURLにパイピングパラメータを追加し、その後保存をクリックします。

 2. 調査不適格ページ 

    1. カスタムメッセージ

調査不適格ページのカスタムメッセージにカスタムスクリプトを追加するには、次の手順を実行します:

  1. 次に、 Builder>設定>調査不適格ページ にナビゲートして カスタムメッセージ オプションを選択します。

  1. Insert Variable」をクリックし、下にスクロールして、Javascript Snippet」を選択します。

  1. 開いたウィンドウにパイピングに必要なカスタムスクリプトを入力し、コードが正しく機能することを確認するためにテストランを行います。その後、「 保存」をクリックします。

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

新規ページへリダイレクトするためのカスタムスクリプトを「Survey Disqualification」ページに挿入するには、以下の手順を実行します。

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

  1. クリック Insert Variable」アイコンを、スクロールダウンし、「選択する」とJavascript Snippetを選択します。

  1. 開くウィンドウにて、パイピングに必須となるカスタムスクリプトを入力し、そのコードが正しく機能するかテスト実行します。動作確認が完了したら、保存をクリックします。

  2. 調査結果をリダイレクトするURLにパイピングパラメータを追加し、保存をクリックします。

 

統合のJavascript

WebhookのためのJavaScriptを追加する方法は以下の通りです:

以下のステップに従って、Webhook統合のためのJavaScriptスクリプトを追加してください。
  1. Builder > Hub > Triggersへ移動し、Webhookの作成ボタンをクリックします。

  2. Webhookの名前を指定し、POST URLを追加します。

  3. リクエスト本文のキーに名前を入力します。
  4. 下にスクロールして対応する値を追加し、カスタムスクリプト設定からJavascript差出人を選択します。

  5. 必要なロジックを実行するためのカスタムスクリプトを入力します。ロジックが正しく機能するかを確認するためにコードのテスト実行も行うことができます。
  6. 必要であれば、カスタムスクリプトを使用してクエリパラメータも追加します。
  7. ヘッダー詳細を追加し、保存をクリックします。
 

Power BIにJavaScriptを追加する方法:

  1. Power BIのインテグレーションにJavaScriptを追加するための次の手順を参照してください。

  2. Builder > Hub > Integrationsに移動し、Power BIの作成ボタンをクリックします。

  3. Power BIの名前を指定し、POST URLを追加します。

  4. リクエスト本文のキーに名前を入力し、下にスクロールしてカスタムスクリプト設定からJavascriptを選択します。
  5. 必要なロジックを実行するためのカスタムスクリプトを入力します。ロジックが正しく機能するかを確認するためにコードのテスト実行も行うことができます。
  6. 保存をクリックします。
 

Zoho CRMにJavaScriptを追加する方法:

  1. Builder > Hub > Integrationsへ進み、Zoho CRM内の 連携するボタンをクリックします

  2. データを送信したい環境を選択してから 次へボタンをクリックします。

  3. Zoho surveyにデータを渡すべきCRMのタブをドロップダウンボタンから選択します。

  4. どの種類の操作が必要か選択します。値を渡す場所で、下にスクロールして Javascriptを選択し、カスタムスクリプト設定を行います。

  5. 必要なロジックを実行するためのカスタムスクリプトを入力します。また、コードが適切に機能することを確かめるためにテスト実行も可能です。
  6. 保存をクリックします。

Zoho RecruitでJavaScriptを追加する方法:

  1. Builder > Hub > Integrationsに移動し、Zoho Recruitで連携する ボタンをクリックします。

  2. レスポンスを渡したいタブを選択し、次へをクリックします。

  3. どの種類の操作が必要か選択します。値を渡す場所で、下にスクロールしてJavascriptを選択し、カスタムスクリプト設定を行います。

  4. 必要なロジックを実行するためのカスタムスクリプトを入力します。また、コードが適切に機能することを確かめるためにテスト実行も可能です。
  5. 保存をクリックします。
   

GoogleスプレッドシートにJavaScriptを追加する方法:

  1. Builder > Hub > Integrationsへ移動し、Google スプレッドシート上の連携するボタンをクリックします。

  2. 連携が必要なスプレッドシートと質問を選択し、をクリックします。

  3. Googleスプレッドシートの連携ページで、+ボタンをクリックします。

  4. 質問を選択する項目の下で、スクロールして Javascript をカスタムスクリプト設定から選択します。

  5. 必要なロジックを実行するためのカスタムスクリプトを入力します。ロジックが正しく機能することを確認するために、コードをテスト実行することもできます。

  6. 最後に、保存をクリックします。

Zoho スプレッドシートにJavaScriptを追加する方法

  1. 移動先 Builder > Hub > Integrationsを選択し、Zohoのスプレッドシートにある連携するボタンをクリックします。
  2. 統合する必要があるスプレッドシートと質問を選択し、をクリックします。
  3. Zoho Sheet統合ページで、 +ボタンをクリックします。スクロールダウンする必要があるかもしれません。これは、質問の数によります。
  4. 質問を選択する欄でスクロールダウンし、カスタムスクリプト設定からJavascriptを選択します。
  5. 望むロジックを実行するために必要なカスタムスクリプトを含めます。その機能を認証するためにコードのテスト実行オプションがあります。
  6. 保存をクリックします。

重要なポイント 

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;



    Zoho CRM 管理者向けトレーニング

    「導入したばかりで基本操作や設定に不安がある」、「短期間で集中的に運用開始できる状態にしたい」、「運用を開始しているが再度学び直したい」 といった課題を抱えられているユーザーさまに向けた少人数制のオンライントレーニングです。

    日々の営業活動を効率的に管理し、導入効果を高めるための方法を学びましょう。

    Zoho CRM Training



              Zoho Campaigns Resources

                Zoho WorkDrive Resources




                  • Desk Community Learning Series


                  • Digest


                  • Functions


                  • Meetups


                  • Kbase


                  • Resources


                  • Glossary


                  • Desk Marketplace


                  • MVP Corner


                  • Word of the Day


                  • Ask the Experts









                                  Resources

                                  Videos

                                  Watch comprehensive videos on features and other important topics that will help you master Zoho CRM.



                                  eBooks

                                  Download free eBooks and access a range of topics to get deeper insight on successfully using Zoho CRM.



                                  Webinars

                                  Sign up for our webinars and learn the Zoho CRM basics, from customization to sales force automation and more.



                                  CRM Tips

                                  Make the most of Zoho CRM with these useful tips.