サポートページ aero-right 画像

画像ギャラリーについて

画像ギャラリーは、Benchmark Emailのアカウントをお持ちのすべての方に提供する画像ホスティングサービスです。 無料アカウントでは10MB、有料のアカウントでは最大10GBの画像保存容量を提供しています。 こちらの容量を超える場合には、月額1000円で無制限の画像ホスティングオプションを付けることが可能です。   アカウントに画像をアップロードした時点で、その画像の使用や複製をする際に禁止コンテンツを含まないことに同意したこととなります。   目次: 画像ギャラリーにアクセスする方法 対応しているファイル形式と最大サイズ メールに最適な画像サイズと大きさ ランディングページに最適な画像サイズと大きさ 画像のサイズと大きさを確認する方法 推奨事項   画像ギャラリーにアクセスする方法   ご自身のアカウントの画像ギャラリーにアクセスするには2通りの方法があります。 <アカウントメニューから> 1. Benchmark Emailアカウントにログインし、画面右上の「アカウント名」をクリックします。 2. 「画像ギャラリー」を選択します。   <メールまたはランディングページの編集画面から> 編集画面から画像ギャラリーへのアクセスが可能で、メールやランディングページに画像を追加することができます。登録フォームエディタからもこのオプションをご利用になれます。 1. 本文&デザインより画像ブロックをクリックをすると、画像ギャラリーが開きます。 2. また、テキストブロックからもアクセス可能です。テキストブロックをクリックすると、上部にメニューバーが表示されます。画像アイコンをクリックすると、画像ギャラリーが開きます。 トップに戻る   対応しているファイル形式と最大サイズ   対応ファイル形式は jpg、jpeg、gif、pngの4種類となり、最大5MBの画像がアップロードが可能です。ファイルサイズが500KB以上かつ辺が640px以上の画像は、自動的に圧縮されたうえでアップロードされます。 .jpeg (specifically RGB JPEG) .png .gif JPEG PNG GIF 高画質のままで利用することが可能なファイル形式です。沢山の色を用いた画像や写真に対して適しています。 背景を透過する事が出来たりと、ロゴの挿入などに適しています。 最大256色まで用いGIF動画を挿入することが可能です。背景透過にも対応しています。 トップに戻る   メールに最適な画像のサイズと大きさ   メールのレイアウトは1〜3カラムで構成されています。画像のサイズ調整はメール内のカラム数によって異なります。 Benchmark Emailのメールテンプレートは、横幅600px を基準としています。 以下の例は、画像を配置するカラムによって、各画像に使用すべき最小の横幅をピクセル単位で表示しています。   Benchmark Emailでは、640pxの画像の使用をお勧めしております。それ以上の画像を使いたい場合は、1200px以下に収めて下さい。このサイズであれば、自動的にメールテンプレートに収まるように画像が調整されます。また、幅が広い方がどのデバイスやメールソフトでもきれいに表示されます。 画像の高さに制限はありませんが、受信トレイで画像が切り取られる可能性があるので、1728px以下にすることをお勧めします。 また、画像の上下・サイドの空白枠はオプションで、 0 〜 20pxの範囲で設定が可能です。 大きい画像を使用する必要はありますか? いいえ、メールに大きい画像を使用する必要はありません。以下の理由により、画像を制限内のサイズにすることをお勧めします: メールのサイズを小さくすることで、画像が切り取られるのを避けることができます。 メールがより早くダウンロードされるようになります。 コンタクトがメールを開封するのに不必要なドライブスペースを使用しなくて済みます。 トップに戻る   ランディングページに最適な画像サイズと大きさ   ランディングページのテンプレートの横幅は1200pxに設定されており、1〜4カラムに分けてデザインすることができます。 ランディングページはメールと違って受信トレイのガイドラインに従う必要がないため、デザインの自由度が高いです。例えば、背景画像、アニメーションや動画、大きな画像などを使用することができます。   ただし、画像のサイズには注意が必要です。大きな画像ファイルはランディングページの読み込みを遅くする原因となるからです。   ランディングページはレスポンシブ対応ですので、画面のサイズに合わせて画像とコンテンツが調整されます。しかし、画像が小さすぎると画面に合わせて画像が引き延ばされる可能性があります。これを避けるには、最小サイズ以上の画像を挿入するようにしましょう。 ランディングページに使用できる画像の最小サイズは、以下の通りです。 また、画像周りの空白枠はオプションで、0〜100pxの範囲で設定できます。 重要: 10人中7人のユーザーは、読み込みに5秒以上かかるランディングページは閉じる傾向にあります。そのため、Benchmark Emailでは画像ギャラリーにアップロードされた全ての画像を最適化します。画像の横幅を確保するため、横幅は1200px、画像のサイズは50 KB以下にしてください。 画像を配置するカラムサイズより小さい横幅の画像を使用しようとすると、画像がスペース全体に収まらなくなりますので、ご注意ください。   トップに戻る   画像のサイズと大きさを確認する方法   画像のサイズと大きさを確認するには、以下の手順に従ってください: パソコン上で確認する方法: 1. 確認したい画像または画像ファイル名にカーソルを合わせて、右クリックします。 2. メニューから「情報を見る」(Mac)、または「プロパティ」(Windows)を選択します。Windowsユーザーは、その後「詳細」または「概要」タブをクリックする必要があります。タブはオペレーティングシステムによって異なります。 3. ポップアップ画面が表示され、サイズと大きさを確認することができます。 グーグルで確認する方法: 1. グーグルの画像検索から、確認したい画像をクリックします。 2. 右に画像が表示されますので、画像の上にカーソルを合わせてください。画像の左下に黒枠の白字で正確な大きさが表示されます。 元の画像が5MBまたは1200pxの幅より大きく、プロの画像エディタに詳しくない方は、無料で画像のサイズを変更できるadobe sparkをご利用ください。 トップに戻る   推奨事項:   無料アカウントのユーザーは、アカウントのアップグレードをすることなく、月額1000円で無制限の画像ホスティングのオプションをつけることができます。 画像ギャラリーにアップロードされる50KB以下の画像は変更されませんが、500KBを超える画像は圧縮されます。 最高の到達率を得るため、Benchmark Emailでは200KB以下の画像ファイルを推奨しております。 5MB以上の画像はアップロードできません。 カラーモードをCMYKで保存したJPEG画像は、サポート対象外です。 トップに戻る   ご不明な点がございましたら、サポートまでご連絡ください。     >>「メール作成:編集操作」のまとめページに戻る

画像ギャラリー 3月 9, 2022

挿入した画像がうまく表示されないのはなぜですか?

