こんにちは！
今回はメールマーケティングで利用するHTMLメールをノーコードで出力できるようにしてみました。
すべてのデジタルマーケターに必見の内容ですので、ぜひ最後までご一読ください。
HTMLメールってなに
HTMLメールは、通常のメールではできないようなフォント(文字)の色や形式、や写真などの画像を含んだHTML言語で作成されたメールです。
テキストメールとは違い、自由なレイアウトにできるため訴求したい内容をより前面に押し出すことが可能に。
また最近のメールマガジンはHTMLメールが主流になっているため、デジタルマーケターにとっては必要な技術です。
HTMLメールについては以下の記事で詳しく説明しておりますので、よろしければこちらも一緒にご覧ください。
ノーコードとは
ノーコードは書いて字のごとく、「No Code」。つまり、コードを書かないということです。
このコードというのはHTMLをはじめ、プログラミング言語のことを指しており、ノーコードはプログラミング言語が書けなくてもプログラミングできるというものです。
昨今コロナの影響でリモートワークが多くなり、ネットに触れる機会が多く、それに伴い「アナログの作業をデジタルに」をもっとーにDX（デジタルトランスフォーメーション）が推進され、その一環としてノーコードがすごく注目されています。
マーケティングにおけるノーコードの重要性
デジタルマーケティングにおいてマーケターがコードを書かなければいけない、もしくは理解しなければいけない場面というのは必ず発生します。
では次にどのような場面でコードの理解や記述が必要になるか見ていきましょう。
計測タグ等の埋め込み
まずは計測タグ等についてです。この計測タグなくしてデジタルマーケティングはできません。
計測タグにもいろんな種類があり、GoogleAnalyticsをはじめとしたトラッキング用のタグから、ヒートマップ、GoogleTagManegerといったタグマネージャー系まで様々あります。
基本的にはコピー＆ペーストで完結するものばかりですが、中には広告のピクセルコードなど分割して設定するケースの場合などでは記述ミスで動かなくなる時があります。
ランディングページ
次に多いのがこのランディングページで、ランディングページとはユーザーが最初に訪れるページのことで、広告からの遷移先などのことを指します。
基本的にランディングページを作成する際は代理店やベンダーに依頼するか、自社で作成するかの二択です。
予算に余裕があり作成を依頼できるのであれば、何も問題はありませんが、予算やスケジュールに余裕がなく自社で作成する場合にはコツが必要になってきます。
たとえば、OGP（SNSでのカード表示）の設定や、favicon、descriptionといったサイトに必要ではないけれども、マーケター目線では必要とされるものなどは自身で設定するか、設定方法を理解したうえで対応しているエンジニアに依頼する必要があり、覚えておかないと先に進むことができません。
ABテスト
ABテストとは「パターン1」「パターン2」を同一期間で競わせて、どっちが良い施策なのかを判定するために実施する手法です。
このABテストでは主にサイト上での訴求方法やユーザービリティを変更して計測しますが、その施策を作る際はどうしてもコードを書く必要が出てきます。
PtengineやGoogleOptimaizeなどではノーコードでできる部分もありますが、細かい設定になればなるほどコードが必要となり、簡単には実施できません。
メールマガジンの作成
BtoBやBtoCを問わず、メールマガジンを作成する場合は、HTMLメールのほうが効果的です。
以前はメーラーによってHTMLメールが利用できないシーンが多かったため、テキストメールが主流でしたが昨今メーラーのバージョンが上がり、ほとんどのメーラーでHTMLメールが表示されるようになりました。
そんなHTMLメールですが、名称に入っているように作成についてはHTMLの知識が必要になります。
また普通にHTMLを組むのではなく、HTMLメール特有の仕様があるためWebページと同じように作っても崩れることが多々あります。
そういった意味では上記であげてきたどの場面より設定のハードルは高いでしょう。それに加えメールマガジンは他の施策と比較しても施策を実施する機会も多いためマーケターにとって一番工数がかかってしまう施策ともいえます。
コンテンツマーケティングとメルマガ
弊社はコンテンツマーケティングの一環としてコラムを日々執筆しています。
またそのコラムをより多くの人に見てもらうため、隔週でコラム記事をHTML形式にし、以下のキャプチャのようにメール配信を行っています。
ただこの作業はすごく工数がかかっており毎回HTMLを組みなおしを行ったり、画像をリサイズしたりと1通送るのに1時間程度かかってしまいます。
そこでWordPressからメール作成できないかと考え便利なツールを開発しました。
ノーコードHTMLメール
まずはこちらをご覧ください。
ビデオを見てもらうとわかる通り、文字やレイアウトが決まっている部分はそのままで、コラムやボディコピーなど毎回変更する箇所をノーコードで作成する仕組みです。
一番の特徴はWordPressに登録されている記事を呼び出して、記事情報をメールに落とし込めるということです。
本ツールはいろんなカスタマイズができ、弊社以外のレイアウトや、URLに使用するUTMなどのパラメータ等々。
また基本的にWordPressで作成してある投稿についてこのツールを利用することができるため、WordPressとメールマーケティングを行っている人であればどなたでも使用可能です。
このツールを利用してから私のメール作成時間が10分の1に短縮されました。
そんな便利ツールではありますが、現在メール作成において工数がかかってしまいなんとか短縮したい方やHTMLメール形式でメールを送ってみたい方はお気軽にお問い合わせください。