WordPressへの設置

WordPressには、Voxtricsのアンケートに使えるコードの場所が2つあります。すべてのページにポップアップ、ボタンなしのポップアップ、チャットアンケートを表示するための、WPCodeプラグインのサイト全体のFooterと、ページにインラインフォームを配置するためのCustom HTMLブロックです。どちらも、ご自身でホストしているWordPressサイトと、有料プランのWordPress.comで利用できます。

始める前に

  1. ドメインで、WordPressサイトが開くドメイン(例:example.com)、または your-site.wordpress.com のようなWordPress.comのアドレスを追加します。アンケートは、そのアンケートが属するドメインでのみ読み込まれます。
  2. そのドメインでアンケートを作成して公開します。
  3. アンケートのIDをコピーします。アンケートの一覧で、アンケートの埋め込みコードを開いてください。IDは formId の値です。

ポップアップ、ボタンなしのポップアップ、チャット:WPCode

WordPressには、すべてのページで実行されるコードを入力する専用のフィールドがないため、コードはプラグインを通じて追加します。ここでは、この用途のために作られた無料のプラグイン、WPCode(旧Insert Headers and Footers)を使います。

  1. WordPressのダッシュボードでPlugins → Add New Pluginを開き、WPCodeを検索してInstall Nowをクリックし、続けてActivateをクリックします。

  2. Code Snippets → Header & Footerに移動します。

  3. Footerに、YOUR_SURVEY_ID をアンケートのIDに置き換えて、次のコードを貼り付けます。

    <script src="https://feedback.voxtrics.io/assets/prod/index.iife.js"></script>
    <script>
      window.SiteUtilsFeedback.initiateFeedbackModule({ formId: 'YOUR_SURVEY_ID' });
    </script>
    

    Footerのコードは、ページ自体が読み込まれた後に、すべてのページの最後で実行されます。

  4. Save Changesをクリックします。

これらのフィールドに関するWPCode自身のガイド:Using the Global Header & Footer settings。

インラインフォーム:Custom HTMLブロック

  1. エディターでページまたは投稿を開き、アンケートを表示したい場所で「+」をクリックします。

  2. Custom HTMLを検索して、ブロックを追加します。

  3. YOUR_SURVEY_ID をアンケートのIDに置き換えて、アンケートの埋め込みコードを貼り付けます。

    <div id="feedback-widget"></div>
    
    <script src="https://feedback.voxtrics.io/assets/prod/index.iife.js"></script>
    <script>
      window.SiteUtilsFeedback.initiateFeedbackModule({
        formId: 'YOUR_SURVEY_ID',
        container: document.getElementById('feedback-widget'),
      });
    </script>
    
  4. ページを保存します。

Elementorで作成したページでは同じコードをHTMLウィジェットに、DiviのページではCodeモジュールに入力します。

アンケートが表示されない場合

  • アンケートが公開されていて、サイトが開くドメインに属しているかを確認してください。example.com として追加したドメインは www.example.com も対象になりますが、your-site.wordpress.com は対象になりません。
  • コードを追加した後は、キャッシュプラグインやホスティングのキャッシュをクリアしてください。キャッシュされたページのコピーには、まだコードが含まれていません。
  • サイトを高速化するためにJavaScriptを遅延、延期、結合するプラグイン(WP Rocket、LiteSpeed Cache、Autoptimizeなど)によって、アンケートの起動が遅れたり、止まったりすることがあります。これらの設定で、feedback.voxtrics.io と SiteUtilsFeedback を対象から除外してください。
  • WPCodeのHeaderに配置したコードはページの読み込み前に実行されるため、アンケートが起動しません。Footerに移動してください。
  • アンケートがサイトに表示されるのは、WPCodeが有効になっている間だけです。プラグインを無効にすると、アンケートも削除されます。
  • オンサイトアンケートとメールアンケートは、サイトに配置するものではありません。代わりにリンクを共有してください。