ホームページ制作・札幌|コーセイワークス

ホームページ制作・札幌|コーセイワークス

YES/NO CHART

Yes/Noチャート プラグイン

Yes/No Chart(WordPress用プラグイン)

「Yes/No Chart」はWordPress用のプラグインです。
「はい・いいえ」で答えられる設問を登録し、分岐先を設定します。
質問と答えを重ねていくことで、訪問者に適したコンテンツへと導くことができます。

動作条件

  • WordPressバージョン: 4.4 以降
  • 必須PHPバージョン: 5.5
    • PHPのバージョンが古いと、有効化の際にエラーが生じて有効化できません。
    • PHPのバージョンの確認・変更の方法は、お使いのサーバーのマニュアルをご参照ください。

入手方法

インストールと有効化

  • WordPress管理画面の「プラグイン > 新規追加」ページから "yesno" で検索してインストールし、有効化します。
  • Point

    すでに何らかのサービスが本稼働中の「本番サイト」に導入される場合は特に、別途テスト環境を準備して事前に十分な試用と確認をされることをおすすめします。 バックアップもお忘れなく。

    設問セットの作成

    設問セットは、いくつかの設問をひとまとめにするグループです。

    • 管理画面「Yes/No:設問セット」を開きます。
    • 「+」が付いている行に新しい設問セット名を入れて「更新」を押します
    • 登録されたら、右側の「設問追加」を開きます
    • 質問内容を入力して、新しい設問を追加します

      設問文にはHTMLタグを使うことができますので、改行位置を整えたいときは <br> タグを挿入します。

      リンクを挿入したいときは <a> タグを挿入します。
    • Point

      設問を追加する際、「設問(分岐あり)」と「結果(分岐なし)」が選べます。
      違いとしては、

      • 設問(分岐あり):自動的に「はい・いいえ」の選択肢を用意します(行き先は未設定)
      • 結果(分岐なし):選択肢のない設問になります

      どちらも「設問」なのですが、分岐のない設問は先に進めませんので「結果」として使うことができます。
      分岐は後からでも追加することができます。

    • 設問が追加されると「設問リスト」に移ります
    • 追加した設問を開くと設問を編集することができます
      分岐は「はい・いいえ」の他にも設定することができます(計10個まで)
    • 同じセットに登録された設問が分岐先になります
      必要な設問(と結果)はすべて登録しておきます
    • それぞれの設問の分岐先を設定していきます
    • Point

      「もどる」ボタンは自動的に表示されますので、分岐として登録する必要はありません
      「もどる」ボタンは、以下のように動作します

      • 設問を開くたびに「今の設問」を変数に記録して進みます
      • 設問がスタートした時点から順をおって記録していきます
      • 「もどる」を押したとき、直前に答えた設問に戻ります

      具体的にはこのような流れになります。
      [設問1] を開きます     記録は「1」になります
      [設問1] → はい: 設問2へ  記録は「1←2」になります
      [設問2] → いいえ: 設問5へ 記録は「1←2←5」になります
      [設問5] → はい: 設問6へ  記録は「1←2←5←6」になります
      [設問6] → いいえ: 設問9へ 記録は「1←2←5←6←9」になります
      [設問9] → もどる: 設問6へ 記録は「1←2←5←6」になります

    • 分岐先のない「結果」には「タイトル」を設定していきます
      タイトルは設問番号(Q3など)の代わりに表示されます

    • すべての設問と分岐先、結果を登録し終えたら、任意のページにショートコードを挿入します
      ショートコードは「設問セットリスト」でコピーすることができます

    Point なお、ショートコードの設置は同一ページ内に1つとなります。
    複数のショートコードを同一ページに貼り付けた場合、他のチャートも同時に作動してしまいます。
    1ページに1チャートでお使いいただければと思います。

    Yes/Noチャートの確認

    • ショートコードを挿入したページを開いて、Yes/Noチャートを進めて確認します
    • 分岐先のない設問は「結果」ページになります。
    • 「結果」ページに行き着いた後、もう一度最初から始めるには、分岐先として最初の設問を指定します


    • 「結果」のページを別途作成し、そちらへ導きたいときは「転送先(結果)」欄にURLを指定します
      この「結果」に行き着いた後に指定されたURLへ転送されます

    よくあるご質問

    設問ブロックのカラーを変更することはできますか?

    カラーバリエーションを販売中ですので、お好きなカラーをご購入いただけます。
    https://kohseiworks.official.ec/

    設問セットごと設問をコピーすることはできますか?

    有料の拡張機能「設問セット複製機能」を使うことにより可能です。
    設問セット複製機能の使い方

    回答送信フォームおよび通知の本文欄に「電話番号」などの記載を追加することはできますか?

    有料の拡張機能「アンケート回答送信機能」のページをご参照ください。
    アンケート回答送信機能の「よくあるご質問」

    同じページに複数のチャートを設置できますか?

    残念ながらできません。
    Yes/No Chartのショートコードの設置は同一ページ内に1つとなっています。
    複数のショートコードを同一ページに貼り付けた場合、他のチャートも同時に作動してしまいます。
    コンテンツの構成を工夫されるなどして、1ページに1チャートでお使いいただければと思います。

    トラブルシューティング

     

    プラグインを有効化できない時

    WordPress用のプラグインによっては、プラグインを有効化した時に
    重大なエラーを引き起こしたのでプラグインの有効化はできませんでした。
    というエラーが表示され、有効化できないことがあります。
    その場合、以下のような原因が考えられます。

    1. 他のプラグインとの間で何らかの影響があり上手く動作していない可能性があります
      • 他のプラグインを一旦停止してみるか、新しいWordPressサイトで試すと上手く動作する場合があります
    2. ご利用サーバーのPHPのバージョンが古い可能性があります
      • コントロールパネルなどでPHPのバージョンを変更すると解決する場合があります
    3. ご利用サーバーで標準で使用できるメモリサイズが足りない可能性があります
      • wp-config.php ファイルに define(“WP_MEMORY_LIMIT”, “64M”);と追記すると解決する場合があります。

    設問が「???」のように文字化けする時

    一般的に、データベース内のテーブルの「照合順序」が日本語に対応していないときに文字化けが生じます。
    phpMyAdminなどのデータベース管理ツールをお使いの上、以下のテーブルの「text型」の項目の「照合順序」が utf8_general_ci 以外のものになっていないか確認されてみてください。

    対象テーブルとフィールド
    テーブルwp_yesno_question
    フィールド“question”(text型)
    “choices”(text型)
    “title”(text型)
    “url”(text型)

    テーブルwp_yesno_set
    フィールド“title”(text型)

    これらのフィールドの「照合順序」が utf8_general_ci以外(例えば、latin1_general_ci など)になっているようでしたら、 utf8_general_ciに変更されてみてください。

    ショートコードを挿入したのに何も表示されない / または、ショートコードのまま表示されている

    1. スペルミスがある
    2. ショートコードを挿入する際、本文を「ビジュアル」モードで入力してしまった
      (ショートコードは「テキスト」モードで入力してください)
    3. ダブルクォーテーション(”)や角括弧([])、空白などが全角文字になっている
    4. “sid=”で指定した数字が違う など

    「はい(いいえ)」を押しても次に進まない

    1. その設問の分岐先に設定もれがある
    2. その設問に設定された分岐先が削除された後、修正していない
    3. そのページで javascriptエラーが発生している など

    ボタンの横に「点」が表示されたり、色や形状が思い通りにならない

    お使いのテーマによっては、「list-style」以外のスタイル指定によって、リストの「点」を表示させているものもあるようです。
    そのような場合は、お使いのテーマの「style.css」の中から「ul li」や「ul li:before」などへのスタイル設定がなされていないかご確認されてください。
    なお、ご使用サイトの構成やテーマに依る症状については、できる限り皆さまの方でご解決願えればと思います。どうしても解決できない場合は有償にて承りますので、その際はご相談ください。

    CSSスタイルの確認や変更には、Google Chrome の「検証」機能が便利です。
    [参考] Chromeブラウザの検証機能でCSSスタイルの確認や変更をテストする方法
    https://tonari-it.com/chrome-developertools/

    PCで見ると正常に動くが、スマートフォンで見ると動かない

    これまでに、「JIN」というテーマをお使いの方から「スマホで見たときだけ動かない」というご相談がありました。
    当時、1カラム表示になったときにだけ javascriptエラーが生じていたようです。
    javascriptエラーが生じているページでは、Yes/No Chartも動かなくなります。

    解決方法としては、エラーが解消された「JIN」ver 2.0.5 以上をお使いください。
    (情報をご提供くださったユーザー様に感謝いたします!)
    Ver2.05(5月13日更新)|JINのアップデート情報
    https://jin-theme.com/update/#Ver205513

    それ以前のバージョンをお使いの方は、こちらの記事が参考になるかもしれません。
    [参考] 人気テーマ「JIN」のJSエラーの応急処置
    https://hagishiri.net/web-design/1374

    テーマを切り替えると動かない

    Yes/No Chartは、WordPressに同梱のテーマ「Twenty Sixteen」などでは正常に動作しています。
    テーマを切り替えると動作しない場合は、お使いのテーマと関係があるかもしれません。
    javascriptエラーが生じているページでは、Yes/No Chartも動かなくなります。

    これまでにユーザー様からご提供いただいた情報を以下に掲載させていただきました。
    該当する方のご参考になるようでしたら幸いです。

    テーマ「JIN」:スマホで見たとき(1カラム表示の時)だけYes/No Chartが動かない
    Javascriptエラーが解消された「JIN」ver 2.0.5 以上をお使いください。
    Ver2.05(5月13日更新)|JINのアップデート情報
    https://jin-theme.com/update/#Ver205513

    テーマ「Cocoon」:Yes/No Chartが動かない
    こちらで解決方法をまとめてくださっています。(情報をご提供くださったふるのーと様、ありがとうございます!)
    【悲報】CocoonでYes/Noチャートプラグインが動かない件⇒動いたよおおおお!!歓喜!!
    https://fullnoteblog.com/cocoon-yes-no-chart/

    なお、皆さまがお使いのテーマについては、大変さまざまなな種類がございますので、残念ながら個別の検証には対応できかねます。
    その点につきましては、何卒ご賢察のうえご容赦願えればと思います。
    もし、お使いのテーマで正常に動作しない場合は、テーマを変更しても再現するかどうか念のためご確認ください。

    変更してアップロードしても反映されない

    ブラウザにキャッシュ(保存された古いファイル)が残っている場合があります。
    念のため、ブラウザのキャッシュを削除してから、再度ページを読み込んでみてください。
    【参考】各ブラウザの更新方法(スーパーリロード)
    http://www.netyasun.com/browser/reload.html

    javascriptエラーを確認する方法

    ブラウザ「Google Chrome」で、メニュー「表示 > 開発/管理 > javascriptコンソール」を表示します。

    1. Yes/Noチャートを挿入したページを開きます
    2. ブラウザ「Google Chrome」で、メニュー「表示 > 開発/管理 > javascriptコンソール」を表示します
    3. ツールの「Console」タブにスクリプトエラーなどが出ていないか確認します
    javascript に関するエラーの原因は、お使いのテーマによるものであったり、他のプラグインによるものであったりすることがあります。
    問題の原因を絞り込むために、テーマをWordPress同梱のものに変更したり、Yes/Noチャートと「WP Multibyte Patch」以外の他のプラグインを全て停止することもおすすめします。

    同じページに設置した複数のチャートが連動して動いてしまう

    Yes/No Chartのショートコードの設置は同一ページ内に1つとなっています。
    複数のショートコードを同一ページに貼り付けた場合、他のチャートも同時に作動してしまいます。
    コンテンツの構成を工夫されるなどして、1ページに1チャートでお使いいただければと思います。

    お問い合わせ

    Yes/No Chart プラグインのサポートは、メールでのみ対応させていただいておりますのでこちらのフォームよりお問い合わせください。
    (土・日・祝日および兵舎休業日を除く、平日の9:00〜16:00)

    お問い合わせへのご返信は、こちらのドメイン[ @kohsei-works.com ]よりお送りいたします。
    ご利用のメールサービスの設定などにより、受信できなかったり特定フォルダに振り分けられている場合もございますので、念のため設定をご確認ください。

お問い合わせ

ご相談、質問などお気軽にお問い合わせください。

お問い合わせはこちら

電話でのお問い合わせ
営業時間 9:00~18:00(土日祝日は除く)
011-398-5045

PAGE TOP