Benchmark Emailで作成したメール内に挿入した画像が表示されない場合には、大きく分けて2つの理由があります。 メールを作成する側に原因がある場合 メールの受信側に原因がある場合 メールを作成する側に原因がある場合 HTMLメールで画像を挿入する場合、画像の指定方法として絶対パス(特有の画像URL)を利用しなければなりません。挿入画像はメール自体に添付・埋め込みされているのではなく、メールを開封すると画像がアップロード先のサーバーから読み込まれることにより表示される仕組みになっています。画像は常に特定のサーバーにアップロードされており、メールが開封される度にダウンロードされています。 Benchmark Emailでメールを作成する際には以下の点をご確認下さい。 HTMLメール内で画像が表示されない理由の一例: サーバーから画像が削除され、指定されているパス先に画像が存在しない。 画像の指定方法として絶対パスが利用されていない。 無料画像ホストサイトより画像を読み込む設定をしている場合は、サイト側より読み込みのブロックをされている可能性があります。 メールの受信側に原因がある場合 メールプロバイダーで画像をあらかじめ非表示に設定している場合があり、表示する場合に設定し直す必要がある。 アクセス制限されている参照元から画像を参照している可能性がある。 ファイヤーウォールが画像表示をブロックしている可能性がある。 受信側が採用しているサーバーのシステムで、画像を表示させないように設定されている場合(Outlookなど)   画像表示の問題を防ぐためには、配信前に必ずテストメールを送信し、受信テスター機能をご利用ください。以下のFAQで受信テスターの詳細をご確認ください。 FAQ:受信テスターの目的と作成方法について 目次: 画像をアップロードできない 画像のサイズが変更される GIFが静止してしまう 画像が見れない ISPレンダリング問題 画像がぼやける、ピクセル化される 画像の色が異なる 画像の読み込みが遅い 背景に画像は使えますか? 画像1枚のみのメールは使えますか? 画像ギャラリーまたはホスティングサイトから画像を削除したらどうなりますか? 設置した複数の画像がうまく表示されない場合はどうしたらいいですか? Gmailでうまく画像が表示されない場合はどうしたらいいですか? その他の対策:ストックフォトや代替テキストの使用と正しい画像サイズや形式の使用   画像をアップロードできない 考えられる原因: 画像が大きすぎる アップロード可能な1枚あたりの画像のファイルサイズは最大5MBです。それ以上のサイズはアップロード不可です。 画像形式が対応していない Benchmark Emailでの対応ファイル形式は、 jpg、 jpeg、 gif、 pngの4種類です。詳しくは以下のFAQでご確認ください。 FAQ:対応しているファイル形式と最大サイズは? 特殊な文字や長いファイル名の場合、画像のアップロードができないことがあります。そのような場合は、エラーメッセージが表示されます。ファイル名を短くする、変更する、または特殊文字を削除してみてください。 それでも問題が解決しない場合は、キャッシュのクリア、または他のブラウザで画像のアップロードをお試しください。 FAQ:画像ギャラリーの利用と画像のアップロード方法について トップに戻る   画像のサイズが変更されてしまう 画像の横幅の推奨サイズは640ピクセルです。640×640ピクセル以上のサイズで500kbを超える画像は自動的に圧縮されます。この制限は受信トレイでの画像の表示問題の防止とメールのレスポンシブ対応のためです。Benchmark Emailエディタがアップロードされた画像のサイズと横幅を自動的に計り、画像サイズを変更するかどうか判断します。 5MB以上の画像はアップロードできません。また、圧縮もされません。 640ピクセル以上の画像を使用したい場合は、受信テスター機能を使ってメールで画像がどのように見えるかの確認が行えます。受信テスターについては、以下のFAQをご参照ください。   FAQ:受信テスターの目的と作成方法について トップに戻る   GIFが静止してしまう   考えられる原因: Benchmark Emailの画像エディタでGIFを編集している Benchmark Emailの画像エディタで編集すると、メールのレイアウトに挿入されたGIFは静止画像(jpeg.形式)に変更され、GIFの最初のフレームのみが表示されます。弊社のエディタはGIFファイルの編集はできない仕様となっております。GIFの編集をしたい場合は、あらかじめご自身のGIFエディタを使って編集して頂くことをお勧めしております。 GIFを編集した後、メール編集画面で元のGIFファイルを探します。画像変更オプションを使って、編集したGIFに置き換えてください。 GIFのサイズが200 KB以上 推奨のGIFサイズは200 KB以下です。500 KBまでのアップロードおよび送信は可能ですが、200 KBを超えると一部の受信側のメールソフトで静止画として表示されてしまうリスクが高くなります。また、500 KB以上のファイルは圧縮されます。圧縮されることにより、画質が悪くなることがあり、GIFの最初のフレームしか表示されないことがあります。50 KB以下のGIFファイルはそのまま変更されずに送信されます。 GIFの使用方法については、以下のブログ記事やFAQページをご覧ください。 ブログ記事:動くメルマガで売上アップも!GIF画像作成からメルマガ配信までを一挙ご紹介 FAQ:GIFアニメをメールに使用することはできますか? トップに戻る   受信トレイで画像が表示されない   考えられる原因: メールプロバイダーで画像があらかじめ非表示に設定されている: 一部のユーザーは、受信トレイの設定で画像をブロックすることができます。また、OutlookやYahooメールのようなISP(インターネットサービスプロバイダー)が初期設定で自動的に画像をブロックすることもあります。 送信側でコンタクトのメール受信設定を変更することはできないので、以下の対策を行うことをおすすめします: 1枚の画像のみのメールを使用しない。受信トレイで画像が表示されないだけでなく、リスクが高いメールと判断されて受信トレイに届かない可能性があります。 メール内の画像を説明するため、すべての画像に代替テキストを使用します。 メールにWebページ版リンクを入れる。購読者がウWebブラウザでメールを閲覧できるようにします。Webページ版リンクについては以下のFAQをご確認ください。 FAQ:Benchmark Emailで作成した配信メールのウェブページ版にアクセスするには? 購読者からメール内の画像が閲覧できないと連絡があった場合は、受信トレイの設定を確認するよう依頼してください。受信設定で画像を非表示にしていない場合は、以下に挙げる原因の可能性がありますので、ご確認ください。 ブラウザが画像をブロックしている コンタクトがブラウザ(ウェブメールクライアント)からメールを開封している場合、ブラウザが画像をブロックしている可能性があります。ブラウザの設定を確認する必要があります。 高度なファイアウォールまたは迷惑メールフィルター 一部のコンタクトは高度な迷惑メールフィルターまたはファイアウォールを使用していることがあります。その場合、コンタクトにBenchmark Emailのドメインを安全な送信リストに追加するよう勧めてください。詳しい内容については、以下のFAQをご確認ください。 FAQ:ホワイトリスト化についての詳しい解説 URLの破損とホスティングサービスの問題 URLを使って画像を挿入する場合は、必ずURL全体をコピー&ペーストしてください。URLの文字が1文字でも欠けていると、受信トレイに画像が表示されなくなります。 画像がBenchmark Email以外でホスティングされている場合は、その画像が無料サイトまたはプライベートサーバーでホスティングされていないことをご確認ください。一部のサイトでは期間限定で無料ホスティングを提供していますが、期間終了後は画像は削除され、購読者はメール内の画像を見ることができなくなります。また、プライベートサーバーで画像をホストしている場合は、画像を見るのにログイン認証が必要となることがあります。 対策として、信頼できるホスティングサービスを利用するか、Benchmark Emailの画像ギャラリーに画像をアップロードしてください。有料アカウントでは10GBまでの画像をアップロードすることができます。(無料トライアルアカウントでは10MBまで) 10GB以上の容量が必要な方は、月額1000円で画像ホスティングのオプションを別途ご購入頂きますと、無制限でアップロードが可能となります。詳細は以下のFAQをご確認ください。 FAQ:画像ギャラリーの容量の増やし方は? トップに戻る   ISPレンダリング問題   コンタクトが利用している受信トレイによっては、グラフィックのレンダリング問題が発生することがあります。ここでは、ISPで最も一般的なレンダリングの問題とその解決方法についてご説明します。 Outlook 1728ピクセルより大きい画像の場合、Outlookはその画像を切り取ったり歪ませたり、または削除したりすることがあります。1728ピクセル以上の高さの画像は避けてください。 Outlookのバージョンによっては、画像の周りのパディングやマージンが無視されることがあります。その場合、画像エディタを使って画像の一部としてパディングを追加することができます。 Outlookが画像の周りに余白を追加する可能性もあります。この問題を解決するには、メールのコンテンツを再編集し直し、修正されるのを確認するまでテストメールを送信することをお勧めします。 OutlookがHTMLコード内でサイズが変更された画像を認識しないことがあります。正しいサイズを使用して画像を挿入してください。 Gmail 102 KB以上のメールはGmailで切り取られる恐れがあります。この場合、Gmailが拡大オプションのリンクを追加します。しかし、Benchmark Emailではこの動作をコントロールすることができない上、何人のコンタクトがこの拡大オプションをクリックしたかも確認することはできません。 メールが切り取られてしまった場合、連絡先には以下のように表示されます。 メールが切り取られないようにするための対策は以下の通りです: コンテンツは簡潔にまとめましょう。より多くの情報を提供したい場合は、動画リンク、続きを読むリンクなどの挿入をお勧めします。CTAを利用して、コンタクトをランディングページに誘導しましょう。 独自のコンテンツを作成し、コピー&ペーストを避けます。コンテンツがオリジナルでユニークなものになります。また、コピー&ペーストで外部の隠されたHTMLコードをコピーしてしまい、メールの容量が大きくなることを避けることができます。貼り付けが必要な場合は、メールエディタの貼り付けオプションをご利用ください。 複数のメールキャンペーンに同じ件名を使わないでください。Gmailでは、同じ件名のメールがあるとグループ化される可能性があります。テスト用のメールと配信するキャンペーン用で必ず異なる件名を使用してください。   トップに戻る   画像がぼやける、ピクセル化されている   考えられる原因: 画像のサイズが変更されている 前述の通り、弊社のシステムで画像のサイズを変更するこ

