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 」を追加すると、こちらの方法を適用できます。