タグ: GIF Brewery

動くメルマガで売上アップも!GIF画像作成からメルマガ配信までを一挙ご紹介

動くメルマガで売上アップも!GIF画像作成からメルマガ配信までを一挙ご紹介

メールマーケティングノウハウ • 2017.11.20

みなさんはGIFアニメーション(動く画像)が掲載されているメルマガを受信したことはありますか?海外のECサイトのメルマガなどではすでによく目にしますが、日本でも少しずつ使われるようになっています。 今回は実際にGIFを貼り付けたメールをBenchmark Emailで配信するまでをご紹介します。この時期なら年末年始のセールメールにすぐ活用できますよ! メルマガ購読者の目を引くには動く画像、GIFアニメーション 今回のブログでは、こんなメールを配信できるようになるまでを解説いたします。 このように受信時でもGIF(動く画像)が稼働しています。 GIFアニメーションとはJPEGやPNGといった画像の保存形式の一つです。パラパラ漫画のように複数の画像を順々に表示させて動画のように見せることができる他、動画の一部を切り取ってGIFに変換することで、動画をポップに見せられるだけでなく、表示させたいところだけを繰り返し再生することもできます。 またアメリカではIT大手のDellがメールにGIFを加えたことでクリック率42%増、コンバージョン率103%増、109%の利益増加を獲得しているという事例があるなど、視覚的な影響だけではなく成果にも繋がっています。 今回上記のメールのGIFは動画から作成しましたので、動画をGIFに変換します。すでにYoutubeやファイルとして持っている動画をGIFに変換するにはGIPHYがおすすめです。(詳しい使い方は前回のGIF活用ブログをご覧ください) まずはこのツールを使って、GIFを作ってみます。そしてできたGIFのURLを取り出します。 今回はこちらの動画をGIFに活用してみます。 [video width=\"1280\" height=\"720\" mp4=\"https://blog.benchmarkemail.com/wordpress/wp-content/uploads/2017/11/AF-Outro.mp4\"][/video]   GIPHYを使って動画をGIFに変換   GIPHYトップページの「Create」から動画をアップロードします。 「DURATION」でGIFの再生時間を調整、「START TIME」で元の動画のどこから(〇〇秒後からスタートなど設定できます)GIFを作るのかを決めることができます。設定が済んだら「Continue to Decorate」をクリック。 前のページで作成したベースとなるGIFにアニメーションやステッカー、画質のテーマを加えることができます。設定が完了したら「Continue to Upload」をクリック。進んだ先のページで「Upload to GIPHY」をクリックします。 GIPHYでGIFができたら、Copy linkからGIF Linkをコピーします。 次にここでコピーしたリンクをBenchmark Emailに貼り付けます。 メール編集画面内のGIFを貼り付けたい箇所に「画像」ブロックを配置します。 「画像」ブロック配置後、「画像をアップロード」をクリック 「アップロード」を選択し、画像URLに先ほど貼り付けたGIFのURLをペーストします。 すると、GIF画像の貼り付けが完了します。あとは、メールを編集し通常通りの配信設定をするだけです。 このように受信時でもGIFが稼働しています。 (※Benchmark Emailでアップロードが可能な画像のサイズは最大200kbとなります。) スクショからGIFを作成するには GIPHY以外にもGIFを作成できる便利なツールがいくつかあります。GIF BreweryはPCにダウンロードして利用できるアプリです。最大の特徴はスクショやPC内臓カメラから動画を作成し、それをGIFヘ変換させることができます。 「Record Screen」を選択すると画面上にフレームが表れます。 右下もしくは直接フレームサイズを調整し、左下の Recordボタンを押すとレコーディングがスタートします。 レコーディングが終わったら「Create」のボタンをクリック あっという間にGIFが出来上がります。 Benchmark Email上でGIFがうまく動かないとき GIF画像の挿入方法が影響している可能性があるため、以下の操作手順をご確認の上お試し頂ければと思います。 ①「ドキュメントライブラリ」へGIF画像をアップロードします テキストブロックをクリックし、「ドキュメント」アイコンをクリックします。 ・「アップロード」を選択し、GIF画像をアップロード、「挿入」をクリックしてエディタ上に設置します。 ②生成されたGIF画像のURLを取得 ・①で挿入したリンクを選択し、「リンクの挿入」アイコンをクリックします。 ・ポップアップ画面にてURLをコピーします。 ③GIF画像URLを画像として挿入 ・画像ブロックをクリックし、「画像」ポップアップ画面を開きます。コピーした画像URLを画面右上の「画像URL」ボックスに貼り付けして挿入します。 画像URLの取得後は①で挿入されたリンクは削除していただいて大丈夫です。 さいごに 今回はGIFの作成からBenchmark Emailに貼り付けて配信までの流れをご紹介しました。アイディア一つで以下のような楽しいメルマガを作ることも可能です。 是非、GIFアニメーションを活用してみてください。 (関連記事) メールデザインの最先端!リッチコンテンツ活用と10の注意点とは? メールデザインの参考に!読者の心を動かすメール海外事例50選   //<![CDATA[ (function(d){ if(typeof(window.NINJA_CO_JP_ONETAG_BUTTON_2f4e138f7719a5c3092c7264effeaf88)=='undefined'){ document.write("\"); }else{ window.NINJA_CO_JP_ONETAG_BUTTON_2f4e138f7719a5c3092c7264effeaf88.ONETAGButton_Load();} })(document); //]]>


記事を読む