画像ギャラリー 2月 17, 2022

画像ギャラリーの利用と画像のアップロード方法について

画像および画像ギャラリーの基本に関するまとめページです。 目次 画像ギャラリーとはなんですか? 画像ギャラリーへアクセスする方法は? 画像ギャラリーに画像をアップロードする方法は? 画像ギャラリー内の画像URLを取得する方法とは? 画像ブロック 画像グループブロック  画像カードブロック 画像キャプションブロック 複数の画像を並べて表示させる方法 モバイル版で画像を横並びにする方法(テキストブロックのみ可能) Webページより挿入したい画像のURLを取得する方法 取得した画像URLを使って、画像ギャラリーに画像を挿入する方法 画像を削除する方法 画像ギャラリー内のストックフォトとは? 対応しているファイル形式と最大サイズは? 最後に アカウントに画像をアップロードした時点で、その画像の使用や複製をする際に禁止コンテンツを含まないことに同意したこととなります。   画像ギャラリーとはなんですか? 画像ギャラリーは、Benchmark Emailがアカウントをお持ちのすべての方に提供する画像ホスティングサービスです。 無料アカウントでは10MB、有料のアカウントでは最大10GBの画像保存容量を提供しています。 こちらの容量を超える場合には、月額1000円で無制限の画像ホスティングオプションを付けることが可能です。 関連FAQ: 画像ギャラリーの容量の増やし方は? トップに戻る 画像ギャラリーへアクセスする方法は? ご自身のアカウントの画像ギャラリーにアクセスするには2通りの方法があります。 <アカウントメニューから> 1. Benchmark Emailアカウントにログインし、画面右上の「アカウント名」をクリックします。 2. 「画像ギャラリー」を選択します。 <メール編集画面から> 1. チェックリスト最下部の「本文&デザイン」または「編集」ボタンをクリックします。 2. メール編集画面より画像ブロックをダブルクリックをすると「画像ギャラリー」が開きます。 3. また、テキストブロックからもアクセス可能です。テキストブロックをクリックすると、上部にメニューバーが表示されます。「画像」アイコンをクリックし、画像ギャラリーを開きます。 注意点: ・500kb未満の画像は変更されずそのままアップロードされますが、640x640ピクセル以上のサイズの500kbを超える画像は圧縮されます。これはスペースを節約し、メール到達率を高めるためです。画質を保つためには200KB以下に抑えて頂くことをお勧めいたします。 ・アップロード可能な1枚あたりの画像サイズは最大5MBです。 ・メール内に画像を掲載する際、小さい容量であればあるほどスムーズに表示されるため画像の容量制限を設けています。 ・Benchmark Emailでは高い到達率実現のため、200KB以下の画像ファイルのご利用をお勧めしております。 ・サイズの大きい画像の場合、メールサービスプロバイダーによっては迷惑メールと判断する場合もある為、Benchmark Emailでは自動的に圧縮される形をとっています。 トップに戻る 画像ギャラリーに画像をアップロードする方法は?   1. ダッシュボードの右上の「アカウント名」をクリックし、「画像ギャラリー」を選択します。 2. 画像ギャラリーのウィンドウ内に画像ファイルをドラッグ&ドロップするだけで、画像がアップロードされます。 3. パソコンから画像をアップロードしたい場合は、画像ギャラリーの右上の「ファイルを追加」をクリックし、グレーボックス内の「ファイルの検索」をクリックしてください。 画像ギャラリーにアップロードされた画像は、画像ブロックを使ってメールに挿入することができます。 1. 挿入したい画像のブロックをメール本文にドラッグ&ドロップします。 2. ブロックをダブルクリックすると、「画像ギャラリー」に移動します。 3. アップロードした画像を選択し、「挿入」ボタンをクリックします。 注意点: ・ファイル名に日本語、「&」や「×」などの記号を使用しないようにしてください。記号は「 _ 」アンダーバーなどで代替ください。 誤ったファイル名:M&FS55×127.png 正しいファイル名:M_FS55_127.png ・カラーモードはRGB形式の画像のみアップロード可能です。CMYK形式の画像はアップロードはできませんので、RGB形式に変換の上アップロードをお願いします。 トップに戻る 画像ギャラリー内の画像URLを取得する方法とは? 画像ギャラリーに一度アップロードした画像のURLを取得する方法は以下の通りです。 1.  ダッシュボードの右上の「アカウント名」をクリックします。 2.  「画像ギャラリー」をクリックします。 3.  URLを取得したい画像のアイコンをクリックし、「URLをコピー」を選択します。 4. または「プレビュー」を選択し、アドレスバーよりURLをコピーします。 トップに戻る   画像ブロック 画像ギャラリーにアップロードされた画像は、画像ブロックを使ってメールに挿入することができます。メール編集中に画像をドラッグ&ドロップして挿入できます。 1. 「画像ブロック」をクリックし、メール本文内にドラッグ&ドロップします。 2. ブロックをダブルクリックすると、「画像ギャラリー」に移動します。 3. アップロードした画像を選択し、「挿入」ボタンをクリックします。 4. 画像ブロックに直接画像をドラッグ&ドロップ、または「ファイルの検索」をクリックし、画像ギャラリーから画像を選択することもできます。 5. 画像をパソコンからアップロードする場合は「ファイルの検索」をクリックしてください。 6. 「保存&閉じる」をクリックします。 7. 画像を編集するには、メール本文内の画像をクリックし、画面左のオプションをご利用ください。 <おすすめのデザイン> 背景なしの画像を使うことで立体感を演出できます。 他のブロックで挿入した画像と同じ背景色を使うことで洗練されたデザインに仕上がります。 トップに戻る   画像グループブロック 画像を2つから最大5つまで並べて挿入することが可能です。 1. 「画像グループブロック」をクリックし、メール本文にドラッグします。 2. 画像を直接ブロックにドラッグ&ドロップで挿入します。もしくは画像ギャラリーから画像を選択するか、「ファイルの検索」をクリックし、パソコンから画像をギャラリーにアップロードして画像を挿入します。 3. 初期設定では、画像を2つ挿入できるようになっています。  a. 画面左のコンテンツタブでアイコンまたは「グループに画像を追加」をクリックすると、画像の追加が可能です。  b. 垂直または水平の位置に画像のレイアウトを変更することができます。  c. 画像と画像の間隔を変更することが可能です。 4. 「保存&閉じる」ボタンをクリックします。 <おすすめのデザイン> レストランやお店のギャラリーを作成するのに最適なブロックです。お店の魅力を最大限に表現することができ、読者の興味を引くことができます。 トップに戻る   画像カードブロック 挿入した画像と同じ枠内にテキストを入力をする事が可能です。 1. 画像カードブロックをクリックし、メール本文内にドラッグします。 2. 画像を直接ブロックにドラッグ&ドロップするか、画像ギャラリーより画像を選択または「ファイルの検索」でパソコンから画像をアップロードして挿入してください。 3. 初期設定では2つのセクションが表示されます。 ・テキストを追加し、位置を選択します。テキストは短くするか画像のサイズに合った長さにすることをお勧めします。 ・画像表示で端揃えしたい場合は、チェックボックスにチェックします。 ・設定タブで空白枠、背景色とボーダーを選択します。 4. 「保存&閉じる」をクリックします。 <おすすめのデザイン> 販売促進にご利用できるデザインで商品をより魅力的に見せることができます。 ブログ記事の紹介をしたい時など見やすいメールに仕上がります。 項目を綺麗に分けることができるので、読者のCTAを促します。 トップに戻る 画像キャプションブロック 画像内にテキストを入れることができます。画像カードブロックとの違いは、入力するテキストの枠がないためお好みでテキストの入力枠を編集する事が可能です。 1. 「画像キャプションブロック」をクリックし、メール本文内にドラッグ&ドロップします。テキストの位置は右、左、最下部のいずれか選択できます。 2. 画像ブロックに画像を直接ドラッグ&ドロップ、もしくは「ファイルの検索」をクリックします。また、画像ギャラリーから画像を選択します。 3. 初期設定では、画像は2つ挿入できるようになっています。 2つのタブを使用し、以下のような編集が可能です。 「コンテンツ」タブ テキストの追加や位置(トップ、左、右、または最下部いずれか)を選択できます。画像のサイズに合ったテキストの長さが最適表示となります。 画像は3枚までブロックに追加可能です。 位置調整やテキストの行間も設定できます。 「設定」タブ 背景色およびサイド・上下の空白枠の調整が可能です。 4. 「保存&閉じる」ボタンをクリックします。 <おすすめのデザイン> 以下のように画像を3つ並べて最下部にテキストを配置することですっきりして見やすいデザインになります。 画像を1つ挿入し、最下部にテキストを配置します。その下にソーシャルフォローブロックを挿入し、画像キャプションブロックと同背景色にすることでまとまりのあるデザインになります。 以下のように画像キャプションブロックに2つの画像を挿入し、テキストをそれぞれ右と左に配置することもできます。 挿入した画像をクリックすると、画面左に「画像変更」「編集」「リンクURL」のオプションが表示されます。また、画像の位置調整や背景色、ボーダーや空白枠の設定も可能です。位置調整についての詳細は以下のFAQをご確認ください。 FAQ:画像の位置調整・枠を編集する方法 トップに戻る   複数の画像を並べて表示させる方法 以下のブロックを使って複数の画像を並べて表示させることができますので、各ブロックの項目をご参照くださいませ。 画像グループブロック 画像キャプションブロック   トップに戻る     モバイル版で画像を横並びにする方法 画像ブロックを使って画像を横並びに挿入しても、モバイル版では縦並びに表示されます。 モバイル版でも横並びに表示させたい場合は、テキストブロックを使って画像を挿入し、それを横並びに固定することができます。 以下の手順に従ってください。 1.  編集画面でテキストブロックを本文の任意の場所にドラッグ&ドロップします。 2. 画面左のコンテンツタブの「コラム数」でドロップダウンメニューから「2」を選択します。 3. スクロールダウンし、オプション「モバイルレイアウト」で「コンテンツを横並びに固定」を選択します。 4. 「保存&閉じる」ボタンをクリックします。 5. テキストブロック内のコラム毎にお好きな画像を挿入します。 6. 画像を挿入するには、上部メニューバーの画像アイコンをクリックします。 7. 画像ギャラリーから画像の選択、またはパソコンから画像をアップロードして「挿入」ボタンをします。 *テキストブロックですので、画像の下にそのままテキストやテキストリンクを入れることも可能です。 8. 「保存&閉じる」ボタンをクリックします。 9. 最後に、「プレビュー」ボタンをクリックし、モバイル版でも横並びになっているか確認して完了です。 トップに戻る Webページより挿入したい画像のURLを取得する方法 ブラウザ毎に取得方法は多少

