Partager via

Créer un élément créatif Xandr HTML5 dans Adobe Edge

  • Article

Ce guide explique comment utiliser Adobe Edge pour créer des créations HTML5 qui suivront correctement les clics dans Xandr. Il suppose que vous connaissez l’utilisation d’Adobe Edge pour créer des créations.

Avec la bibliothèque Xandr HTML5

  1. Dans Adobe Edge, sélectionnez l’élément que vous souhaitez rendre cliquable dans le panneau Éléments . (Le nom de l’élément « cliquable » n’est pas obligatoire.)

    Capture d’écran du panneau Éléments.

  2. Ouvrez Actions pour l’élément sélectionné. Le panneau Actions s’affiche avec un menu déroulant. Sélectionnez ensuite cliquer dans le menu déroulant.

    Capture d’écran du panneau Actions.

  3. Sélectionnez Liens et Lien dans une nouvelle fenêtre dans la zone Choisir une action .

    Capture d’écran de l’écran Choisir une action.

  4. Vous verrez du code qui ressemble à ceci.

    Capture d’écran de l’écran de code qui montre les propriétés de la fonction.

  5. Remplacez «https://www.adobe.com » APPNEXUS.getClickTag()par . Veillez à supprimer les guillemets.

    Capture d’écran montrant l’écran des propriétés de fonction avec l’attribut cible remplacé.

  6. Dans le panneau Bibliothèque , dans la liste déroulante Scripts , cliquez sur Ajouter un fichier JS à partir de l’URL... Collez https://acdn.adnxs.com/html5-lib/1.3.0/appnexus-html5-lib.min.js dans le champ et cliquez sur OK.

    Capture d’écran du panneau Bibliothèque.

    Conseil

    Utilisez https pour vous assurer que le créatif peut servir sur un inventaire sécurisé.

  7. Cliquez sur Aperçu dans le navigateur pour ouvrir la publicité dans votre navigateur. Ajoutez ?clickTag=http://YOUR-URL-HERE.com à la fin de l’URL dans la barre d’adresses avec la page d’accueil que vous souhaitez tester. Actualisez la page et cliquez sur l’annonce. Une nouvelle fenêtre avec la page d’accueil que vous avez entrée doit s’ouvrir dans votre navigateur. Lorsque le contenu créatif est servi, Xandr définit la valeur de sur le suivi des clickTag clics de Xandr et définit une redirection vers l’URL de la page d’accueil fournie dans Microsoft Monetize.

Sans bibliothèque Xandr HTML5

  1. Dans Adobe Edge, sélectionnez l’élément que vous souhaitez rendre cliquable dans le panneau Éléments . (Nommer l’élément « cliquable » n’est pas obligatoire).

    Capture d’écran montrant le panneau Éléments.

  2. Ouvrez Actions pour l’élément sélectionné. Le panneau Actions s’affiche avec un menu déroulant. Sélectionnez ensuite cliquer dans le menu déroulant.

    Capture d’écran du panneau Actions avec l’option Click sélectionnée.

  3. Collez le code ci-dessous dans la zone de texte fournie (il s’agit de votre clickTag code).

    function getParameterByName(name) {
  var match = RegExp('[?&]' + name + '=([^&]*)').exec(window.location.search);
  return match && decodeURIComponent(match[1].replace(/\+/g, ' '));
}
window.open(getParameterByName('clickTag'), '_blank');

    Capture d’écran du code de balise click.

  4. Cliquez sur Aperçu dans le navigateur pour ouvrir la publicité dans votre navigateur. Ajoutez ?clickTag=http://YOUR-URL-HERE.com à la fin de l’URL dans la barre d’adresses avec la page d’accueil que vous souhaitez tester. Actualisez la page et cliquez sur le créatif. Une nouvelle fenêtre avec la page d’accueil que vous avez entrée doit s’ouvrir dans votre navigateur. Lorsque le contenu créatif est servi, Xandr définit la valeur de sur le suivi des clickTag clics de Xandr et définit une redirection vers l’URL de la page d’accueil fournie dans Microsoft Monetize.

Créer un Xandr Creative HTML5 dans Google Web Designer