<p class="thumb"><img src="http://web-marketing.zako.org/images/2017/12/madyourself.jpg" alt="" width="592" height="275" class="alignnone size-full wp-image-31287" /></p>
<p>サイトに掲載する広告は年々リッチなものに進化していますよね。その分、作成する難易度も上がってきているのでコストも多くかかってしまいそうです。
今回はそんなリッチな広告を自分で安価に作れるサービスをご紹介します。</p>
<!--more-->

<h3>HTML5のリッチな広告を作成できる「Madyourself」</h3>

<p>「<a href="https://madyourself.io/">Madyourself</a>」は、HTML5のアニメーションや360度画像、ジャイロセンサーを使うようなリッチな広告を自分で作れるサービス。</p>
<p>「広告2つまで無料で作成することができ、無制限に作成できるプランは月額3万円程度で利用できます。</p>

<h4>広告のサンプル</h4>

[caption id="attachment_31288" align="alignnone" width="1280"]<img src="http://web-marketing.zako.org/images/2017/12/madyourself-sample1.gif" alt="" width="1280" height="720" class="size-full wp-image-31288" /> 3種類の広告サンプル。[/caption]
<p>ジャイロセンサーや360度画像を使った広告のサンプル、YouTubeの動画を埋め込むことも可能です。</p>

[caption id="attachment_31289" align="alignnone" width="640"]<img src="http://web-marketing.zako.org/images/2017/12/madyourself-sample2.gif" alt="" width="640" height="480" class="size-full wp-image-31289" /> アニメーション広告。[/caption]
<p>複数の画像にアニメーション効果をつけて広告にすることもできます。</p>

<h4>広告の作成画面</h4>
[caption id="attachment_31286" align="alignnone" width="592"]<img src="http://web-marketing.zako.org/images/2017/12/madyourself-editor.jpg" alt="" width="592" height="305" class="size-full wp-image-31286" /> デフォルトで用意されているデモ広告の編集画面。[/caption]
<p>ジャイロセンサーを使ったり、360度の広告を作るにはパノラマ画像や360度画像が必要になりますが、素材さえ揃えてしまえば編集画面から追加するだけで設定を進めることができます。</p>

<h4>作成した広告をエクスポート</h4>

[caption id="attachment_31285" align="alignnone" width="592"]<img src="http://web-marketing.zako.org/images/2017/12/madyourself-export.jpg" alt="" width="592" height="407" class="size-full wp-image-31285" /> 作成した広告のエクスポート。[/caption]
<p>作成した広告は、HTML5やMP4、GIF形式でエクスポートすることができます。また、埋め込みタグを発行してサイトなどに埋め込むことも可能です。</p>

<h5>デモ広告を埋め込んだもの</h5>

<iframe src="https://madyourself-embedded.s3-eu-west-1.amazonaws.com/ba0aefe9-82b1-4620-8fbc-b58f053b5877/6376a3e7-18e9-494b-b6e2-31dcbc79ee6e/index.html" width="320" height="480" frameBorder="0"></iframe>

<p>興味がある方は<a href="https://madyourself.io/">Madyourself</a>へどうぞ。</p>