概要
既存顧客に新キャンペーンスタートのお知らせをするために、キャンペーン開始月の月初に配信する。
また、キノスラが作成したメルマガを転用して、先方が別日に配信するメルマガを作成している。
そのため、コーディングの際は極力見やすく、わかりやすくHTMLを記述するのが望ましい。
| 配信日 | キャンペーン開始月の月初 |
|---|---|
| 作業工数※目安 | デザイン：1.5～4.5h コーディング：1.0h テキストメール作成：1.0h |
| 納品物 | HTML・テキストファイル・デザインデータ（PSDとアセット） |
メルマガの種類
〈全体メルマガ〉オープンなキャンペーンの案内用メルマガ
サンプル：2024年10月実施キャンペーンメルマガの場合
〈休眠メルマガ〉オープンなキャンペーンの案内用メルマガ
サンプル：2024年10月実施 休眠キャンペーンのメルマガの場合
データ格納先・Google Chatスペース
■ データ格納先
下記フォルダ配下に配信月の西暦下2桁&配信月2桁（例：2410）のフォルダを作成して格納する
■ Google Chat
■ デザイン時の参照データ
キャンペーンページやバナーのデザインデータを転用する際は、下記フォルダ内を探す
※yymmのディレクトリはキャンペーン月に合わせる
作業フロー・アウトライン
※2024年10月現在は足利でデザイン～テキストメール作成まで一括対応しているが、今後各作業担当者がデザイナー・コーダーで分かれる場合、社内校正のタイミングは必要に応じて調整しても良いかも
作業マニュアル
1️⃣ 〈デザイナー〉デザイン作成
先方が作成した原稿をもとにデザインを作成する
■ 要望・条件
盛田屋さまのメルマガは、クオリティより工数削減 を重視。
基本的にほぼキャンペーンページのデザイン流用。
キャンペーンページの書き出し済みアセットを切り貼りしてパーツ作成する。
キャンペーンページや既存ページ・季刊誌等にないパーツは、新規作成する。
■ PSDのつくりかた
- 必要な画像をアートボード単位で作成
- モックアップは不要
※デザイン・コーディングで担当者が分かれる場合は、先方支給の原稿に画像ファイル名を追記するなど、コーダーがわかりやすいようにご連携をお願いします
- 画像ファイル名には特にルールはないが、どのキャンペーンの画像なのかわかるようにキャンペーンページのURLで命名するとわかりやすい
（例：https://www.tofu-moritaya.com/ext/campaign/cp2410kinset/ の場合「cp2410kinset.jpg」「cp2410kinset_img01.jpg」など） - 「詳しくはこちら」ボタンは毎回同じ画像を使用するので、先方から色を変えたい等のご要望がない限りは制作不要
- 画像内に注釈がある場合、注釈の記載漏れに注意する
完成したら下記フォルダに格納する
※yymm、yymmddのディレクトリ名はキャンペーン月に合わせる
■ デザイン詳細マニュアル
https://www.figma.com/design/T9QBvNgNLzXeMrhJvQZqyB/TOF-Manual-Campaign?node-id=90-59
2️⃣〈コーダー〉コーディング
① 前月のHTMLをコピー
※yymm、yymmddのディレクトリ名はキャンペーン月に合わせる
※作成したHTMLの格納先も下記ルールに従う
② 先方支給の原稿を参照しながらコーディングする
■ リンク先・各キャンペーンのURL
下記スペースにて、該当月のキャンペーンのスレッドを開く。
ディレクターが一番最初に投稿している概要に各キャンペーンのURLがあるので確認。
ない場合・不明な場合はディレクターに確認する。
■ パラメータ
各リンクに先方がメルマガの効果検証を行う上で必要なパラメータの付与を行う。
〈全体メルマガ〉全リンクに下記パラメータを付与
?advc=mail&utm_source=newsletter&utm_medium=email&utm_campaign=202410_cp_start〈休眠メルマガ〉全リンクに下記パラメータを付与
?advc=mail&utm_source=newsletter&utm_medium=email&utm_campaign=202410_slp_start- utm_campaignの「202410」は配信年月に応じて変更する
- utm_campaignの値は全体・休眠で異なるので混同しないように注意
■ リンクへのアンカーポイント指定
| 今月のプレゼント | 主キャンURL＋パラメータ＋#present |
|---|---|
| 商品詳細ページ | 商品詳細ページのメインコンテンツ（LPの先頭）から表示されるようにアンカー指定 |
■ プリヘッダーの設定
メルマガの開封率アップのため、プリヘッダーを入れています。
プリヘッダーとは？
先方支給の原稿にプリヘッダーが書いてあるので、bodyタグの下辺りにあるプリヘッダーテキストを差し替えてください。
▽先方支給原稿
▽該当のHTML
<!-- preheader text -->
<table width="100%">
<tr>
<td class="preheader" align="center" style="display:none !important; visibility:hidden; height:0; width:0; font-size:0; color:transparent; color:rgba(0,0,0,0); opacity:0; mso-hide:all;">
<font size="1" color="#666666">10月は「500円クーポン」＆「新米コシヒカリ」のプレゼントをご用意しております♪</font>
</td>
</tr>
</table>
■ 配信日
ヘッダーの日付には配信日を入れる
<td style="text-align: right; font-family:游ゴシック体, YuGothic, 游ゴシック Medium, Yu Gothic Medium, 游ゴシック, Yu Gothic, sans-serif; font-size:14px;">2024/10/1</td>
■ 画像へのalt追加
対応漏れしがちなので忘れずに追加する
■ 「詳しくはこちら」ボタン
基本的に毎回同じ画像を使用
③ テストメール配信
htmlをまるっとコピーして、Thunderbirdでテスト配信する。自分と担当ディレクター宛に送信。Thunderbirdでhtmlメールをテスト配信する方法は下記を参照。
https://dad-union.com/html/1010
ThunderbirdはHtmlメールをテスト送信し確認するための外部ツール。
▼インストールされていない場合はこちらからダウンロード。
https://www.thunderbird.net/ja/download/
メールテスト配信後、担当ディレクター（yuri-suzuki@cnsr.jp）をテスト配信の宛先に追加して、メールを送り、GoogleChatで連携する。
3️⃣〈デザイナーorディレクター〉テキストメール作成
① 前月のテキストメールをコピー
※yymm、yymmddのディレクトリ名はキャンペーン月に合わせる
※作成したテキストデータの格納先も下記ルールに従う
②テキストメールを作成
前提として、テキストメールはHTMLメールが受信できない一部ユーザーに向けて作成しているもの。
おそらく配信数としては結構少ないと思われるので、情報モリモリにする必要はなく、なんとなくキャンペーンの概要が伝われば良い。
■ リンク先・各キャンペーンのURL
■ パラメータ
■ リンクへのアンカーポイント指定
コーディングで前述したルールと同様。
■ プリヘッダーの設定
テキストメールにはプリヘッダーが存在しないので、本文の冒頭にそのまま追加する。
10月は「500円クーポン」
＆「新米コシヒカリ」のプレゼントをご用意しております♪
──────────────────────
${名前}様のポイント数：${利用可能ポイント数}pt
ポイント有効期限：${有効期限}
※ポイント数と有効期限は直近のご利用状況で変動いたしますので
正しい情報はマイページにてご確認ください。
──────────────────────
豆腐の盛田屋
＼初開催のキャンペーン／
……
■ 掲載順
基本的にHTMLメールで紹介されている順に従う。
■ 文章作成のコツ
基本的にはHTMLの画像内で説明されていることを、テキスト情報だけで伝わるように書く。
画像じゃないと伝えるのが難しい内容は無理に入れる必要はない。
画像内にテキスト情報が少なすぎて何も伝わらないのでは？と懸念がある場合は、キャンペーンページや季刊誌からテキストを抜粋する。
■ 注釈
注釈はセクション毎に記載する必要はないが、フッターの前でまとめて記載する。
最後までご覧いただき、
ありがとうございました。
※文章内の「エイジングケア」は「年齢に応じたうるおいを与えるスキンケア」、
「豆乳」「豆乳発酵液」は「乳酸桿菌／豆乳発酵液(保湿成分)」、
「肌の土台」は「角質層」、「浸透」は「角質層まで」、
「シミ」は「メラニンの生成を抑え、シミ・そばかすを防ぐ」を指します。
※ サイトリニューアルに伴い、2022年9月14日以降……
■ 汎用パターン・雛形
1月の福箱・6月の大創業祭は毎年恒例のキャンペーンなので、昨年のメルマガ本文を参考すると作業しやすいです。
※古いHTML・テキストデータはEドライブにない場合があるので、Qドライブを参照してください。
よりどりキャンペーン
＼本日スタート！／
━━━━━━━━━━━━━━
よりどり対象アイテム
最大30％OFF
----------------------
－全30アイテム－
ワクワクチョイス！
★よりどり夏祭り★
◎組み合わせ自由
◎同一商品2点までOK！
━━━━━━━━━━━━━━
キャンペーン期間：
2024年8月1日(木)～8月31日(土)
▼詳しくはこちら
https://www.tofu-moritaya.com/ext/campaign/cp2408/?advc=mail&utm_source=newsletter&utm_medium=email&utm_campaign=202408_cp_start
＼よりどり対象商品はこちら／
- LINE UP -
▼【30％OFF】6アイテム
------------------------
・シーメイドソープ
・豆乳よーぐるとぱっく 玉の輿 やわらかスクラブ
・薬用どくだみ豆乳せっけん 自然生活
・薬用どくだみ豆乳ろーしょん 自然生活
・薬用どくだみ豆乳保湿じぇる 自然生活
・豆乳UV美容液 自然生活
https://www.tofu-moritaya.com/ext/campaign/cp2408/?advc=mail&utm_source=newsletter&utm_medium=email&utm_campaign=202408_cp_start#yoridori_attenntion-30OFF
定期半額キャンペーン
保湿が大切なこの時季に2つの選択
あなたはどっち？
＼特別定期セット／
━━━━━━━━━━━━━━
特別定期セット《1》
3回目まで【半額】
------------------------
メラニン・くすみ徹底ケア
------------------------
豆乳美白ケア『つくも』
特別定期便
━━━━━━━━━━━━━━
キャンペーン期間：
2024年9月1日(日)～9月30日(月)
シミに先手！
シミケア成分を3回肌に届ける
『つくも』シリーズの化粧水・美容液・クリームの3点セット定期便。
〈初回お届け時にプレゼント！〉
●しゃくなげ花酵母せっけん(50g)1個
※おひとり様1点限り
定期おトク便の嬉しい特典も！
▼ 詳しくはこちら
https://www.tofu-moritaya.com/ext/campaign/cp2409tsukumoset/?advc=mail&utm_source=newsletter&utm_medium=email&utm_campaign=202409_cp_start
３＋１セット
━━━━━━━━━━━
大好評企画！今回は15ラインナップ
＋WEB限定 2ラインナップ
------------------------
おトクなまとめ買い
3＋1セット
━━━━━━━━━━━━
キャンペーン期間：
2024年5月1日(水)～5月31日(金)
豆乳せっけん、赤大豆せっけん、豆乳ローション、泡洗顔、美白パックなど、
人気定番アイテムがまとめ買いでおトク！
【WEB限定】
大豆とおからのまいにちグラノーラ
3＋1セット
〈バランス雑穀／きれいシード〉
-----------------------
単品合計価格 11,200円(税込)
↓ ↓ ↓
【実質1袋分タダ！】【送料無料】
8,400円(税込)
▼詳しくはこちら
https://www.tofu-moritaya.com/ext/campaign/cp2405plusone/?advc=mail&utm_source=newsletter&utm_medium=email&utm_campaign=202405_cp_start
③ ディレクターに連携
データをフォルダに格納し、ディレクターに連携する
社内校正修正→先方校正修正→デザイン納品
以降は適宜校正修正対応を行う。
