Webサイトでのアンケートの表示

Webサイトでのアンケートの表示

アンケートのコードをWebサイトのHTMLソースに貼り付けることで、Webサイトにアンケートを表示することができます。この機能により、Webサイト上に ポップアップ形式でのアンケート かアンケートページへのリンクを表示できます。 
  1. ポップアップ形式
  2. 埋め込み形式(アンケートページへのリンク表示)

ポップアップ形式

アンケートのコードをWebサイトのHTMLソースに貼り付けることで、Webサイトにポップアップ形式のアンケートを表示することができます。Webサイトにアンケートを表示して回答を収集できます。 

ポップアップ形式のアンケートを作成するには:

  1. [公開] タブに移動します。
 
  2. 画面左側の [Webサイトでの表示方法] の欄にある [ポップアップ] をクリックします。 
  3. ポップアップを表示する対象のページは、[ポップアップを表示するページ]欄で設定します。  
    1. すべてのページに表示する :Webサイトのすべてのページにアンケートのポップアップを表示します  
    2. 選択したページに表示する :選択したページにのみアンケートのポップアップを表示します  
    3. URL :「/」で始まるURLを入力します 
  4. ドロップダウンから[データの取得元]をクリックして、次のいずれかを選択します:
    1. URL Param(URLのパラメーター)
    2. Cookie Value(クッキーの値)
    3. Script Variable(スクリプトの変数)
  5. [変数名]項目に、変数名を入力します。
  6. ドロップダウンから[カスタム変数]をクリックして、使用したいカスタム変数を選択します。カスタム変数をまだ作成していない場合は、[+ カスタム変数を作成する]をクリックすると、新しいカスタム変数を作成できます。
  7. [ポップアップの表示タイミング] の欄で、ポップアップを表示するタイミングを設定します。 
 
    1. ページ読み込み後すぐ  
    2. ページが表示されて(秒数を指定)秒経った後  
    3. ページを退出しようとするとき 
 
    4. ページ全体の(割合を指定)%をスクロールした後  
  8. [ポップアップの位置] の欄で、ポップアップの位置を設定します。 
 
    1. 左上  
    2. 右上  
    3. 中央
 
    4. 左下 
    5. 右下  
  9. [ポップアップの高さ]の欄で、次のいずれかを選択して、ポップアップの高さを設定します(設定範囲:350px〜700px):
    1. 高さを固定する
      1. [固定の高さ]項目に高さの値を入力します。                                          
    2. 質問の文字数に基づいて高さを調整する
      1. [高さの下限][高さの上限]の項目に、それぞれ高さの最小値と最大値を入力します。
  10. [ポップアップの最小化]の欄で、次のいずれかを選択して、ポップアップを最小化したときの表示方法を設定します:
    1. 現在のページでのみポップアップを最小化する
    2. ユーザーがアンケートを最大化するまでポップアップを常に最小化する
  11. [ポップアップを閉じる]の欄で、次のいずれかを選択して、ポップアップを閉じたときの表示方法を設定します:
    1. 現在のページでのみポップアップを閉じる
    2. 次回から表示しない
  12. 設定した制限に基づいてアンケート終了後に独自の終了ページを表示したときにポップアップを隠したい場合は、[ポップアップ設定]の欄で、チェックボックスを選択します。
  13. [コードを生成する] ボタンをクリックします。生成されたコードを、WebサイトすべてのページのHTMLソースの<body>タグの後に挿入します。 
  14. コードを再生成する場合、 [再設定する] ボタンをクリックします。 



スクリプト例

         
   
   
   
<script>(function(w,d,s,u,f,m,n,o){o='https://survey.zohopublic.com';w[f]=w[f]||function()(w[f}.p=w{f}.p||[]).push(arguments);};m=d.createElement(s),n=d.getElementsByTagName(s)[0];m.async=1;m.src=o+u;n.parentNode.insertBefore(m,n);zs_intercept(o,'LKzzHm',{});})(window, document, 'script', '/api/v1/public/livesurveys/LKzzHm/popup/

script', 'zs_intercept');</script>

埋め込み形式

Webサイトにアンケートへのリンクを埋め込むには: 

  1. [公開] タブに移動します。 
  2. 画面左側の [Webサイトでの表示方法] にある [埋め込み] をクリックします。  


  3. 埋め込みに使用するコードを選択します。 
    1. 対象のコードをクリックすると、コードをコピーできます。 
    2. WebサイトのHTMLソースにコードを貼り付けます。 


       

アンケートの終了ページをiframe(インラインフレーム)のウィンドウではなく、親ウィンドウに移動するには:

アンケートがiframeのウィンドウ内に埋め込まれている場合、次の方法でアンケートの終了ページを表示できます。
  1. iframe内に表示されるお礼ページ。または
  1. 画面全体(または親ウィンドウ)に表示されるお礼ページ。埋め込み用のiframeコードにおいて、アンケートURLの最後に「 ?target=top 」を追加すると、こちらの方法を適用できます。