Formats HTML5 de Studio adaptés aux mobiles

Pour faciliter la conception de créations adaptées aux mobiles, Studio a supprimé le format distinct Création pour mobile intégrée à une application. Les formats bannière, expand et interstitiel HTML5 de Studio sont désormais compatibles avec tous les environnements. Les créations pour mobile intégrées à une application existantes ne seront pas modifiées.

Dorénavant, lorsque vous concevrez une création pour mobile intégrée à une application dans l'un de ces trois formats, au lieu de sélectionner le format Création pour mobile intégrée à une application, choisissez le format universel correspondant de Studio lors de l'importation de la création dans Studio :

Type de création pour mobile intégrée à une application Format Studio
Bannière Bannière
Interstitiel Interstitiel
Expand Expand

Créer une seule fois pour tous les environnements

Ce changement de format a pour but de simplifier le développement, le trafficking et la diffusion des créations. Auparavant, il était nécessaire de concevoir des créations complètement différentes, puis d'en effectuer le trafficking dans chaque environnement. Désormais, vous pouvez gagner du temps en concevant une création et en la personnalisant pour chaque environnement.

Modifications pour les nouvelles créations

Lors de la conception de nouvelles créations, vous remarquerez certains changements qui reflètent la compatibilité avec les emplacements pour mobile.

  • Dans l'aperçu, des commandes de prévisualisation pour mobile sont disponibles pour chacun des formats universels (bannière, interstitiel et expand).
  • Dans Campaign Manager, deux compatibilités sont disponibles pour chaque format :
     
    Format Studio Compatibilité Campaign Manager
    Bannière Graphique
    Expand Graphique
    Interstitiel Interstitiel graphique

Modifications de compatibilité dans Campaign Manager

En outre, Campaign Manager a intégré des compatibilités tout au long des mois de novembre et décembre 2015. Les compatibilités pour les créations, les emplacements et les annonces permettent d'effacer toute distinction entre le format encart et intégré à une application. Les compatibilités rich media seront mises à jour en Graphique et Interstitiel graphique.

Ces nouvelles compatibilités vont être progressivement appliquées à tous les comptes. Elles représenteront alors les créations, les emplacements et les annonces Campaign Manager compatibles avec n'importe quel environnement : ordinateur de bureau, Web pour mobile et application.

Nouvelle compatibilité Ancienne compatibilité Capacité de rendu
Graphique Encart, intégré à une application Dans une application mobile ou sur une page Web
Interstitiel graphique Encart interstitiel
Interstitiel intégré à une application
Affichage en plein écran dans une application mobile ou sur une page Web

Détecter l'environnement de création au moment de la diffusion

Maintenant qu'une création peut être diffusée dans n'importe quel environnement, vous pouvez personnaliser l'expérience pour les appareils mobiles et les ordinateurs de bureau. Par exemple, la création peut disposer d'un bouton "Cliquer pour développer". Cette incitation à l'action convient bien pour les ordinateurs de bureau, mais pour les applications mobiles, il est préférable d'utiliser "Appuyer pour développer".

Éviter d'afficher deux boutons de fermeture dans les applications mobiles

 
Si vous concevez une création au format expand ou interstitiel, sachez que les SDK des annonces pour applications mobiles ajoutent automatiquement leur propre bouton de fermeture au-dessus de la création. Si votre création comporte déjà un bouton de fermeture, elle en comptera alors deux. La méthode Enabler setUseCustomClose vous permet de masquer le bouton de fermeture MRAID. Reportez-vous à l'exemple de code ci-dessous.
Exemple de code de détection d'environnement
var initAd = function() {
  if (studio.common.Environment.hasType(studio.common.Environment.Type.IN_APP)) {
    // Afficher l'incitation à l'action "Appuyer pour développer" dans l'application.
    document.getElementById("cta_text").textContent = "Appuyer pour développer";
    // Masquer le bouton de fermeture MRAID et utiliser le bouton de fermeture de la création à la place.
    Enabler.setUseCustomClose(true);
  } else {
    // Afficher l'incitation à l'action "Cliquer pour développer" sur un ordinateur de bureau.
    document.getElementById("cta_text").textContent = "Cliquer pour développer";
  }
};

 

Ces informations vous-ont elles été utiles ?
Comment pouvons-nous l'améliorer ?