ワイメール 公式オンラインヘルプ

  • フォントサイズを大きくする
  • デフォルトフォントサイズ
  • フォントサイズを小さく
Home フォーム関連 フォーム設定で変更できない固定項目名などを変更するにはどうすればよいですか?

フォーム設定で変更できない固定項目名などを変更するにはどうすればよいですか?

Eメール 印刷 PDF

※この方法は、閲覧者(フォーム利用者)のブラウザのJavascriptが有効になっていることが前提です。

※HTMLCSS、Javascriptの仕様、コーディングにつきましてはサポート対象外となります。関連WEBサイトや関連書等をご参照いただきますようお願いいたします。

ワイメールの機能単体では、固定項目の項目名など、固定された値を変更することはできませんが、自動出力されるフォームの表示などに対しては、Javascriptを併用することで対応が可能です。

ここでは、自動出力されるフォームで、固定項目名などを英字で表示する場合の例で説明します。

 

対象のメールマガジンの概要画面から「フォーム設定」→「詳細/項目設定」を選択し、有効にする(または今後有効にする予定の)固定項目名と必須の有無を確認します。なお「メールアドレス」は必ず入力必須項目になります。

次に、「デフォルト表示設定」から「登録/解除フォーム」の目的のデバイスの「編集」をクリックします。

テキストエリア内の<body>から</body>の任意の場所に、下記のコードを貼り付けて保存します。

<!-- フォーム設定で変更できない固定名を英訳する ここから -->
<!-- jQuery呼び出し -->
<script type="text/javascript" src="/./js/lib/jquery.js"></script>
<script type="text/javascript">
$(function(){

// 項目名を置き換える
// お名前(姓名)
$("div.ms_form_box").html(
$("div.ms_form_box").html().replace(/お名前(姓名)/g,'Name(Family name & First name)')
);
// お名前(姓名)の説明
$("div.ms_form_box").html(
$("div.ms_form_box").html().replace(/姓と名はスペースで区切ってください/g,'Please separate Family name and First name by space.')
);
// メールアドレス
$("div.ms_form_box").html(
$("div.ms_form_box").html().replace(/メールアドレス/g,'Email address')
);

////////// 他にもあればここに同じように追記します ///////////

///////////////////////////////////////////////////////////////////

// その他の日本語を置き換える
// 登録
$("div.ms_form_box").html(
$("div.ms_form_box").html().replace(/登録/g,'Subscribe')
);
// 解除
$("div.ms_form_box").html(
$("div.ms_form_box").html().replace(/解除/g,'Unsubscribe')
);
// 送 信
$("div.ms_form_box").html(
$("div.ms_form_box").html().replace(/送 信/g,'Submit')
);

});
</script>
<!-- フォーム設定で変更できない固定名を英訳する ここまで -->

同じように、「システムエラー」についても、編集します。

テキストエリア内の<body>から</body>の任意の場所に、下記のコードを貼り付けて保存します。

<!-- フォーム設定で変更できない固定名を英訳する ここから -->
<!-- jQuery呼び出し -->
<script type="text/javascript" src="/./js/lib/jquery.js"></script>
<script type="text/javascript">
$(function(){

// 項目名を置き換える
// お名前(姓名)
$("div#main").html(
$("div#main").html().replace(/お名前(姓名)/g,'Name(Family name & First name)')
);


// メールアドレスのエラーメッセージ
$("div#main").html(
$("div#main").html().replace(/メールアドレスを正しく入力してください/g,'Please input a valid Email address.')
);
$("div#main").html(
$("div#main").html().replace(/送信されたメールアドレスはすでに登録されています。/g,'Email address submited is already registed.')
);
// 入力必須項目の入力なし
$("div#main").html(
$("div#main").html().replace(/は入力必須です/g,' is required.')
);


// 必須の項目名
$("div#main").html(
$("div#main").html().replace(/お名前/g,'Name')
);

////////// 他にもあればここに同じように追記します ///////////

///////////////////////////////////////////////////////////////////


});
</script>
<!-- フォーム設定で変更できない固定名を英訳する ここまで -->

同じように、「読者登録の確認」についても、編集します。

テキストエリア内の<body>から</body>の任意の場所に、下記のコードを貼り付けて保存します。

<!-- フォーム設定で変更できない固定名を英訳する ここから -->
<!-- jQuery呼び出し -->
<script type="text/javascript" src="/./js/lib/jquery.js"></script>
<script type="text/javascript">
$(function(){

// 項目名を置き換える
// メールアドレス
$("div#main").html(
$("div#main").html().replace(/メールアドレス/g,'Email address')
);
// お名前(姓名)
$("div#main").html(
$("div#main").html().replace(/お名前(姓名)/g,'Name(Family name & First name)')
);

////////// 他にもあればここに同じように追記します ///////////

///////////////////////////////////////////////////////////////////


});

</script>
<!-- フォーム設定で変更できない固定名を英訳する ここまで -->

必要に応じてスマートフォン用など、他のデバイスのソース、他のアクションのソースも同様の流れで編集します。

編集完了後、「フォーム設定」から、改めて表示が修正されているか確認し。問題なければ完了です。

 

関連ヘルプ)


最終更新 2016年 12月 19日(月曜日) 03:05