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

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

YES/NO CHART

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

WordPressプラグイン


  • 2018-09-28 カラーバリエーションを発売

    かねてよりご要望をいただいていた Yes/No Chart のカラーバリエーションを販売開始いたしました。
    https://kohseiworks.official.ec/


  • 2018-11-29 スコア別分岐機能を発売

    Yes/No Chartで、特定の答え(例:”はい”)の選択数に応じて最適なページへ誘導する拡張機能を販売開始いたしました。
    [詳細] スコア別分岐機能について


  • 2019-02-22 最初に戻る機能を発売

    Yes/No Chartで、「最初の画面に戻る」ボタンを追加し、やや多めの設問の途中でも一気に最初の設問まで戻れる拡張機能を販売開始いたしました。
    [詳細] 最初に戻る機能について

Yes/No Chart プラグイン

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

目次

更新情報

ダウンロード

このプラグインは、WordPressの公式プラグインディレクトリにて公開しています。
WordPress管理画面の「プラグイン新規追加」ページから "yesno" で検索してインストールすることができます。

インストールと有効化

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

動作条件

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

インストール手順

  1. プラグインファイルをダウンロードします
  2. 管理画面「プラグイン > 新規追加 > プラグインのアップロード」からプラグインファイルをアップロードします
  3. プラグインを有効化します

設問セットの作成

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

  1. 管理画面「Yes/No:設問セット」を開きます。
  2. 「+」が付いている行に新しい設問セット名を入れて「更新」を押します
  3. 登録されたら、右側の「設問追加」を開きます
  4. 質問内容を入力して、新しい設問を追加します
    設問文にはHTMLタグを使うことができますので、改行位置を整えたいときは <br> タグを挿入します。
  5. 設問を追加する際、「設問(分岐あり)」と「結果(分岐なし)」が選べます。
    違いとしては、

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

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

  6. 設問が追加されると「設問リスト」に移ります
  7. 追加した設問を開くと設問を編集することができます
    分岐は「はい・いいえ」の他にも設定することができます(計10個まで)
  8. 同じセットに登録された設問が分岐先になります
    必要な設問(と結果)はすべて登録しておきます
  9. それぞれの設問の分岐先を設定していきます
  10. 「もどる」ボタンは自動的に表示されますので、分岐として登録する必要はありません
    「もどる」ボタンは、以下のように動作します

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

    具体的にはこのような流れになります。
    [設問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」になります

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

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

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

Yes/Noチャートの確認

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


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

動作がおかしい?と思ったときに

  1. プラグインを有効化できない
  2. 設問が「???」のように文字化けする
  3. ショートコードを挿入したのに何も表示されない(または、ショートコードのまま表示されている)
  4. 「はい(いいえ)」を押しても次に進まない
  5. PCで見ると正常に動くが、スマートフォンで見ると動かない
  6. 選択肢のボタンの横に「点」が表示される

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

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エラーが発生している など

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

WordPressに同梱のテーマ「Twenty Sixteen」などではスマートフォンでも動作しています。
スマートフォンで見たときだけ正常に動作しない場合、お使いのテーマと関係があるかもしれません。
javascriptエラーが生じているページでは、Yes/No Chartも動かなくなります。

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

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

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

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

選択肢のボタンの横に「点」が表示される

お使いのテーマによっては、「list-style」以外のスタイル指定によって、リストの「点」を表示させているものもあるようです。
そのような場合は、お使いのテーマの「style.css」の中から「ul li」や「ul li:before」などへのスタイル設定がなされていないかご確認されてください。

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

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

javascriptエラーを確認する方法

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

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

お問い合わせ

Yes/No Chart プラグインのサポートは、平日の9:00〜16:00の間で対応しております。
(土・日・祝日および年末年始・GW・夏期等の休業日を除きます)

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

お問い合わせ

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

お問い合わせはこちら

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

PAGE TOP