画像ギャラリー 12月 1, 2021

GIFアニメをメールに使用することはできますか?

メールにGIF画像を利用することは可能です。 Benchmark EmailにGIFをアップロードする際は以下の点に気をつけてください。 データサイズは500 KB以下 横幅は600px以下 上記のサイズ規格を超えるものは弊社システムにより自動的に圧縮され、その過程で通常の画像として保存・挿入されます。 なお、500KBまでのアップロードおよび送信は可能ですが、推奨サイズは200KB以下です。200KBを超えると、一部の受信側のメールソフトで静止画として表示されてしまうリスクが高くなります。 目次: 画像ギャラリーにGIF画像をアップロードして、メールにGIFを挿入する方法 GIF画像のURLを使って、メールにGIFを挿入する方法 Benchmark Emailのアカウント上でGIF画像のURLを取得するにはどうすれば良いですか? GIFアニメをメールに挿入する方法は、2つあります。1つ目は、画像ギャラリーにGIF画像をアップロードして行う方法、2つ目はGIF画像のURLを使って行う方法です。以下、順にご説明いたします。 画像ギャラリーにGIF画像をアップロードして、メールにGIFを挿入する方法 1. Benchmark Emailにログインし、アカウント名をクリックします。 2. 画像ギャラリーを選択します。 3. 右上の「ファイルを追加」ボタンをクリックします。 4. ウィンドウ内に画像ファイルをドロップまたはファイルの検索をクリックします。 以上で画像ギャラリーへのGIFアップロード完了です。 画像ギャラリーにアップロードしたGIF画像は、メールエディタで画像ブロックを選択することで挿入できます。 GIF画像のURLを使って、メールにGIFを挿入する方法 1. メール編集画面で、画像ブロックをお好きなセクションにドラッグします。 2. 挿入した画像ブロック(画像をアップロード)をクリックします。 3. 画面右上の画像URLをクリックし、ボックス内にGIFのURLを貼り付けます。 4. 「挿入」ボタンをクリックすると、自動的にGIFが画像ブロックに挿入されます。 5. 設定タブよりGIFの背景色を変更したり、コンテンツタブより位置を調整することも可能です。 6. 完了後は「保存&閉じる」ボタンをクリックします。   Benchmark Emailのアカウント上でGIF画像のURLを取得するにはどうすれば良いですか? ドキュメントライブラリーにGIFをアップロードすることで、URLの取得が可能です。手順は以下の通りです。 まず、ドラッグ&ドロップエディタでGIFをドキュメントライブラリにアップロードします。 1. メール本文内に任意のブロックをドラッグします。(ここではテキストブロックを使用) 2. 上部にツールバーが表示されますので、リンクの挿入アイコンをクリックします。 3. リンクの挿入設定画面が開きますので、+ファイルを添付をクリックします。 4. ドキュメントライブラリが開きますので、任意のGIFをアップロードします。 次に、アップロードしたGIFのURLを取得します。 1. テキストブロックを再度クリックします。 2. 上部のメニューバーよりリンク挿入アイコンをクリックし、+ファイルを添付をクリックします。 3. 先ほどアップロードしたGIFを探し、「挿入」をクリックします。 4. 再度リンク挿入アイコンをクリックすると、ウェブサイトURLにGIFのURLが表示されます。 5. このURLをコピーし、画像ギャラリーの画像URL部分に貼り付けて、GIFを画像ブロックに挿入します。   GIF画像のご利用に関する詳細は以下のブログ記事をご参照ください。 ブログ: 動くメルマガで売上アップも!GIF画像作成からメルマガ配信までを一挙ご紹介 注意点 ・Benchmark Email の画像エディタではGIFの編集は不可となっております。 ・画像URLでGIFを挿入する場合、URLホスト先のサーバーから削除されるとGIFは無効になります。 ・Outlookの一部のバージョンはGIFサポートがないため、最初の画像が静止画として表示されることがあります。 ご不明な点がございましたらこちらよりサポートへご連絡下さいませ。     >>「メール作成:編集操作」のまとめページに戻る

画像ギャラリー 6月 10, 2021

メールにリンクを挿入する方法(文字・画像・動画・SNSアイコンなど)

