メールテンプレート 編 集 ユーザーマニュアル Ver1.0 2016/5/1 株 式 会 社 シャノン 1
1. 目 次 1. 目 次 2.はじめに 2-1.メールテンプレート 編 集 機 能 とは? 2-2. 対 象 読 者 3. 用 語 一 覧 4. 利 用 の 流 れ 4-1.メールテンプレート 編 集 の 流 れ 5. 機 能 説 明 利 用 方 法 5-1.テキストメール 編 集 開 封 率 を 取 得 しない 場 合 開 封 率 を 取 得 する 場 合 注 意 1 5-2.HTML メール 編 集 5-2-1.WYSIWIG エディタでのメール 編 集 WYSIWYG エディタを 使 用 する 場 合 注 意 5-2-2.ソースエディタでのメール 編 集 (デザイン 担 当 者 向 け) ソースエディタを 使 用 する 場 合 注 意 5-3.マルチパートメール 編 集 6. 設 定 6-1.システム 設 定 メール 作 成 時 の HTML エディタ 使 用 (デフォルト) 7. 注 意 制 限 事 項 7-1. 旧 エディタの 利 用 期 限 7-2. 旧 エディタで 作 成 したメールテンプレートのコピー 7-3.フィーチャーフォン 8.FAQ 2
2.はじめに 2-1.メールテンプレート 編 集 機 能 とは? SHANON MARKETING PLATFORM( 以 下 SMP)にて メール 送 信 するためのテンプレートを 作 成 編 集 する 機 能 で テキスト 形 式 HTML 形 式 双 方 でメールテンプレートを 作 成 することができます 本 マニュアルでは SMP でメールテンプレートを 作 成 する 手 順 およびメールテンプレートを 作 成 するときの 注 意 事 項 を 記 述 します 2-2. 対 象 読 者 メールテンプレートを 使 ってメールを 作 成 する SMP 管 理 者 を 対 象 としています デザイン 担 当 者 向 け 内 容 は HTML コーディングして HTML メールを 作 成 するデザイナーを 対 象 としています 3. 用 語 一 覧 本 マニュアルでは 下 記 用 語 を 使 用 します 用 語 テキスト 形 式 HTML 形 式 マルチパート 形 式 説 明 文 字 コード だけを 使 って 作 成 するメール 形 式 文 字 だけを 記 録 する テキスト 形 式 に 機 能 を 付 加 して 文 字 の 色 や 大 きさ 文 字 修 飾 簡 単 な 図 表 などを 記 録 できるようにした 形 式 HTML メールとテキストメールの 2 つのデータを 持 ち 受 信 者 の 環 境 に 応 じてどちらかを 表 示 する 形 式 WISYWIG エディタ フォント 簡 単 なデザインなどをグラフィカルな UI を 使 って HTML メールの 文 面 をデザインするエデ ィタ ソースエディタ 旧 エディタ モバイル 最 適 化 開 封 HTML を 記 述 してメール 文 面 をデザインするエディタ 2016 年 4 月 29 日 まで HTML メールを 編 集 する 旧 式 のエディタ 2016 年 4 月 29 日 以 降 は 互 換 性 の 維 持 のためにのみ 使 用 できます ここ 用 語 を 変 更 するかもしれない メール 受 信 者 がメールを 開 封 したかどうかを 意 味 します HTML メール 文 面 内 に 埋 め 込 んだ 画 像 をアクセスしたかどうかで 開 封 を 判 定 します 3
4. 利 用 の 流 れ 4-1.メールテンプレート 編 集 の 流 れ 下 記 メールテンプレート 編 集 の 流 れです SMP ではテキスト 形 式 のメールの 開 封 率 を 取 得 する 場 合 は HTML 形 式 を 選 択 する 必 要 があります 4
5. 機 能 説 明 利 用 方 法 5-1.テキストメール 編 集 ここにメールテンプレートでテキストメールを 編 集 する 方 法 を 記 述 する メールテンプレートでテキストメールを 編 集 する 場 合 以 下 の 手 順 でテンプレートの 新 規 作 成 を 開 始 します 1 全 キャンペーン 管 理 モードまたは 個 別 キャンペーンの 管 理 モードで [メール]タブをクリックします 2[メール]タブ 内 の 左 側 の[テンプレート 一 覧 ]メニューをクリックします 3メールテンプレート 一 覧 画 面 の 検 索 フィールドの 下 の[ 新 規 登 録 ]ボタンをクリックします 開 封 率 を 取 得 しない 場 合 テキスト 形 式 / HTML 形 式 に テキスト 形 式 を 選 択 して メールを 編 集 します 開 封 率 を 取 得 する 場 合 テキスト 形 式 / HTML 形 式 に HTML 形 式 を 選 択 し エディタ 種 別 で エディタ を 選 択 して メールを 編 集 します 5
注 意 1 開 封 率 を 取 得 するためエディタにテキストをコピーする 場 合 メモ 帳 などのテキストエディタからコピーすることをお 勧 めしま す WEB ページ Microsoft Office(Word PowerPoint など)からコピーした 場 合 フォント 背 景 なども 一 緒 にコピー してしまう 場 合 があります 6
5-2.HTML メール 編 集 メールテンプレートで HTML メールを 編 集 する 場 合 以 下 の 手 順 でテンプレートの 新 規 作 成 を 開 始 します 1 全 キャンペーン 管 理 モードまたは 個 別 キャンペーンの 管 理 モードで [メール]タブをクリックします 2[メール]タブ 内 の 左 側 の[テンプレート 一 覧 ]メニューをクリックします 3メールテンプレート 一 覧 画 面 の 検 索 フィールドの 下 の[ 新 規 登 録 ]ボタンをクリックします 4メールテンプレート 編 集 画 面 で テキスト 形 式 / HTML 形 式 に HTML 形 式 を 選 択 します 7
5-2-1.WYSIWIG エディタでのメール 編 集 WYSIWYG エディタは 画 面 上 で HTML の 見 た 目 をデザインすることができる 機 能 です メールの 内 容 が 複 雑 でない 場 合 WYSIWYG エディタを 使 用 することで 簡 単 に HTML メールを 作 成 することができます WYSIWYG エディタを 使 用 する 場 合 エディタ 種 別 の 選 択 で エディタ を 選 択 します 注 意 エディタ で 作 成 したメール 文 面 を HTML ソース で 編 集 することはできません また HTML ソース で 作 成 し たメール 文 面 を エディタ で 編 集 することはできません エディタのプレビュータブから 作 成 した HTML のプレビューを 行 うことができます なお 実 際 にメーラーで 受 信 した 時 とは 表 示 やリンクの 動 作 が 異 なる 場 合 があります 実 際 の 送 信 の 前 には テ 8
スト 送 信 をして 受 信 後 の 動 作 を 確 認 されることを 推 奨 します メールテンプレートに 長 い 行 が 含 まれる 場 合 に 以 下 のエラーが 表 示 されることがあります 1 行 あたり 990 バイト 以 内 で 入 力 してください( 全 角 文 字 : 2 バイト 半 角 英 数 字 : 1 バイト) このエラーは 1 行 あたり 990 バイトを 超 えるメールの 受 信 を 制 限 するメールサーバーに 正 常 に 受 信 させるための メッセージです 長 い 行 に 対 して 適 切 な 位 置 で 改 行 を 挿 入 してください HTML メールを 送 信 した 後 にスタイルが 崩 れることを 防 ぐため エディタ で 編 集 したコンテンツには 既 定 で HTML ヘッダー 要 素 が 付 加 されます (エディタ 使 用 時 の HTML ヘッダー) <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/tr/html4/loose.dtd"> <html> <head> </head> <body> <!-- ここにコンテンツが 入 ります --> </body> </html> 9
5-2-2.ソースエディタでのメール 編 集 (デザイン 担 当 者 向 け) ソースエディタは 直 接 HTML ソースを 記 述 してメールを 作 成 する 機 能 です 複 雑 な HTML ソースを 作 成 する 必 要 があるときや 別 ツールなどで 作 成 済 みの HTML ソースを 貼 り 付 けてメールを 作 成 する 用 途 に 適 しています ソースエディタを 使 用 する 場 合 エディタ 種 別 の 選 択 で HTML ソース を 選 択 します 注 意 ソースエディタのプレビュータブから 作 成 した HTML のプレビューを 行 うことができます なお 実 際 にメーラーで 受 信 した 時 とは 表 示 やリンクの 動 作 が 異 なる 場 合 があります 実 際 の 送 信 の 前 には テ スト 送 信 をして 受 信 後 の 動 作 を 確 認 されることを 推 奨 します HTML メールには 以 下 の 要 素 を 含 めることはできません script, iframe, form, input, select, textarea, option HTML5 で 作 成 された HTML メールの 送 信 には 対 応 していません メーラー ブラウザ 間 のデザイン 崩 れを 防 ぐために 下 記 のような Doctype 宣 言 や HEAD タグを 記 述 することを 推 奨 します 10
(Doctype 宣 言 HTML ヘッダーの 例 ) <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/tr/html4/loose.dtd"> <html> <head> </head> <body> <!-- ここにコンテンツが 入 ります --> </body> </html> 11
5-3.マルチパートメール 編 集 メールテンプレートでマルチパートメールを 編 集 する 場 合 以 下 の 手 順 でテンプレートの 新 規 作 成 を 開 始 します 1 全 キャンペーン 管 理 モードまたは 個 別 キャンペーンの 管 理 モードで [メール]タブをクリックします 2[メール]タブ 内 の 左 側 の[テンプレート 一 覧 ]メニューをクリックします 3メールテンプレート 一 覧 画 面 の 検 索 フィールドの 下 の[ 新 規 登 録 ]ボタンをクリックします 4メールテンプレート 編 集 画 面 で テキスト 形 式 / HTML 形 式 に マルチパート 形 式 を 選 択 します マルチパートメールの 形 式 を 選 択 することで HTML メールの 受 信 に 対 応 していないメーラーに 対 してはテキスト 形 式 のメー ルを 受 信 させることができます マルチパートメールで 使 用 できる HTML 編 集 用 のエディタの 種 類 と 操 作 方 法 は HTML メールと 同 じです 12
6. 設 定 6-1.システム 設 定 メール 作 成 時 の HTML エディタ 使 用 (デフォ ルト) システム 設 定 で メール 作 成 時 の HTML エディタ 使 用 (デフォルト) を 設 定 することで 新 規 作 成 時 に 有 効 になるエディタ の 種 別 を 変 更 することができます 設 定 が 有 効 設 定 が 無 効 新 規 作 成 時 に WYSYWIG エディタが 初 期 値 になります 新 規 作 成 時 にソースエディタが 初 期 値 になります 13
7. 注 意 制 限 事 項 7-1. 旧 エディタの 利 用 期 限 2016 年 4 月 29 日 まで HTML の 編 集 用 に 使 用 された 旧 エディタは 以 降 は 互 換 性 の 維 持 のため 作 成 済 みのメール テンプレートの 編 集 にのみ 使 用 できます 新 規 作 成 するメールテンプレートを 旧 エディタで 編 集 することはできません また 旧 エディタで 作 成 済 みのメールテンプレートについてもそのまま 利 用 を 継 続 せず 新 規 作 成 することを 推 奨 します 7-2. 旧 エディタで 作 成 したメールテンプレートのコピー 旧 エディタで 作 成 したメールテンプレートをコピーした 場 合 システム 設 定 の メール 作 成 時 の HTML エディタ 使 用 (デフォル ト) によって 以 下 のようにエディタの 種 別 が 設 定 されます 設 定 が 有 効 設 定 が 無 効 コピー 後 のメールテンプレートは WYSYWIG エディタで 表 示 されます ( ) コピー 後 のメールテンプレートはソースエディタで 表 示 されます メールテンプレートのコピー 時 に 旧 エディタとの 互 換 性 が 保 持 できず 保 存 時 にエラーが 出 力 され る また まれにデザインが 崩 れる 場 合 があります この 場 合 は 旧 エディタで 作 成 済 みの HTML ソースをソースエディタにコピーして HTML ソースを 利 用 してください 7-3.フィーチャーフォン SMP で HTML メールテンプレートを 作 成 し メールを 送 信 すると 一 部 フィーチャーフォンではデザインが 崩 れる 可 能 性 があ ります デコメに 対 応 している 機 種 は マルチパートでメールを 送 信 した 場 合 でも メールを 表 示 できないかメールのデザイン が 崩 れます 14
8.FAQ Q1.WISWIG エディタで 編 集 したメール 文 面 の HTML ソースを 直 接 編 集 することはできますか? A. できません WISWIG エディタで 編 集 した 後 HTML ソースを 直 接 編 集 して 登 録 した 場 合 HTML デザインが 崩 れる 可 能 性 があるため 同 一 メールテンプレートの 文 面 を WISWIG エディタ HTML ソースの 直 接 編 集 双 方 で 編 集 できな いように 制 限 しております Q2.WISWIG エディタでモバイル 画 面 最 適 化 はできますか? A. できません ソースエディタを 用 いて 下 記 のような meta タグを 記 述 してください ( 記 述 例 ) デザイン 担 当 者 向 け <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no"> Q3. 添 付 画 像 を HTML メール 文 面 に 入 れることはできますか? A. できません 特 に Android で 閲 覧 するドコモメールは 画 像 を 表 示 することができませんのでご 注 意 ください Q4. 旧 式 エディタで 作 成 したメールテンプレートを 編 集 することはできますか? A. できません コピーした 後 編 集 してください Q5. 多 言 語 での HTML メールを 作 成 するにはどうすればよいでしょうか? A. HTML メールの 多 言 語 は WYSWIG エディタはサポートしておりません ソースエディタで 下 記 のように 記 述 すると リード 項 目 使 用 言 語 に 応 じてメールを 配 信 します ( 記 述 例 ) デザイン 担 当 者 向 け <ja> <html> <head> </head> <body> ここに 日 本 語 のメール 文 面 を 記 述 </body> 15
</html> </ja> <en> <html> <head> </head> <body> English messeage here </body> </html> </en> Q6. 画 像 などのファイルパスを 相 対 パスで 記 述 できますか? ( デザイン 担 当 者 向 け) A. ソースエディタで 画 像 などのファイルパスを 相 対 パスで 記 述 できません ファイルパスは 絶 対 パスで 記 述 してください Q7. 旧 エディタで 作 成 したメールテンプレートをソースエディタに 更 新 することはできますか? A. API を 使 えば 可 能 です メールテンプレート 情 報 更 新 API(mailtemplate.put)で MailEditorType(エディタ 種 別 )に 4:HTML ソース を 指 定 して 更 新 してください ただし 一 度 4:HTML ソース に 更 新 したテンプレートを 旧 エディタに 戻 すことはできませんのでご 注 意 ください 16