サポートページ aero-right

HTMLコーディングでよくある間違い

HTMLメールの配信は上手く編集ができれば抜群に見栄えが良くなります。しかし、画像、フォント、CSSファイルの問題により購読者側でレイアウトが崩れたり、まったく表示されないこともあります。 Microsoft PublisherやDreamweaver、FrontpageなどのHTML編集ソフトで作成する場合、ウェブページの編集ではなくメールの作成を行っていることを忘れないようにしましょう。ウェブページと同じ要領でメールを作成してしまうと、購読者が受信するものと全く違うメールが配信されてしまうことがあります。 以下の点に気を付けてメールのコード作成を行ってください。   1. CSSファイルの外部参照は一切不可 多くのメールクライアントは独自のCSSをすでに設定しているため、外部ファイルの参照を受け付けていません。そのためCSSの設定を行う際は、インライン形式の編集を行ってください。配信を行う前に、メール設定のミスなど矛盾部分の確認するために主要なメーラーでのチェックを行ってください。 i) 外部CSSの参照は利用ができません <link href="css1.css" rel="stylesheet" type="text/css"> ii) メールのヘッダー部にCSSを記述し、それをボディ内のコードに参照することができません <style> .main{font-size:16px;} .subhead{font-size:14px; font-weight:bold; color:#cc0000;} </style> <span class="subhead">Newsletter Article</span> <strong> Use Inline Stylesheet:</strong> <span style="font-size:14px; font-weight:bold; color:#cc0000;">Newsletter Article</span>   メール全体が画像となってしまう程、大きい画像の使用は出来ません. メーラー側のデフォルト設定によってこのようなサイズの画像はブロックされます。そのため購読者には空欄で表示されてしまいます。画像だけのHTMLメールの配信は、迷惑メールと認識されてしまうなどの問題があるため、Benchmark Emailでは推奨しておりません。 メールの幅を容量内に収めてください. メーラーで表示できる範囲でメールのレイアウトを行って下さい。 適切な表示が行われる理想的な大きさは650pxとなっています。 もし疑問点が浮かんだら、Yahoo!もしくはGmailなどに無料アカウントを作成し、メールのテスト配信を行い、どのような表示が行われているか確認してください。 HTML内の無駄なジャンクコードを削除しましょう. FrontpageやMicrosoft Word、Microsoft Publisherでメールを作成している場合はテンプレート内にレイアウトを崩したり、不具合を引き起こすジャンクコードが含まれていることを注意してください。 最悪の場合、このコードが原因でスパム(迷惑メール)と認識されてしまう可能性もあります。 配信を行う前に、無駄なコードや必要のない属性編集、内部コメントなどの記述はなるべく削除しましょう。 以下の例をご参照くださいませ: <span class="fs12"><v:shape> <o:column> <b:Xl> ![endif]></span> Flash,Javascript,ActiveX、動画、音声ファイルの埋め込みは利用ができません.これらの利用が出来るときっとメールはより見栄えが良くなるかもしれません。 しかしセキュリティソフトによって上記のファイルはブロックされてしまいます。 動画や音声ファイルなどはランディングページやメールのリンク先に使うようにしましょう。 画像のリンク先URLの入力を確認しましょう. 画像のリンク先に問題があるケースが多いようです。 これまでカスタマーサポートに寄せられたご相談には、画像のリンク先をご自分のパソコンのハードディスクと設定してしまっているケースが多々ありました相対URL(ご利用いただけません): <a href="lastpage.htm"> </a> ご自分のパソコンのローカルサイトへリンクが設定されている、もしくはウェブサイト上の相対位置へのリンクはご利用になれません 絶対URL(ご利用いただけます): <a href="http://www.microsoft.com/"> </a> ワールドワイドウェブ上の稼働中のウェブページへのリンク。 この形式は有効となります 少なくともYahoo!、Gmail、Hotmail等3~4つのメーラーでの表示を確認しましょう,メールのレイアウトがミスなく表示されていないかを確認するためです。 必ずテストメールを、作成した無料メールアカウントへ送信し、画像の表示、リンクが機能しているか、色の変更は見込み通りかどうかを確かめましょう。 メーラーによって無効となってしまうFormコードの使用を避けましょう メーラーの対応外のインラインフレームの運用は控えましょう     >>「メール作成:編集操作」のまとめページに戻る

テンプレート&メールエディタ 3月 20, 2019

グリーティング機能について

  「グリーディング挿入」機能を使うことで、個人に宛てたグリーティング/挨拶を添えることができます。 登録されているコンタクトの姓、名、もしくはフルネームをメール内に表示できます。 またコンタクト情報が登録されていない場合に、代替文を表示させることも可能です。 グリーティングを追加するには  メッセージを入力したいブロックをクリック  ブロック内にてメッセージを加えたい場所をクリック  右上のメニューをクリック。注)「メニュー」内の項目はブラウザのウィンドウサイズによって変わります。ウィンドウが小さくなる分、表示しきれないメニューがこの中に収納されます。  ポップアップ内挿入機能をクリック  グリーティング挿入を選択  メイングリーティングで挨拶を入力し、表示したいコンタクト項目を選択します。  上記の選択された連絡先属性に値がない場合、代替挨拶が適用されます。  ブロック内のグリーティングを設定するには、「更新」をクリックします。  [保存]ボタンをクリックして、変更内容をメールに保存します。  グリーティングの表示方法をプレビューして確認できるようになりました。 ノート: カスタムHTMLでグリーティングを使用する場合、タグは次の通りとなります。 [Greeting:pretext="Dear" field="F" alttext="Hello"] "pretext"がメッセージとして表示される箇所となります。 "field"は表示するコンタクト情報を指定する箇所です。 "F" = 名 "L" = 姓 "FL" = 名 + 姓 Alttextはコンタクト情報が登録されていない方への代替文となります。 その他の項目を使用してメールをパーソナライズしたい場合は、こちらのFAQを参照下さい: 受信者の名前をメールに差込することはできますか?パーソナライズ機能について ご不明な点がございましたらこちらよりサポートへご連絡下さいませ。   >>「メール作成:編集操作」のまとめページに戻る

テンプレート&メールエディタ 6月 10, 2019

アンカーリンクをHTMLコード編集で付け加える方法

アンカーリンク機能を利用することで、メール内の特定の箇所を表示することができます。こちらはHTMLコードを編集することによって使用することも可能です。 HTMLに関する知識が必要となりますので、ご注意ください 表示したい箇所へのリンクを作成する前に、メールのセクションごとに名前を設定してください。 アンカーリンク挿入の手順: アンカーを設置し表示したいブロックの編集アイコン  をクリック . 画面左下、『コード参照』をクリック Name要素をアンカーとして付け加えましょう 以下例: <a name="disc">This Week's Discounts</a> 保存&閉じるをクリック ブロック編集が終了したら保存をクリック 次に、アンカーリンクを設置したいブロックの編集アイコン をクリック 画面左のコード参照をクリック タグに#と先ほど設定した名前を加えて、以下例のようにアンカーリンクを作成します: <a href="#disc">discounts</a> 保存&閉じるをクリック. ブロックの編集が終了したら保存をクリック すべての編集が終了したら画面上部の更新ボタンをクリックして保存してください。プレビュー画面を表示し、挿入したコードが機能しているのか確認を行ってください。  

よくある質問 9月 6, 2019