メールにリンクを挿入することで、購読者をウェブサイトやソーシャルメディアに送客したり、アンケート回答を促すことができます。また、動画のリンクを共有することも可能です。 ここでは、Benchmark Emailでご利用可能なリンクと挿入方法をご説明します。用途に応じたリンクの挿入を行い、エンゲージメントの向上にお役立てください。 目次 ウェブアドレス(URL)を挿入する方法 メールアドレスを挿入する方法 電話番号を挿入する方法 アンカーを挿入する方法 アンケートを挿入する方法 画像にリンクを挿入する方法 動画にリンクを挿入する方法 ソーシャルブロックを使ってリンクを挿入する方法 ソーシャルメディア(SNS)のアイコンを挿入する方法 挿入したSNSアイコンにリンクを挿入する方法 Facebookの「いいね!」ボタンを挿入する方法 ボタンブロックを使ってリンク(CTAボタン)を挿入する方法 ご注意:テキストブロックを編集する際にTinyMCEロゴが表示されますが、配信されるメールには表示されることはありませんのでご安心ください。TinyMCEはドラッグ&ドロップの動作をより早く優れたものにするため、弊社が利用している第三者企業です。 重要:リンクの挿入は、メールを作成する際のチェックリスト項目「本文&デザイン」の編集画面より行います。   ウェブアドレス(URL)を挿入する方法 1. ウェブアドレスを挿入したいブロックをクリックします。テキストブロックでテキストリンクを使う場合は、以下のようにURLを貼り付けたいテキストをハイライトします。(テキストリンクとは文字列に設定されたハイパーリンクのことです。) 2. ハイライトした状態で、上部のメニューバーよりリンクの挿入アイコンをクリックします。 3. ポップアップ画面が表示されます。リンクタイプでウェブアドレスを選択し、ウェブサイトURLを入力します。 4. 完了しましたら、「挿入」ボタンをクリックします。 5. リンクを取り消したい場合は、設置したリンクをクリックし、削除アイコンをクリックしてください。 トップに戻る   メールアドレスリンクを挿入する方法 上記(3)で、リンクタイプでメールアドレスを選択し、任意のメールアドレスを入力してください。 購読者が追加したメールアドレスのリンクをクリックすると、既定のメールソフトが起動します。リンク先として選択した「メールアドレス」が送信先フィールドに入力されます。設定後、プレビューやテストメール で設定に成功したかをご確認ください。 なお、メールアドレスリンク設定の際に、デフォルトの件名も設定する方法はこちらをご参照下さい。   トップに戻る   電話番号を挿入する方法 上記(3)で、リンクタイプで電話番号を選択し、電話番号を入力します。 電話番号はクリックすることで電話をかけることができるようになります。(受信端末によってこの機能の利用が可能かどうかは異なります) 注意:メールアドレスと電話番号はトラッキングする事が出来ない事から、レポートへは反映されません。 トップに戻る   アンカーリンクを挿入する方法 まず、アンカー(遷移先)を作成し、アンカーリンクの挿入を行います。詳しくは、以下のFAQをご覧ください。 FAQ:メール内任意の場所へアンカーリンクを指定することはできますか? トップに戻る   アンケートリンクを挿入する方法 作成済みのアンケートは、ドラッグ&ドロップエディタ上で回答ページURLの呼び出しができます。 1. アンケートを作成し、稼働している事を確認します。 2. 編集画面でアンケートを追加したいブロックをクリックします。 3. 右上の「メニュー」をクリックします。 4. 「挿入機能」から「アンケート」を選択します。 5. リンク名にリンクに表示される文章を入力し、リンクしたいアンケート名をドロップダウンから選択します。 6. 「挿入」をクリックします。 7. ブロックメニューの「保存&閉じる」をクリックします。 トップに戻る   画像にリンクを挿入する方法 メールの別のセクション、ランディングページ(アンカー)、またはウェブサイトのリンクを画像に挿入することが可能です。また、ソーシャルメディア、WhatsApp、メールアドレス、電話番号やドキュメントのリンクも画像に挿入できます。 1. メール編集画面で、画像ブロックを選択し本文にドラッグ&ドロップします。 2. 画像を画像ギャラリーにアップロードする、または既存の画像を選択します。 3. 挿入した画像をクリックし、画面左のパネルから「リンクURL」をクリック、またはリンクの挿入アイコンをクリックします。 4. リンクの挿入ポップアップ画面にて、任意のリンクタイプを選択し、URLを入力します。 5. 「挿入」ボタンをクリックして完了です。 画像ブロックの種類や画像ギャラリーの詳細については以下のFAQをご覧ください。 FAQ:画像ギャラリーの利用と画像のアップロード方法について トップに戻る   動画にリンクを挿入する方法 詳しくは、以下のFAQをご覧ください。 FAQ:メールやランディングページに動画を挿入する方法 トップに戻る   ソーシャルブロックを使ってリンクを挿入する方法 使用する2つのブロックの違いについての説明は以下の通りです。 ソーシャルシェアブロック:購読者のソーシャルメディアページに遷移します。購読者にメルマガのコンテンツをシェアして欲しい場合、最適な方法です。 ソーシャルメディア/フォローブロック:配信者のソーシャルメディアページに遷移します。購読者をソーシャルネットワークに誘導したい場合にお使い頂けます。 また、訪問者が好きなソーシャルメディアをクリックし、いいね!をしたり、お気に入りに追加することができます。以下はご利用可能なソーシャルメディアです: Facebook Twitter LinkedIn YouTube WhatsApp Telegram Pinterest ウェブサイト(個人または企業のサイトのURL) Subscribe to(訪問者が問い合わせする際に使用するメールアドレス)) RSS Vimeo Instagram Soundcloud Tumblr MySpace Slideshare Flickr Yelp Trip Advisor Blogger Snapchat Reddit ソーシャルシェアブロック 挿入可能なソーシャルメディアサービスは以下の通りです: Facebook Twitter LinkedIn MySpace Instapaper 1. ソーシャルシェアブロックを選択し、メール本文の任意の場所にドラッグ&ドロップ 2. サービスを追加するには、ブロックをワンクリックし、ドロップダウンメニューより任意のサービスを選択 3. 右脇のプラスアイコン「+」をクリックすると、選択されたソーシャルサービスのアイコンが本文に追加されます。 注意: リンクの挿入は必要ございません。アイコンをクリックすると、購読者自身のソーシャルメディアページに遷移します。コンテンツタブでデザインの変更などは可能です。 アイコンの文言(テキスト)を変更する方法 初期設定の文言は「Share」となっていますが、任意のテキストやカラーに変更することが可能です。 1. 挿入したソーシャルシェアブロックをワンクリックボタンをクリック 2. 左にメニューが表示されますので、ボタンテキスト内に任意の文言を入力(ボタンカラーや角丸の調整もこちらで編集可能) 3. 完了後、「保存」ボタンをクリック 4. 「保存&閉じる」ボタンをクリックして完了です。 ソーシャルメディア/フォローブロック メールにソーシャルメディアアイコンを挿入することで、購読者にアイコンをクリックして頂き、「いいね!」やお気に入りへの追加を促すことができます。 以下はご利用可能なソーシャルメディアです: Facebook Twitter LinkedIn YouTube WhatsApp Telegram Pinterest ウェブサイト(個人または企業のサイトのURL) Subscribe to Email(訪問者が問い合わせする際に使用するメールアドレス) RSS Vimeo Instagram Soundcloud Tumblr MySpace Slideshare Flickr Yelp Trip Advisor Blogger Snapchat Reddit トップに戻る     ソーシャルメディア(SNS)のアイコンを挿入する方法   デフォルトのレイアウトで作成を始めた場合は、初めから最下部にソーシャルメディアブロックが挿入されていますので、そちらをお使いいただけます。 1. 画面左に表示されるブロック一覧からソーシャルメディアブロックを右側へドラッグ&ドロップしてください。 2. 設置したいソーシャルメディアサービスのボタンを追加します。ソーシャルメディアブロックをワンクリックします。 3. 左側メニューのコンテンツタブより、「その他のサービスを追加する」から任意のサービスを選択します。 4. 右脇の+アイコンをクリックすると、アイコンが本文に追加されます。 5. 追加されたアイコンをクリックすると、左に新しいページが表示されます。 6.ソーシャルページ情報を追加します。サービスによって入力する項目が異なります。 入力項目の例:ソーシャルメディアのリンクURL、ユーザー名、メールアドレスや電話番号など。 また、アイコンの外枠や色、角の角度も編集可能です。 なお、不要なアイコンの消去・並べ替えを行う場合は、各アイコンにカーソルを合わせます。表示される「ゴミ箱ボタン」で消去、「十字ボタン」でアイコンの移動が可能です。   トップに戻る     挿入したSNSアイコンにリンクを挿入する方法 ソーシャルメディアサイトを利用する人はどんどん増えてきています。メールにTwitterやFacebook、LinkedInページのリンクを挿入することで消費者の注意を引くことができ、コンタクト数の増加にもつながります。 1. 挿入したアイコンをクリックします。 2. リンクURLと表示されたボックス内に遷移先のアドレスを入力します。 3. アイコンの色やボーダー(外枠の色)を編集することが可能です。 4. アイコンの形は初期設定では四角形ですが、角の角度を調整することでアイコンに丸みをつけることもできます。   トップに戻る     Facebookの「いいね!」ボタンをメールに挿入する方法 Benchmark EmailとFacebookのアカウントが連携している場合、Facebookの「いいね!」ボタンをメール上に表示することもできます。以下の手順に従ってください。 1. ダッシュボードのメールをクリックし、編集したいメールをクリックします。 2. メール作成チェックリストの中から、「本文&デザイン」の項目の編集ボタンをクリックします。 3. 左のブロックメニューからテキストブロックをドラッグし、任意の場所にドロップします。すでに挿入済みの場合は、「いいね!」ボタンを入れたいテキストブロックを選択します。 4. 右上の「メニュー」>「挿入機能」をクリックし、ドロップダウンより「Facebookいいねボタン」を選択します。 5. ボックス内にはタグの[fb_like]と表示されますが、プレビューボタンをクリックして実際のボタンをご確認いただけます。 *テキストブロックだけでなく画像キャプションブロックなどテキストが入力できるブロックであれば、いいね!ボタンを挿入することができ

