Certaines animations, telles que les bannières web, peuvent nécessiter l'injection de fragments de code, voire de bibliothèques de code complètes dans votre publication HTML pour prendre en charge différentes plateformes de publication.
Voici une bannière web standard.
Nous voulons ajouter à notre publication HTML un peu de code JavaScript.
Pour ce faire, nous utiliserons des modèles HTML5 Canvas.
Ils se trouvent dans les paramètres de publication du document.
Sous JavaScript/HTML, cliquons sur l'onglet HTML/JS.
On voit que Modèle pour la publication HTML est actuellement défini sur Modèle par défaut.
On peut toutefois importer un nouveau modèle.
Ce sera un modèle personnalisé avec du code inséré dans le reste du code HTML pour se conformer à votre réseau publicitaire, quel qu'il soit.
Vous aurez bien sûr besoin d'un point de départ.
C'est là que le bouton Exporter intervient.
En cliquant sur Exporter, nous pourrons sélectionner un dossier d'exportation et nommer le fichier.
L'exportation sera au format HTML.
Une fois la destination définie, cliquez sur Enregistrer.
Ensuite, si vous retrouvez ce code HTML dans le dossier de destination et que vous l'ouvrez dans un éditeur, vous pourrez visualiser et modifier le contenu de ce modèle.
Comme vous le voyez dans les notes, vous avez différents jetons ici représentés par le symbole du dollar.
Vous devez uniquement écrire votre code personnalisé là où il est mentionné dans les commentaires.
Par exemple, à la ligne 16.
Écrivez votre code ici.
Une note indique que toutes les occurrences de jetons existants sont remplacées par leurs valeurs correspondantes.
Par exemple, c'est ici qu'apparaissent les scripts Create JS Library : à la ligne 18.
Les lignes vierges sont automatiquement supprimées et vous devez supprimer tous les commentaires inutiles avant de créer le modèle.
Plus bas, nous pouvons voir où se termine la section head et où commence la section body.
Vous devrez généralement insérer votre code avant la fin de la section head, surtout s'il vient d'une bibliothèque JavaScript personnalisée.
Une fois que vous avez préparé votre modèle HTML5 en suivant les instructions fournies par votre réseau publicitaire, vous pouvez l'enregistrer et, dans Animate, importer un modèle personnalisé.
Voici notre modèle custom.html.
Ouvrons-le.
On voit maintenant que le « modèle pour la publication HTML » utilise un modèle personnalisé.
Désormais, à chaque fois publication, le modèle personnalisé sera utilisé avec notre code spécifique, fourni par le réseau publicitaire pour rendre nos publicités HTML5 compatibles avec sa plateforme.
