[Ver. 2.7.7 以上] IEでJavaScriptのエラーがでる場合

タイトルの通り、IEでJavaScriptのエラーが出やすい状況が確認されました。

対象

  • Ver. 2.7.7 - Ver. 2.7.10
  • IEで起きやすい

対象方法

Ver. 2.7.11 で修正されましたのでバージョンアップをしていただくか、Ver. 2.7.11 の acms.jsjsディレクトリ で上書きして対応ください。

この度はご迷惑をおかけしてしまい大変申し訳ございません。 ご対応お願いいたします。

フォームの入力エラー取得

フォームの各ステップに対応した以下のようなブロックがあります。

  • step 初期画面
  • step#reapply エラー画面
  • step#confirm 確認画面
  • step#result 送信完了画面
  • step#forbidden 不正アクセス画面
  • step#repeated 連続投稿エラー画面

これとは別に、フォームのバリデーターに引っかかった場合に出力されるブロックがあります。

エラーブロック

以下のようなブロックを記述すると、フォームのバリデーターにひっかかると、そのエラー内容とフォームIDを変数にもつブロックが表示されます。

エラーブロックの記述

<!-- BEGIN error -->
 <!-- フォームID : {formID} / エラー項目 : {errorKey} -->
<!-- END error -->

<!-- 実行例 -->
<!-- フォームID : contactForm / エラー項目 : description,inquiry,name,email,zip,pref_code,address -->
  • formID | フォームIDの変数
  • errorKey | 入力エラーが起こったフィールド名

Google Analyticsとの連携

Google Analyticsにイベントトラッキングという仕組みがあり、これを使ってフォームの入力エラーをイベント通知する事ができます。(Google Analyticsの詳細は省略します)

<!-- BEGIN error -->
<script type="text/javascript">
ga('send', 'event', 'Form', 'error', '{formID}', '{errorKey}');
</script>
<!-- END error -->

フォームのエラー箇所を収集する事により、顧客がどこで悩んだりつまづいているのかが分かってきます。この情報をフォーム改善に役立てましょう。

テンプレートの種類

a-blog cmsの管理ページから設定するテンプレートファイルは以下のの8種類になります。

  • トップページ
  • 一覧ページ
  • 詳細ページ
  • エラーページ(404 Not Found)
  • 管理ページ
  • エントリー編集ページ
  • ユニット追加ページ
  • 管理ログインページ

テンプレートファイルは、管理画面 > テーマ > テーマ設定の順に移動し、テンプレートファイルの項目で設定できます。

テーマセット機能は Ver. 3.1 から導入された機能のため、Ver. 3.0 以前のバージョンを利用の方は 管理ページ > コンフィグ > テーマ設定からテーマの変更ができます。


一般的な設定方法


トップページ

そのサイト(ブログ)のトップページにアクセスした際に適用されるテンプレートファイルです。一覧ページや詳細ページとは違い、URLコンテキストによる影響を受けることが少ないテンプレートです。

一覧ページ

カテゴリーのトップページで複数のエントリーを一覧表示する際に適用されるテンプレートファイルです。そのほかにも、カスタムフィールド・タグ・キーワードの検索結果と現在いるページを指定したときに使用されます。

ブログテーマのように、エントリー本文のモジュールを一覧ページに使用している場合、エントリー編集画面で設定できる『以下のユニットが一覧表示時に「続きを読む」になります』ブロックよりも上部のユニットまでが表示され、以下のユニットは詳細ページのみ表示されます。

詳細ページ

個別のエントリーや固定ページを表示する際に適用されるテンプレートファイルです。詳細ページ・エントリー編集ページ・ユニット追加ページのテンプレートは同じにしておくと、エントリーを書く際に詳細ページと同じ見た目でコンテンツを編集することができます。

エラーページ(404 Not Found)

存在しないURLにアクセスした際に適用されるテンプレートファイルです。カスタマイズ次第で、エントリーが存在しない場合に、検索やオススメのエントリーを表示することもできます。

管理ページ

管理ページを表示する際に適用されるテンプレートファイルです。管理ページ共通のテンプレートファイルになり、/themes/system/admin/ 以下のディレクトリおよびファイルがURLのパスに従って表示されています。

<section id="main" role="main">
    <!--#include file="/admin/%{ADMIN_PATH}.html"-->
</section><!-- /#main -->

エントリー編集ページ

エントリーを投稿・編集する際に適用されるテンプレートファイルです。詳細ページと同じテンプレートにしておくのが一般的です。

ユニット追加ページ

エントリーにユニットを追加する際に適用されるテンプレートファイルです。詳細ページと同じテンプレートにしておくのが一般的です。

管理ログインページ

管理者用ログインページに適用されるテンプレートファイルです。