Partager via


Créer un Xandr HTML5 créatif dans Google Web Designer

Cette page explique comment utiliser Google Web Designer pour créer des créations HTML5 qui suivront correctement les clics dans Xandr.

  1. Ouvrez Google Web Designer.

  2. Cliquez sur CRÉER UN FICHIER. La fenêtre contextuelle Create Nouveau fichier vide s’affiche.

  3. Cliquez sur HTML dans le menu Autres .

  4. Entrez un nom et un titre pour le créatif.

  5. Sélectionnez un emplacement et un mode d’animation.

  6. Cliquez sur OK. La fenêtre contextuelle Create Nouveau fichier vide se ferme.

  7. Cliquez sur le + bouton en bas à gauche de Google Web Designer sous l’onglet Événements pour ajouter un nouvel événement.

    Capture d’écran de l’onglet Événements.

    Une fenêtre contextuelle s’affiche.

  8. Sélectionnez une cible.

    Capture d’écran montrant l’option Cible sélectionnée.

    Il s’agit de l’élément de la publicité qui sera cliquable.

  9. Sélectionnez un événement.

  10. Sélectionnez l’une des options disponibles qui s’affichent pour l’événement.

    Capture d’écran des options d’événement disponibles.

  11. Sélectionnez Personnalisé sous le menu Action .

  12. Sélectionnez Ajouter une action personnalisée.

    Capture d’écran de l’option Ajouter une action personnalisée.

  13. Tapez un nom unique dans le champ de texte qui s’affiche en regard de « gwd ». (par exemple, XandrClick).

  14. 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 personnalisé.

    Remarque

    Étant donné que Google Web Designer présente un problème connu lié aux commandes de clé, vous devez coller le code à l’aide de l’option de collage de la barre de menus de votre ordinateur.

  15. Cliquez sur OK.

  16. Testez le créatif en effectuant les opérations suivantes si nécessaire :

    1. Cliquez sur Aperçu en haut à droite de Google Web Designer pour ouvrir la création dans votre navigateur.

      Capture d’écran de l’écran d’aperçu.

    2. Ajoutez «?clickTag=https://yoururlhere.com » dans la barre d’adresses à la fin de l’URL de la page d’accueil que vous souhaitez tester.

    3. 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 la création est servie, Xandr définit une valeur sur suivi des clickTag clics de Xandr, ainsi qu’une redirection vers l’URL de la page d’accueil fournie dans Microsoft Monetize.