ドラッグ&ドロップエディタ 2月 3, 2022

メール作成時の注意点とは?

メール作成時には以下の点に注意するようにしましょう。 画像サイズについて 画像だけのメールは送らない 点線は使わない URLはそのまま使用しない 短縮URLは使わない メールの件名 メールの文字数制限について   画像サイズについて 一般的に、大きなサイズの画像を使うとメール容量も大きくなり、表示の問題が発生することがあります。そのため画像は640px以内、容量は200KB以内に収めることが勧められています。 Benchmark Emailの画像ギャラリーへアップロードを行う場合は、自動的に適正サイズに収まるように画像が調整されますのでご安心ください。詳しくはこちらをご覧ください。 FAQ:メールに最適な画像のサイズと大きさ   画像だけのメールは送らない 画像を用いる場合、テキストと画像の割合は7:3ほどでメールを作成しましょう。 画像のみのメールは迷惑メールで多く使われているため、ブロックされる可能性がある。 配信時にエラーが起こらずとも、自動的に迷惑メールフォルダへ格納される可能性がある。 画像のみのメールは、迷惑メールと認識されたり、配信エラーとなる可能性が通常のメールと比較して高い。 受信側が画像を表示させない設定にしている場合、空白のメールが表示されてしまう。その場合、内容が記入されていない記入されていないメールと認識され、迷惑メールと判断される可能性がある。   点線は使わない Benchmark Emailで作ったメールはモバイル端末上でもきれいに閲覧できる仕様になっておりますが、点線などは使用しないようにしましょう。 記号が連続している場合(・・・・・・・・やーーーーーー)は、メールの横幅が無理やり引き延ばされてしまいレイアウトが崩れる直接的な原因となります。 メールに区切り線を入れる場合は「区切り線/スペースブロック」を使いましょう。区切り線ブロックの挿入方法やブロック周りの余白を調整する方法については、以下のFAQをご確認ください。 FAQ:ドラッグ&ドロップエディタでブロック間の空白や区切り線を追加する方法 URLはそのまま使用しない URLをそのまま貼り付けることは下記のリスクを伴います。 レイアウトが横に引き伸ばされて崩れる 迷惑メールと認識される このようなリスクを避けるために、ハイパーリンク機能を活用しましょう。 画像やボタンにリンクを埋め込むとクリック率の向上が期待できます。   短縮URLは基本的に使わない 4への補足ですが、ハイパーリンクを使ってもURLから遷移先を特定できない短縮URLやドメイン評価の低い短縮URLはご利用頂けません。 例:bit.ly/ ~など メール内に含まれている場合、迷惑メールとして認識されてしまうことがあります。 **独自ドメインを使用している場合は、迷惑メールと判定される原因にはなりませんので、使用可能です。 以上の点に注意して、メールを作成してみましょう!   メールの件名 法律により、件名の内容にかかる制限があります。 CAN-SPAM法(2003)では、件名はメール内容を正確に表すものと定められています。購読者を騙してメールを開封させるような内容であってはなりません。例えば、ある条件下にある購入と共に無料プレゼントを提供する場合、件名にただ「○○○無料プレゼント」と表示するのではなく、共に発生する条件があることを明確に示す必要があります。適切な件名の例: 「1万円でニューヨーク7日間(タイムシェア契約必須)」 「無制限ダウンロード(料金自動引き落とし契約特典)」 「60日間無利子(特定条件を満たすお客様のみ)」 「ヨーロッパへのフライトが¥15,900(制限あり)」 Benchmark EmailはCAN-SPAM法に忠実に従い、アンチスパムポリシーを導入しています。 詳しくは以下のFAQをご覧ください。 FAQ:CAN-SPAM Actとは何ですか?   メールの文字数制限について メール1通ごとの容量制限は設けていませんが、文字数については102KBが一つの目安となります。 メールの文字数の容量が102KBを超えると、Gmailでは本文の表示が途中でカットされ「続きを読むにはこちらをクリック」と表示されます。こちらはGmailの仕様上、変更できない部分となります。 **102KBはHTMLソースコードでいう102,000文字程度にあたります。画像やドキュメントファイルは添付ではなくリンク表示のため、102KBの重さには含まれません。 受信者が「続きを読むにはこちらをクリック」から全文を表示しなかった場合は「開封」として計測がされません。近年Gmailの比率は高まっているため、Benchmark Emailでは文字数を102KB以内で収めることを推奨いたします。 また、Gmail以外でもメールクライアントによって制限が設けられていることもあるため、基本的には容量は可能な限り小さめで作成した方が良いと考えられます。 関連FAQ:メールを開封してもレポートに反映されないコンタクトがいるのはなぜ?     >>「メール作成:設定管理」のまとめページに戻る

General Questions 5月 31, 2022

レスポンシブメールとはなんですか?Benchmark Emailで対応したテンプレートはありますか?

レスポンシブメールとは、受信端末によって本文や画像を調整し、常に最適なレイアウトで表示されるメールのことです。 デスクトップとモバイル上でメールを閲覧する際の大きな違いは画面のサイズです。レスポンシブメールでない場合、画面を拡大してスクロールしなければならないため、読者にとって非常に不便です。 現在メールキャンペーン全体のおよそ60%はモバイル端末で閲覧されています。そのため、レスポンシブメールを送ることで開封率やクリック率を上げることができます。 Benchmark Emailでは簡単にレスポンシブメールを作成できるツールをご用意しております。ドラック&ドロップエディタを使って白紙レイアウトまたはテンプレートでメールを作成した場合は、自動的にレスポンシブメールとなります。 操作も大変簡単ですので、メール作成時にはドラッグ&ドロップエディタを選択して頂き、ご利用頂くことを推奨します。 *2016年7月までに登録頂いたお客様向けのクラシックエディタでも、モバイルに最適化されたメールテンプレートをご用意しております。しかし、カスタム使用の HTML及びテキストメールは自動適応されませんので、ご注意ください。 ご不明な点がございましたらこちらよりサポートへご連絡下さいませ。     >>「メール作成:設定管理」のまとめページに戻る

General Questions 3月 27, 2021

画像にリンクをつける方法

画像をクリックすると、ウェブページに遷移するように設定することができます。メール編集画面で、画像にリンクを挿入するだけです。手順は以下の通りです: 画像にリンク(URL)を挿入する方法 1. リンクを挿入したい画像をクリックし、左側の編集オプションから「リンクURL」をクリックします。 2. リンクURLの部分に遷移先のURLを記入し「挿入」ボタンをクリックします。ウェブサイトへのリンクの他、メールアドレス、電話番号へのリンクの挿入も可能です。 3. 画面上部のリンクアイコンが青くなっていれば無事リンク設定が完了したサインとなります。右隣のアイコンクリックでリンク設定の解除も可能です。 画像にPDFファイルをリンクする方法 1. メール作成画面にて画像をブロックに挿入します。画像ブロック、画像+キャプションブロックなどお好きなブロックを利用してください。その後画面左の編集オプションから「リンクURL」をクリックします。 2.  リンクの挿入ポップアップウィンドウが表示されたら、左下の「ファイルを添付」をクリックします。 3. ドキュメントライブラリウィンドウが開きます。すでにアップロードしてあるファイルを挿入する場合、目的のファイルの「挿入」ボタンをクリックします。新しくアップロードする場合にはウィンドウ上の「ファイルを追加」をクリックし、アップロードしてから「挿入」ボタンをクリックします。 ご不明な点がございましたら、サポートまでご連絡くださいませ。   >>「メール作成:編集操作」のまとめページに戻る

