Tester une bannière HTML5 avant sa diffusion

Le ZIP de l’animation devient un lien d’aperçu à envoyer pour validation

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.
⭐️ Plus de 2 000 000 d’utilisateurs satisfaits
ZIP jusqu’à 3 Mo sur l’offre gratuite

L’animation vue dans un vrai navigateur

Reçu par WeTransfer, le ZIP d’une bannière oblige le client à décompresser l’archive puis à ouvrir index.html sur son ordinateur. Le test sur téléphone devient vite compliqué. Publiée sur Tiiny Host, la bannière s’ouvre d’un clic sur l’écran qu’il a sous la main.

L’animation vue dans un vrai navigateur

Prévisualiser une bannière HTML5

À partir du ZIP livré par votre outil d’animation

1. Vérifiez le ZIP

1. Vérifiez le ZIP

Le fichier index.html de la bannière se trouve à la racine, à côté de ses images et de ses scripts.

2. Déposez-le ici

2. Déposez-le ici

Un nom de lien comme printemps-300x250 aide à s’y retrouver d’une campagne à l’autre.

3. Envoyez l’aperçu

3. Envoyez l’aperçu

Le client ouvre le lien et note ses remarques en commentaire (offre Tiny).

Fonctionnalités

Pour faire valider une campagne display

📦 Le ZIP exporté

Exporté par Google Web Designer ou Adobe Animate, le ZIP se publie tel quel dès qu’index.html se trouve à sa racine.

📐 Tous les formats

Pavé 300 × 250 et bannière 728 × 90 peuvent partager le même ZIP, chacun dans son dossier et à sa propre adresse.

💬 Retours du client

Avec les commentaires de Tiny, le client note ses corrections sur la page de l’aperçu.

🔒 Campagne confidentielle

Tant que la campagne n’est pas lancée, son aperçu peut demander un mot de passe (offre Solo).

📱 Test sur mobile

Ouvert dans le navigateur d’un téléphone, le lien permet de vérifier la lisibilité des accroches.

🔁 Même adresse après correction

Après une correction, le client recharge la page qu’il a déjà ouverte.

Comparatif

Un aperçu que le client ouvre sans rien décompresser

Google Web Designer affiche l’aperçu dans les navigateurs installés sur votre poste. Parmi les outils en ligne, bannerready propose des aperçus gratuits et réserve l’export à sa formule Pro, à partir de 9 € par mois.

⚡ Tiiny Host
Envoi du ZIP
Ouverture immédiate
Le client voit l’animation sans décompresser de fichier.
✓ Oui
Décompression, puis index.html
Aperçu sur téléphone
Le même lien s’ouvre dans le navigateur d’un smartphone.
✓ Oui
Peu pratique
Corrections au même endroit
Les commentaires restent attachés à l’aperçu (Tiny).
✓ Oui
Allers-retours par e-mail
Version à jour
Le ZIP corrigé est publié sur l’adresse déjà envoyée.
✓ Oui
Nouvel envoi
Plus rapide à faire valider que Google Web DesignerUn serveur FTP d’agenceUn ZIP par WeTransferDes captures en GIF
Tarifs

Des aperçus gratuits jusqu’à 3 Mo

Les régies imposent un poids maximal aux bannières : un ZIP de 3 Mo laisse de la marge. Tiny ajoute les commentaires du client et retire la bannière Tiiny Host, pour un aperçu fidèle.

Gratuit
0 €/mois, sans limite de durée
  • ✓ 1 aperçu en ligne
  • ✓ ZIP ou fichier HTML jusqu’à 3 Mo
  • ✓ 5 000 visites et 5 Go de bande passante par mois
  • ✓ Adresse campagne.tiiny.site avec SSL
  • – Avec une petite bannière Tiiny Host
Plus de place quand il vous en faut
dès 5 €/mois en facturation annuelle
  • Tiny 5 € · sans bannière Tiiny Host, commentaires du client, imports jusqu’à 25 Mo, statistiques
  • Solo 13 € · 5 campagnes en ligne, mot de passe, domaine de l’agence
  • Pro 31 € · 15 projets, un membre d’équipe en plus, support prioritaire
  • Pro Max 74 € · projets illimités, 2 To de stockage
Voir toutes les offres → ⭐️ Satisfait ou remboursé pendant 7 jours

Stockage et taille d’import par offre

Limite d’import par offre
Gratuit
3 Mo
HTML, ZIP et autres fichiers
Tiny · 5 €
25 Mo
par projet
Solo · 13 €
75 Mo
par projet
Pro · 31 €
10 Go
pour tout le compte
Pro Max · 74 €
2 To
pour tout le compte

Toutes les déclinaisons d’une campagne peuvent tenir dans un seul aperçu, chaque format rangé dans son dossier, avec une page index.html à la racine qui renvoie vers chacun.

Cas d’agence

Campagne display

Campagne display

Le pavé et la méga-bannière d’une même campagne, réunis derrière un lien pour la validation de l’annonceur.

Accroches à départager

Accroches à départager

Deux versions de l’accroche publiées côte à côte, pour que l’équipe marketing tranche avant la diffusion.

Bannière pour un site de presse régionale

Bannière pour un site de presse régionale

L’aperçu transmis à la régie avant la mise en ligne, au poids et aux dimensions qu’elle demande.

Ressources

À lire avant d’envoyer

Help Center: How to get client feedback fast

Comments, tracked links and passwords for work that clients review.

How to Upload HTML File to a Website

Putting an HTML file and its assets online at a public address.

Questions fréquentes

Comment tester une bannière HTML5 en ligne ?

Le ZIP publié sur Tiiny Host fait tourner l’animation dans le navigateur, comme une page web. Le même lien se teste ensuite sur téléphone.

Que doit contenir le ZIP d’une bannière HTML5 ?

Un fichier index.html à la racine, accompagné des images et des scripts qu’il appelle. Si le ZIP contient plusieurs pages HTML sans index.html, Tiiny Host vous demande laquelle afficher.

Comment envoyer une bannière HTML5 à un client pour validation ?

Par le lien de l’aperçu. Les commentaires de l’offre Tiny lui permettent de noter ses corrections sur la page ; vous recevez un e-mail à chaque message.

Puis-je présenter plusieurs formats dans un seul lien ?

Chaque format va dans son dossier, par exemple 300x250 et 728x90, sous une page index.html qui les liste. Chacun garde aussi sa propre adresse, comme campagne.tiiny.site/300x250.

La bannière Tiiny Host gêne-t-elle l’aperçu ?

Sur l’offre gratuite, une petite bannière Tiiny Host s’affiche sur la page. L’offre Tiny la retire, ce qui laisse l’animation seule à l’écran.

Mon aperçu sera-t-il trouvé par les moteurs de recherche ?

Oui, si vous ne changez rien : un projet est public. Le réglage de Tiny qui écarte les moteurs de recherche, ou le mot de passe de Solo, garde l’aperçu à l’abri.

Le feu vert du client, sans pièce jointe