HTML5バナーの確認用URL

アニメーションもクリックの挙動も、入稿前に実際のブラウザで

Zip
File
Drag & drop zip or
single file here
Upload file
This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.
⭐️ 利用者200万人以上
ZIPを展開せずにアップロード

静止画のキャプチャでは伝わらない動き

HTML5バナーのアニメーションは、スクリーンショットでは確認してもらえません。Tiiny Hostに置いたバナーのZIPには、ブラウザで動く確認用のURLが付きます。クライアントは届いたURLを開いて動きを確かめ、スマホでの見え方も同じURLから実機でチェックできます。

静止画のキャプチャでは伝わらない動き

確認用URLを送るまで

1. バナーをZIPにまとめる

1. バナーをZIPにまとめる

Google Web DesignerやAdobe Animateから書き出したフォルダをZIPにします。メインのHTMLはindex.htmlという名前にします。

2. 案件名でリンクを作る

2. 案件名でリンクを作る

spring-campaign-300x250.tiiny.siteのように、案件名やサイズをリンク名に入れておきます。

3. URLをクライアントへ

3. URLをクライアントへ

公開後のURLをチャットやメールで送ります。修正が入ったときは、同じプロジェクトを更新します。

機能

クライアントとのやり取りに

📦 ZIPのまま公開

HTMLと画像をまとめたZIPを、展開せずにアップロードします。

📱 実機での確認

確認用URLはスマホでも開けるため、画面の小さい端末での表示を実機で確かめられます。

💬 ページ上のコメント

フィードバックモードでは、見た人がバナーの上に直接コメントを残せます。アカウント登録はいらず、Tinyプランから使えます。

🔒 解禁前の案件を守る

公開前のキャンペーンのバナーは、Soloプランのパスワード保護で関係者だけに見せます。

🔁 修正版もURLは同じ

クライアントは前と同じURLで修正版を確認できます。

🙈 検索結果に出さない

確認用URLは、検索エンジンに載せないよう指定できます。この設定はTinyプランから使えます。

比較

ZIPやGIFで渡す方法と比べて

⚡ Tiiny Host
ファイルで渡す方法
HTML5のまま再生
クライアントはURLを開いて、アニメーションをHTML5のまま確認します。
✓ 対応
展開か別形式への変換
差し替えても同じURL
修正版でプロジェクトを更新しても、送ったURLは変わりません。
✓ 対応
送り直し
ページ上のコメント
見た人がバナーの上に直接コメントを書き込めます(Tinyプラン以上)。
✓ 対応
メールやチャットで別に
比べた確認方法 ZIPのメール添付GoogleドライブGIF・MP4への書き出し
料金

確認用URLは無料プランから

Google広告のHTML5広告はZIP全体で600KB以下と決められているため、バナー1件分なら無料プランの3MBに収まります。フィードバックモードとバナーの非表示はTinyプラン、パスワードはSoloプランからです。

無料プラン
$0/月、利用期限なし
  • ✓ 公開できるサイトは1つ
  • ✓ HTML・ZIPは3MBまで
  • ✓ 月5,000回の訪問と5GBの転送量
  • ✓ SSL付きの無料アドレス(名前.tiiny.site)
  • – 小さなTiiny Hostバナーが表示されます
容量や機能を増やすなら
$5〜/月(年払い)
  • Tiny $5 · バナーなし、アップロード回数無制限、25MBまでアップロード、アクセス解析、QRコード、フィードバックモード
  • Solo $13 · 5サイト、独自ドメイン、パスワード保護、コード・ビジュアルエディタ、API
  • Pro $31 · 15サイト、メールアドレス収集、チームメンバー、優先サポート
  • Pro Max $74 · サイト数無制限、ストレージ2TB
全プランを比較 → ⭐️ 7日間の返金保証つき

プラン別の容量

アップロードできる容量の上限
無料
3MB
HTML・ZIPなど
Tiny · $5
25MB
プロジェクトごと
Solo · $13
75MB
プロジェクトごと
Pro · $31
10GB
アカウント全体
Pro Max · $74
2TB
アカウント全体

同時に公開できるのは、無料プランとTinyプランでは1件です。いくつもの案件を並行して見せる場合は、5件まで公開できるSoloプランが向いています。

制作現場での使いどころ

入稿前のクライアント確認

入稿前のクライアント確認

納品前のバナーを確認用URLで送り、了承をもらってから入稿。

サイズ違いの一覧

サイズ違いの一覧

300×250と728×90を1つのindex.htmlに並べ、まとめてチェック。

社内レビュー

社内レビュー

ディレクターやデザイナーが、フィードバックモードで修正点を書き込む。

関連記事

HTML5バナーづくりの記事

Tumult Hype: No-Code Creation of Interactive HTML5

コードを書かずにHTML5のアニメーションを作れるHypeの機能と、作品の共有方法。

How to Zip a File on Mac: Compression Explained

Macでファイルを圧縮する手順と、ZIPのしくみをまとめた記事です。

よくある質問

HTML5バナーをクライアントに確認してもらうには?

バナーのZIPをtiiny.hostにアップロードして公開し、発行されたURLを送ります。クライアントはブラウザでアニメーションの動きを確認できます。

Google広告に入稿できるHTML5バナーの条件は?

Google広告のヘルプでは、HTMLファイル1つと最大39個のアセットを含むZIPで、合計600KB以下と定められています。HTML5広告を使うには、広告アカウントが一定の要件を満たしている必要もあります。最新の規定はGoogle広告のヘルプで確認してください。

解禁前のバナーを関係者以外に見られないようにできますか?

パスワードを知っている人だけが開ける状態には、Soloプランのパスワード保護で設定します。パスワードなしで公開したプロジェクトは、URLを知っていれば誰でも開け、検索エンジンにも見つかる可能性があります。

ZIPの画像が表示されない原因は?

index.htmlがZIPのいちばん上の階層にない場合や、画像のパスがZIPの構成と合っていない場合に起こります。ダッシュボードの「⋯」メニューにあるAnalyze Siteで、読み込めていないファイルを確認できます。

クライアントからコメントをもらうことはできますか?

フィードバックモードを有効にした確認用URLでは、閲覧した人がページ上にコメントを残せます。Tinyプラン以上の機能で、コメントが付くたびにメールで通知が届きます。

修正したバナーは新しいURLになりますか?

プロジェクトを更新しても、URLは変わりません。クライアントには同じリンクを開き直してもらいます。

入稿の前に、動くバナーで合意を