ドラッグ&ドロップエディタ 画像ギャラリー 2月 16, 2021

メール作成:編集操作(エディタ・画像ギャラリー・ロゴ変更など)

このページでは、メール作成の「編集操作」に関する資料を紹介します。 配信設定 レイアウト選択 メールブロックの編集 書式の編集 画像と動画 画像ギャラリー / ドキュメントライブラリ リンク フッターの設定 テキストメールの編集 パーソナライズ機能 RSS タグ CSS/HTML についての答えが見つかります。メール作成方法を解説したスライド/動画もページ下部にあります。 「メール作成:設定管理」のまとめページも併せてご覧ください。 「メール作成:編集操作」のFAQ 配信設定 ・配信先から特定のコンタクトリストを除くには? ・タイムゾーンを変更する方法 ・プレヘッダーテキストとは何ですか? ・件名に絵文字は使用できますか? レイアウト選択 ・Benchmark Emailのテンプレートを使ってメールを作成する方法 ・メール作成途中でのレイアウト変更は可能ですか? ・最新のTwitterツイートをメールに挿入する方法は? メールブロックの編集 ・メールのセクション機能と各ブロックの説明(以下の項目も含む) メール全体、セクションごと、ブロックごとに背景色を変えることはできますか? ブロックごとに背景画像を設定できますか? 複数のカラムを横並びに挿入した時にカラムに出来てしまう空白を埋めるには? お気に入りブロック機能(メール内のブロックを保存して、他のメールで使う方法) ・メール内のブロックを移動・コピー・削除する方法 ・ドラッグ&ドロップエディタでブロック間の空白や区切り線を追加する方法 ・ブロックの周りに線を引くことはできますか? 書式の編集 ・ドラッグ&ドロップエディタでフォント・文字サイズ・行間を調整する方法は? ・Benchmark Emailへコピー&ペーストすると、テキストの書式が変わってしまうのはなぜですか? ・メール内に表を挿入する方法はありますか? 画像と動画 ・画像をメールに掲載する方法 ・画像にリンクをつける方法 ・画像のサイズや色を編集する方法 ・画像の枠を編集する方法 ・小さく表示させたい画像が、スマホでは大きく表示されてしまいます。対処法はありますか? ・メールやランディングページに動画を挿入する方法 ・GIFアニメをメールに使用することはできますか? ・Benchmark Emailで作成するメールにJavascriptやFlashは使用できますか? 画像ギャラリー / ドキュメントライブラリ ・画像ギャラリーについて ・画像ギャラリーの利用と画像のアップロード方法について(複数の画像を並べて表示させる方法も含む) ・画像ギャラリーにアップロードした画像を削除するとどうなりますか? ・画像ギャラリーのアップロード容量を増やす方法 ・ドキュメントライブラリについて/添付ファイルを送信するにはどうしたらいいですか? リンク ・メールにリンクを挿入する方法(文字・画像・動画・SNSアイコンなど) ・リンクの色の変更と下線を表示させない方法 ・メール内任意の場所へアンカーリンクを指定する方法 ・イメージマップ(クリッカブルマップ)をメールに挿入する方法 ・Googleマップの検索機能をメールに追加する方法 ・メール内にWebページ版リンクを挿入する方法と、メールのURLを取得する方法 ・メールを短くするため、記事に「続きを読む」リンクを挿入することはできますか? ・オプトイン・オプトアウトリンクを配信メールに挿入する方法 フッター ・メールフッター部分のロゴおよびリンクの表示設定 ・メールに記載する住所の編集方法 ・パーミッションリマインダーの編集方法 ・メールに注意書きを追加することはできますか? ・フッターの言語を変更する方法 ・「登録情報更新」とは何ですか? ・「配信停止」(オプトアウト)とは何ですか? ・メールフッターから遷移する配信停止・登録情報更新ページはカスタマイズできますか? テキストメールの編集 ・テキスト版のメールの編集方法は? パーソナライズ機能 ・購読者毎の情報をメールや件名に差し込む方法 ・グリーティング機能について RSS ・RSSメール配信機能について RSSフィードのURLを取得する方法 RSSメールを作成する方法 稼働中のRSSメールを編集または停止する方法/停止したメールを再稼働する方法 RSSメール配信レポートを確認する方法 タグ ・BenchmarkEmailで利用可能なタグ一覧 ・タグを利用して、QRコードやバーコードをメール内に挿入する方法 CSS/HTML ・ドラッグ&ドロップエディタで作成したメールのHTMLコードを参照できますか? ・ドラッグ&ドロップエディタのコードを編集する際のテクニック集 ・自分でデザインしたHTMLメールを送れますか? ・基本となるHTMLコード一覧 ・HTMLコーディングでよくある間違い ・HTMLエディタでメールフッターの場所を修正する方法 ・カスタムしたHTMLコードでメール配信した場合、Benchmark Email側で何か行いますか? ・CSSを利用してBenchmark Emailでメール作成は可能ですか? チュートリアル「ドラッグ&ドロップでHTMLメールを作成する」 *動画の内容におきまして、メール作成の流れが一部現在と異なる部分がございます。(2021年10月現在、管理用のメール名の入力後はメールエディターに遷移します。また、チェックリストの順番が変更となっております。) スライド資料(PDF) ドラッグ&ドロップでHTMLメールを作成する 動画 チュートリアル「効果測定が可能なテキストメール」 プレーンテキストのみでメールを配信する場合、以下の方法で作成するとレポート機能で効果測定が可能です。 スライド資料(PDF)  効果測定が可能なテキストメール >>サポートページ(TOP)に戻る

オートメーション 6月 24, 2022

メールクライアントによってHTMLメールがうまく表示されないのはなぜですか?

