More than 3 years have passed since last update.

Marketoフォームのメールアドレス入力欄がフリーアドレスの場合に送信を制限する

Last updated at 2021-05-05Posted at 2021-05-04

#Marketoフォームのメールアドレス入力欄がフリーアドレスの場合に送信を制限する
##始めに

Webサイトのフォーム入力には何かしらのノイズが混じることがあります。フォームの種類や目的によってノイズの種類は異なりますが、例えば以下のようなノイズがあります。

営業目的
競合他社による情報を探る目的
悪意のあるフォーム入力（サーバー負荷など）
フリーアドレス（BtoBの場合）

「フリーアドレスでのフォーム入力」は、『リード獲得』の意味はありますが、ナーチャリングを考えたときに継続的なコミュニケーションにつながる可能性は低いため、ビジネス利用のメールアドレスを入力していただく必要があります。

コミュニケーションにつながる可能性を高めるためにも、フリーメールでのフォーム入力の場合はマーケティングオートメーション（以下、MA）によってフォーム入力完了後に再度フォーム入力を促す自動配信メールを行うことはありますが、2度目のフォーム入力が行われる可能性は低いのが現状です。すなわち、1度目のフォーム入力の際にビジネス利用のメールアドレスを入力してもらう必要があります。

これらを満たすためにMAの『Marketo』と、Googleタグマネージャ（以下、GTM）を利用した、Marketoフォームのメールアドレス入力欄がフリーアドレスの場合に送信を制限する（フォーム入力を完了させない）方法について、以下Marketo開発ブログを参考に実装を行いましたのでご紹介します。

※ソースコードは以下Marketo開発者ブログを引用させていただきました。

Restrict Free Email Domains on Form Fill Out（公開日：2014年9月9日）
https://developers.marketo.com/blog/restrict-free-email-domains-on-form-fill-out/

##実装手順

以下手順によりJavaScriptコード（以下、JS）をMarketoフォームへ実装することで、目的とする動作を実現します。

除外するメールアドレスを棚卸し
JSコードの該当箇所にメールアドレスを記入
JSコードの該当箇所にフォーム送信拒否メッセージを記入
MarketoフォームにJSコードを反映

実装するJSコードは以下です。

.js

<script>
(function (){
  // 2.以下[“▲▲”]に除外対象のメールアドレスを記入
  var invalidDomains = ["@gmail.com","@yahoo.co.jp","@outlook.jp"];

  MktoForms2.whenReady(function (form){
    form.onValidate(function(){
      var email = form.vals().Email;
      if(email){
        if(!isEmailGood(email)) {
          form.submitable(false);
          var emailElem = form.getFormElem().find("#Email");
          //3.以下にフォーム送信拒否メッセージを記入
          form.showErrorMessage("フリーメールは登録できません", emailElem);
        }else{
          form.submitable(true);
        }
      }
    });
  });
  
  function isEmailGood(email) {
    for(var i=0; i < invalidDomains.length; i++) {
      var domain = invalidDomains[i];
      if (email.indexOf(domain) != -1) {
        return false;
      }
    }
    return true;
  }

})();
</script>

###1. 除外するメールアドレスを棚卸し

どのテキストがメールアドレスに含まれていたらフォーム送信を制限するのか、制限対象とするメールアドレスの棚卸しを行います。弊社ではフリーアドレスを除外したいため「@yahoo.co.jp」や「@gmail.com」などが該当のドメインです。
注意点として、アットマーク「@」を含まずに除外対象とした場合、ドメインパート（「@」以下のメールサーバーを表す箇所）によっては意図していないドメインも制限されてしまう可能性があります。逆にアットマーク「@」以下のドメインパートがサブドメイン.ドメインとなるパターンもあるため、注意が必要です。

###2. JSコードの該当箇所にメールアドレスを記入

以下JSコードの箇所に、1.で棚卸しを行ったメールアドレスを、2重引用符「”」で括り、メールアドレスごとにカンマ「,」で区切ります。