メールクライアント(Gmail、YahooやOutlookなど)やブラウザは、Benchmark Emailからの配信メールのHTMLコードをそれぞれ異なった形で解読・表示します。 メールがどのように表示されるかは受信側のメールクライアントまたはブラウザによって異なり、コードに異常がある場合は、受信環境によっては正しく解読できないことがあります。 例えば、Gmailでは簡単に修正できる問題であっても、Outlookでは修正ができずにレイアウトが崩れることがあります。このような場合のメール表示トラブルはその特定の受信環境に限られることになります。 他の例として、一部のテキストがOutlook上では全て左寄りで表示されていたとしても、他のメールクライアントでは中央寄りに表示されることがあります。 このような問題が発生した場合、受信テスターをご利用頂き、さまざまなメールクライアントやブラウザでの表示を確認してから本配信を行うことをお勧め致します。詳細は以下のFAQをご覧ください。 FAQ:受信テスターの目的と作成方法について なお、メールクライアントによってはESP(メールサービスプロバイダー)が回避できない制限がある場合がございます。以下、受信環境に関わらずメールを同じように表示するためのポイントをご紹介します。 受信環境に左右されないメールを作成するポイント ドラッグ&ドロップエディタを使用する – ドラッグ&ドロップエディタのメールテンプレートは全てモバイル(スマホ)対応となっております。こちらのエディタを使用することで受信環境に最適なメールが表示されるようになります。 メール内にWebページ版リンクを設置する – 受信環境によってはメールが正しく表示されない場合があるため、Webページ版リンクを設置することにより同一の内容を閲覧して頂けます。設定はメール編集画面の「パーミッションリマインダーブロック」から可能です。Webページ版リンクの挿入方法についてはこちら 画像の背景色に気をつける – 画像の背景色はメールソフトが画像を表示できない場合にディスプレイされるため、メールが真っ白に表示されないように文章のフォントの色が目立つような背景色を選択しましょう。 画像の代替テキストを追加する – 画像の代替として表示されるテキスト「代替テキスト(Alt属性)」をメール本文に追加されることをお勧め致します。購読者によっては受信箱で画像をブロックまたは非表示設定している場合があるため、画像無しでもメールを読んで頂けるように代替テキストを追加しましょう。代替テキストを追加するには、画像をダブルクリックしボックスに入力するだけです。詳細はこちら 画像の配置 – 場合によって、画像が大きすぎてテキストを覆ってしまったり、圧縮されているように見えたりすることがあります。 画像の位置を調整し、サイズを縮小してフォーマットを綺麗にしてください。 ドラッグ&ドロップエディタをお使いの場合は、この作業は自動で行われますのでご安心ください。 テキストブロックに直接長いURLを挿入しない – スペースを含まない過度に長い文章(テキストブロックに直接追加した長いURLなど)は、文字列がメールの幅を超えてしまう可能性があります。途切れないようにするには、単語、文章または画像にリンクを挿入してください。ドラッグ&ドロップエディタのメニューバーにあるBenchmark Emailのリンクツールをご利用ください。リンクの挿入に関するFAQはこちら 以上を踏まえた上でメールを作成後、ご自身または身近な人にテストメールを送ってみましょう。複数のデバイスでメールを開いてデザインがどのように表示されるかを確認しましょう。最後に、各メールクライアントで確認されている表示エラーの一覧表を記載しておりますので、こちらも併せてご参照くださいませ。 各メールクライアントでの表示エラーリスト   メールクライアント HTML 対応 仕様 AOL 4.0、5.0 未対応 テキスト対応のみ フォーム認識不可 AOL 6.0、 7.0、8.0 対応 スタンダードHTML フォーム認識不可 外部スタイルシートへのリンク入りメール受信不可 AOL 9.0 一部対応 HTML画像&直リンク表示不可 フォーム認識不可 長いメールはzipファイルになる AOL Webメール 一部対応 XHTMLフル対応無し <br />タグ認識不可 アンカータグ対応無し -アンカーリンクをクリックするとアンカー箇所に飛ばず新しいウィンドウで受信箱が開く Apple Mail 対応 スタンダードHTML フォントタグ使用不可 - <span>タグを使用 アンカーリンクはダブルクリックが必要 El Capitan OSXではアンカーリンクが機能しない Compuserve 未対応 テキスト対応のみ Comcast Smartzone 対応 スタンダードHTML 背景画像はブロックされる アンカータグ対応無し -アンカーリンクをクリックするとアンカー箇所に飛ばず新しいウィンドウで受信箱が開く Comcast XFinity 一部対応 長いメールは途中で切れる - ウェブページバージョンで閲覧するよう誘導するか、メールを短くする必要あり アンカーリンク、目次リンクをクリックするとアンカー箇所に飛ばず新しいウィンドウで受信箱が開く Entourage (Mac) 対応 スタンダードHTML Entourage 2008 (Mac) 一部対応 背景画像がブロックされる場合がある フォーム、Flash、その他プラグイン、CSS float、CSSポジショニング、GIF対応 箇条点は画像に置き換えられる Earthlink 一部対応 テキストに下線が入る場合がある Eudora 3.1 未対応 テキスト対応のみ Eudora 4.0、4.2、4.3、 5.0 未対応 Internet Explorer使用の場合、スタンダードHTML仕様 デフォルトのEudora HTMLビューアでは正常に表示されない場合がある Gmail 一部対応 ブックマークアンカーのサポート無し 長いメールは途中で切れる - ウェブページバージョンで閲覧するよう誘導するか、メールを短くする必要あり メール内の電話番号がハイパーリンクになる Hotmail 一部対応 デフォルトで画像ブロック  <head>, <title>, <meta>, <body> タグ使用不可 - インラインスタイルの使用が必要 ホットリンクは4分後に無効になり、背景画像が削除される - メール認証設定をONにする必要あり CSS表示問題 テキストに下線が表示される場合あり <p>タグで囲んだテキストの行間に余分なスペースが入る - ブロックのコードビューで<p>タグを<div>ダグに変更するか、新規ブロックを作成し、コピー&貼り付けせずにテキストを入力する必要あり Juno 4.0、 5.0 対応 スタンダードHTML(大部分) CSS表示問題 Lotus Notes 4.6 未対応 フォント、リンクカラーが反映されない Lotus Notes 5.0 対応 スタンダードHTML(大部分) CSS表示問題 Novell GroupWise 5.5 対応 スタンダードHTML Office 365 一部対応 スタンダードHTML デフォルトで画像ブロック CSS表示問題 アンカーリンク、目次は機能しない 画像はライブラリに保存されたオリジナルファイルのサイズで表示されるため、表示問題を防ぐため画像のリサイズが必須 Outlook 97 一部対応 フォント、リンクカラーが反映されない 段落揃え未対応 Outlook 98、 2000 対応 スタンダードHTML CSS未対応 Outlook 98、 2001 (Mac) 未対応 リッチテキスト形式のみ Outlook 2003 一部対応 デフォルトでHTML画像のブロック Outlook 2007、2010 一部対応 フォーム、Flash、その他プラグイン、CSS float、CSSポジショニング、GIF未対応 箇条点は画像に置き換えられる 長いメールにはページ区切りが挿入され空白が表示される場合あり 画像ボーダー表示未対応 1920px x 1080px 以上の高画質ではテキストフォーマット対応、画像は未対応 画像キャプションスタイルはOutlookスタイルに上書きされる 縦1728 px以上の画像は切れる 段落の間、テキストの間に余分な空白が入る パソコン表示設定では画像がうまく表示されない場合がある 注: Microsoft ではOutlook 2007でのHTML認証ツールを提供しています。 Outlook 2007、2010 (Mac) 一部対応 アンカーリンク、目次は機能しない アニメGIF未対応 Outlook 2013、2016 一部対応 長いメールにはページ区切りが挿入され空白が表示される場合あり ブロックの最後のテキストが行頭文字の場合、中央が空欄スタイルの行頭文字が追加される - 行間文字を最後に置かないようにするか、</ul>タグでクローズする前に <div style="display:none;">&nbsp;</div> を追加 1920 x 1080 px以上の高画質ディスプレイではテキストサイズは調整されるが、画像サイズは調整されない パソコン表示設定によっては画像が正常に表示されない場合がある アニメGIF未対応 Outlook 2016 (Mac) 一部対応 アンカーリンク、目次機能は未対応 Outlook 365 一部対応 リンクに続くテキストのカラーを設定しない限りリンクはデフォルトで青になる - リンクは<span> タグで囲み、 <td> と <div>タグは異なるカラー設定が必要 アンカーリンク、目次リンクをクリックすると正しい箇所に飛ばずブランクのWebページが開く テキストは左寄せに設定していても、デフォルトで両端揃えになる 画像周りのスペースは設定が反映されない Outlook Web Access 一部対応 スタンダードHTML 画像はデフォルトでブロックされる アンカーリンク、目次は機能しない 画像はライブラリに保存されたオリジナルファイルのサイズで表示されるため、表示問題を防ぐため画像のリサイズが必須 Outlook Express- PC or Mac 対応 スタンダードHTML Pegasus Mail 3.1- Windows 対応 スタンダードHTML リンクのカラー設定は反映されない スマートフォン Android、 iPhone等 対応 電話番号がハイパーリンクとして表示される(クリックして電話が可能) メールフッターの住所を認識し、イベント日時をカレンダーに追加可能 Verizon 対応 スタンダードHTML アンカーリンク、目次は機能しない Yahoo! 対応 スタンダードHTML アンカーリンク、目次が機能しないブラウザがある - 機能しないブラウザではメールが閉じ受信箱ページへ戻る動作となる 長いメールは途中で切れる - ウェブページバージョンで閲覧するよう誘導するか、メールを短くする必要あり 参照元: StudioCloud ご不明な点はサポートまでご連絡ください。     >>「メール作成:設定管理」のまとめページに戻る

到達率 5月 23, 2021

1 2 3