Passer au contenu principal

Conseils sur le remplacement du contenu actif dans les annonces eBay

eBay limitera l'utilisation du contenu actif dans toutes les annonces et sur tous les appareils

Introduction

Comme le précisaient les Mises à jour pour les vendeurs du printemps 2016, l'utilisation de contenu actif dans les annonces, comme JavaScript, Flash, plugiciels et formulaires, freine les achats sur les appareils mobiles et peut mener à des abus sur le site.

Dans le cadre des Mises à jour pour les vendeurs du printemps 2017, eBay limitera l'utilisation du contenu actif dans toutes les annonces et sur tous les appareils, et ce contenu ne s'affichera plus par défaut.

D'ici les Mises à jour pour les vendeurs de l'automne 2017, nous prévoyons retirer ou bloquer toutes les annonces et toutes les pages des Boutiques eBay, nouvelles ou existantes, qui présentent du contenu actif.

En vue de ces modifications, nous vous encourageons à limiter votre utilisation de contenu actif dans les annonces et les Boutiques eBay, ou à cesser de l'utiliser, et ce, dès que possible.

Nous vous fournirons des précisions sur le moment auquel chaque type de fonctionnalité sera limitée ou bloquée par le biais des Mises à jour pour les vendeurs de l'automne 2016 et vous donnerons les dates exactes au début de l'année 2017. De plus, nous collaborons étroitement avec nos partenaires qui utilisent du contenu actif pour vos descriptions d'objets ou vos Boutiques.

Aperçu du contenu actif

Au courant du mois d'avril, nous mettrons à disposition des vendeurs une fonctionnalité qui permet d'alterner entre un aperçu de l'annonce avec le contenu actif pris en charge dans la description de l'annonce et un aperçu de l'annonce sans celui-ci. Les vendeurs pourront ainsi voir la différence entre les deux (avec et sans contenu actif). Nous espérons que cette fonctionnalité les aidera à optimiser l'affichage de leurs annonces sur tous les appareils.

Options de remplacement du contenu actif

Ce guide couvre les situations les plus courantes dans lesquelles un vendeur pourrait utiliser du contenu actif dans ses annonces, puis propose des manières de remplacer le contenu actif dans chacune de ces situations. Quelle que soit la situation, le retrait du contenu actif a l'avantage de réduire le temps de chargement des annonces et d'en améliorer l'affichage sur les appareils mobiles.

Dans certains cas, les options de remplacement du contenu actif consisteront en une fonctionnalité, en une option ou en un réglage intégré à l'interface de mise en vente (outils de vente, formulaire de mise en vente et API) ou à la Page objet standard. Dans d'autres cas, nous fournirons un exemple de code illustrant comment intégrer les langages CSS et HTML pour vous aider à obtenir un résultat similaire sans utiliser de contenu actif (par exemple, JavaScript).

Bien qu'il soit pertinent, ce contenu ne vise pas précisément à améliorer l'affichage des annonces sur les appareils mobiles. Pour en savoir plus sur la manière d'optimiser l'affichage des annonces sur les plateformes mobiles, consultez les guides suivants :

Conseils sur les promotions croisées

Pour favoriser l'achat d'objets connexes, les vendeurs utilisent souvent du contenu actif pour afficher des photos miniatures de ces objets ainsi que des liens vers les annonces eBay correspondantes.

Nous recommandons aux vendeurs possédant des Boutiques eBay d'utiliser le Propulseur des ventes pour faire la promotion croisée d'objets connexes. Pour en savoir plus sur le Propulseur des ventes, consultez la page Développez vos activités.

Nous conseillons aux vendeurs qui ne possèdent pas de Boutique eBay d'utiliser le widget de promotion qui sera disponible sous peu. Ce widget leur permettra de favoriser l'achat d'objets connexes sans avoir à offrir de réduction. La date du lancement de ce widget sera annoncée dans les Mises à jour pour les vendeurs de l'automne 2016.

Une autre option de remplacement pour les vendeurs (avec ou sans Boutiques eBay) consiste à créer, dans l'annonce, un widget statique qui contient des liens vers des objets connexes (uniquement aux formats Prix fixe et Valide jusqu'à annulation), vers des recherches ou vers des catégories de Boutique.

Conseils sur la mise en place de lettres d'information, de bons d'achat et de réductions

Certains vendeurs intègrent dans leurs annonces des lettres d'information concernant leur Boutique ou leur entreprise, des bons d'achat, des réductions, des promotions, etc. Nous recommandons aux vendeurs d'utiliser les options de remplacement suivantes :

Les vendeurs peuvent indiquer dans leur Boutique eBay qu'une lettre d'information est disponible pour leur Boutique ou leur entreprise et inclure le lien vers cette dernière.

Les didacticiels suivants vous aideront à utiliser l'interface utilisateur du Propulseur des ventes d'eBay et à y intégrer notamment des bons d'achat et des réductions :

  • Bons d'achat sans code
  • Réductions sur la commande
  • Réductions sur les frais d'expédition
  • Réductions sur les accessoires
  • Promotions

Conseils sur l'ajout d'une zone de recherche dans les Boutiques eBay

Les vendeurs intègrent souvent une zone de recherche à leurs annonces afin de permettre aux acheteurs d'effectuer des recherches dans leur Boutique eBay. Nous recommandons aux vendeurs qui souhaitent ajouter une zone de recherche dans leur Boutique d'activer la fonctionnalité Modèle d'annonce à partir de la section Description de l'objet de l'annonce. Pour en savoir plus sur la mise en place d'un modèle d'annonce pour une Boutique eBay, consultez la rubrique d'aide Personnalisation de votre Boutique.

Les vendeurs peuvent également créer un lien vers leur Boutique eBay et inviter les acheteurs à l'explorer et à y faire des recherches, ou se contenter du lien vers leur Boutique qui se trouve dans la section Informations sur le vendeur.

Conseils sur la création d'un volet avec onglets dans les announces

À l'heure actuelle, certains vendeurs utilisent du contenu actif pour créer leur propre volet avec onglets, qui permet aux acheteurs d'alterner entre les détails relatifs à l'expédition, les modes de paiement acceptés, les modalités de renvoi, les coordonnées, etc.

Nous recommandons aux vendeurs d'utiliser les champs standard pour créer les annonces les plus complètes possible et les mieux adaptées à l'ensemble des appareils. Les vendeurs doivent saisir les modes de paiement qu'ils acceptent dans les champs relatifs au paiement, les options d'expédition offertes dans les champs relatifs à l'expédition, les modalités de renvoi dans les champs relatifs aux modalités de renvoi, les caractéristiques de l'objet dans les champs relatifs aux caractéristiques de l'objet, etc.

Nous conseillons aux vendeurs qui ont malgré tout besoin de créer ce volet avec onglets personnalisé de le faire uniquement au moyen des codes HTML et CSS. Vous trouverez ci-dessous un exemple de la manière dont les codes HTML et CSS peuvent être utilisés pour créer un volet à quatre onglets. Les langages HTML et CSS sont intégrés dans la description de l'objet au moment de la mise en vente.


  • Code HTML

    <! -- Code HTML -->
    
    <main>
      <input id="tab1" type="radio" name="tabs" checked>
      <label for="tab1">Tab 1</label>
      <input id="tab2" type="radio" name="tabs">
      <label for="tab2">Tab 2</label>
      <input id="tab3" type="radio" name="tabs">
      <label for="tab3">Tab 3</label>
      <input id="tab4" type="radio" name="tabs">
      <label for="tab4">Tab 4</label>
      <section id="content1">
    	Tab 1 Content
      </section>
      <section id="content2">
    	Tab 2 Content
      </section>
      <section id="content3">
    	Tab 3 Content
      </section>
      <section id="content4">
    	Tab 4 Content
      </section>
    </main>
    
    
    <! -- Code CSS -->
    
    main {
      min-width: 320px;
      max-width: 400px;
      padding: 50px;
      margin: 0 auto;
      background: #fff;
    }
    section {
      display: none;
      padding: 20px 0 0;
      border-top: 1px solid #ddd;
    }
    input {
      display: none;
    }
    
    label {
      display: inline-block;
      margin: 0 0 -1px;
      padding: 15px 25px;
      font-weight: 600;
      text-align: center;
      color: #bbb;
      border: 1px solid transparent;
    }
    
    label:hover {
      color: #888;
      cursor: pointer;
    }
    
    input:checked + label {
      color: #555;
      border: 1px solid #ddd;
      border-top: 2px solid orange;
      border-bottom: 1px solid #fff;
    }
    
    #tab1:checked ~ #content1,
    #tab2:checked ~ #content2,
    #tab3:checked ~ #content3,
    #tab4:checked ~ #content4 {
      display: block;
    }
    
    @media screen and (max-width: 650px) {
      label {
    	font-size: 0;
      }
      label:before {
    	margin: 0;
    	font-size: 18px;
      }
    }
    
    @media screen and (max-width: 400px) {
      label {
    	padding: 15px;
      }
    }
    

Conseils sur la création de galeries photos

Certains vendeurs créent leur propre Galerie photos de leur produit.



Nous invitons les vendeurs à ajouter leurs photos à l'aide des fonctionnalités très efficaces de la Galerie photos. Les vendeurs peuvent inclure jusqu'à 12 photos dans leur annonce (jusqu'à 24 pour les annonces eBay Auto-Moto) sans frais supplémentaires.

Les vendeurs préférant tout de même créer leur propre carrousel de photos peuvent le faire à l'aide des codes HTML et CSS. L'exemple ci-dessous décrit comment créer un carrousel de photos à l'aide de codes HTML et CSS. Les langages HTML et CSS sont intégrés dans la description de l'objet. Veuillez noter qu'il n'est pas recommandé d'inclure un carrousel de photos personnalisé dans l'annonce.


  • Code HTML

    <!-- Code HTML -->
    
    <header>
    <div><img src="https://ir.ebaystatic.com/pictures/aw/pics/s.gif" alt></div>
    <div><img src="https://ir.ebaystatic.com/pictures/aw/pics/s.gif" alt></div>
    <div><img src="https://ir.ebaystatic.com/pictures/aw/pics/s.gif" alt></div>
    <div><img src="https://ir.ebaystatic.com/pictures/aw/pics/s.gif" alt></div>
    <div><img src="https://ir.ebaystatic.com/pictures/aw/pics/s.gif" alt></div>
    </header>
    
    <!-- Code CSS -->
    
    body { margin: 0; background: #333; }
    header {
      padding: .5rem;
      font-size: 0;
      display: -ms-flexbox;
      -ms-flex-wrap: wrap;
      -ms-flex-direction: column;
      -webkit-flex-flow: row wrap;
      flex-flow: row wrap;
      display: -webkit-box;
      display: flex;
    }
    header div {
      -webkit-box-flex: auto;
      -ms-flex: auto;
      flex: auto;
      margin: .5rem;
    }
    header div img {
      width: 100%;
      height: auto;
      border: 1px solid #fff;
    }
    @media screen and (max-width: 400px) {
      header div { margin: 0; }
      header { padding: 0; }
    
    }
    

Les langages HTML et CSS employés permettent d'obtenir la Galerie photos ci-dessous. Pour finaliser la Galerie photos, il ne reste plus au vendeur qu'à insérer les bons chemins vers les dossiers dans lesquels se trouvent les photos entre les balises <div> ci-dessus.

Conseils sur l'insertion d'une vidéo de produit

Certains vendeurs intègrent des vidéos de produit dans leur annonce.

Nous recommandons aux vendeurs d'utiliser les options de remplacement suivantes :

Utiliser une balise HTML5 <video> pour diffuser une vidéo dans l'annonce. Voici un exemple de code permettant la diffusion d'une vidéo :

	<video width="320" height="240" autoplay>
	  <source src="movie.mp4" type="video/mp4">
	  <p>Voici une vidéo du produit</p>
	</video>
  • Nous travaillons actuellement à assurer la compatibilité avec les sites d'hébergement de vidéos populaires. Vous pourrez en savoir plus à ce sujet dans les Mises à jour pour les vendeurs de l'automne 2016.
  • Il est également conseillé aux vendeurs de lire notre Règlement sur les liens pour en savoir plus sur les restrictions et les exigences auxquelles les vidéos intégrées dans les annonces sont soumises.

    Remarque : actuellement, certains sites d'hébergement de vidéos ne prennent pas directement en charge la balise HTML5 <video>.

    Conseils sur l'affichage des frais de transport

    Le vendeur n'a pas à recourir à des tierces parties comme FreightQuote pour intégrer les informations sur les frais de transport, car FreightQuote calcule automatiquement les frais après que le vendeur a saisi les informations logistiques relatives à la cueillette, comme le type et l'état de l'objet, le lieu de cueillette de la marchandise (zone résidentielle ou commerciale, chantier) et, si cela est le cas, l'aide particulière dont a besoin le vendeur pour préparer l'expédition de l'objet.

    Conseils sur la mise en place d'analyses et de suivis

    Dès que le Centre vendeur d'eBay sera disponible, il ne sera plus nécessaire d'intégrer du code JavaScript pour permettre l'analyse et le suivi des annonces. Pour en savoir plus sur le Centre vendeur, consultez la rubrique d'aide Développez vos activités. Les API relatives au Centre vendeur seront offertes plus tard cette année.

    Conseils sur l'affichage de la compatibilité des pièces

    La fonction de compatibilité des pièces (dans l'interface de mise en vente et dans l'API) permet généralement d'associer correctement les pièces de véhicules motorisés aux véhicules avec lesquels elles sont compatibles. Nous invitons donc les vendeurs à utiliser cette fonction au moment de créer l'annonce, dans la mesure du possible. Cependant, si le vendeur s'aperçoit que les informations fournies par la fonction de compatibilité des pièces d'eBay sont incomplètes ou légèrement inexactes, il peut, au lieu d'utiliser cette fonction, intégrer un tableau HTML simple pour dresser la liste de tous les véhicules compatibles. Pour en savoir plus sur la compatibilité des pièces, consultez la rubrique d'aide Compatibilité des pièces.

    Conseils sur la mise en place d'une conception réactive

    Nous recommandons de déterminer le type du navigateur ou de l'appareil à l'aide des codes HTML et CSS afin de personnaliser le style ou la mise en page. Vous trouverez ci-dessous un exemple de la manière dont les codes HTML et CSS peuvent être utilisés pour définir la largeur et la disposition des colonnes selon le type de navigateur et d'appareil. Les langages HTML et CSS sont intégrés dans la description de l'objet.


    • Code HTML

      <!-- Code HTML -->
      
      <div id="pagewrap">
      
        <header>
      	<h1>3 Column Responsive Layout</h1>
        </header>
      
        <section id="content">
      	<h2>Column 1</h2>
        </section>
      
        <section id="middle">
      	<h2>Column 2</h2>
      
        </section>
      
        <aside id="sidebar">
      	<h2>Column 3</h2>
      
        </aside>
      
        <footer>
      	<h4>Footer</h4>
      	<p>Footer text</p>
        </footer>
      
      </div>
      
      
      <!-- Code CSS -->
      
      #pagewrap {
        padding: 5px;
        width: 960px;
        margin: 20px auto;
      }
      
      header {
        height: 100px;
        padding: 0 15px;
      }
      
      #content {
        width: 290px;
        float: left;
        padding: 5px 15px;
      }
      
      #middle {
        width: 294px;
        float: left;
        padding: 5px 15px;
        margin: 0px 5px 5px 5px;
      }
      
      #sidebar {
        width: 270px;
        padding: 5px 15px;
        float: left;
      }
      
      footer {
        clear: both;
        padding: 0 15px;
      }
      
      
      /************************************************************************************
      MEDIA QUERIES
      *************************************************************************************/
      
      
      /* for 980px or less */
      
      @media screen and (max-width: 980px) {
        #pagewrap {
      	width: 94%;
        }
        #content {
      	width: 41%;
      	padding: 1% 4%;
        }
        #middle {
      	width: 41%;
      	padding: 1% 4%;
      	margin: 0px 0px 5px 5px;
      	float: right;
        }
        #sidebar {
      	clear: both;
      	padding: 1% 4%;
      	width: auto;
      	float: none;
        }
        header,
        footer {
      	padding: 1% 4%;
        }
      }
      
      
      /* for 700px or less */
      
      @media screen and (max-width: 600px) {
        #content {
      	width: auto;
      	float: none;
        }
        #middle {
      	width: auto;
      	float: none;
      	margin-left: 0px;
        }
        #sidebar {
      	width: auto;
      	float: none;
        }
      }
      
      
      /* for 480px or less */
      
      @media screen and (max-width: 480px) {
        header {
      	height: auto;
        }
        h1 {
      	font-size: 2em;
        }
        #sidebar {
      	display: none;
        }
      }
      
      #content {
        background: #f8f8f8;
      }
      
      #sidebar {
        background: #f0efef;
      }
      
      header,
      #content,
      #middle,
      #sidebar {
        margin-bottom: 5px;
      }
      
      #pagewrap,
      header,
      #content,
      #middle,
      #sidebar,
      footer {
        border: solid 1px #ccc;
      }
      

    Les langages HTML et CSS employés permettent d'obtenir des colonnes avec une mise en page réactive, comme il est illustré ci-dessous. Comme vous pouvez le voir dans la section « MEDIA QUERIES », la largeur des colonnes, la taille de la police et les autres éléments de mise en page varient en fonction de la taille de l'écran sur lequel la page est affichée.

    Conseils sur l'utilisation d'un compteur de visites

    Nous conseillons aux vendeurs de se référer au nombre de visites affiché sur leur Page objet.

    Fonctions et éléments qui ne doivent pas être intégrés dans la description des annonces

    La description de l'objet de l'annonce vise à fournir à l'acheteur des informations sur l'objet mis en vente ainsi que sur les étapes de la transaction.

    Nous suggérons aux vendeurs de ne plus utiliser de contenu actif pour intégrer les fonctionnalités ou éléments ci-dessous dans leurs annonces :

    • Évaluations des acheteurs intégrées : certains vendeurs intègrent des évaluations d'acheteurs obtenues sur des transactions récentes.
    • L'intégration d'évaluations dans l'annonce n'est pas utile, puisque les évaluations sur le vendeur sont déjà facilement accessibles à partir de la section Informations sur le vendeur de l'annonce eBay. Les acheteurs n'ont qu'à cliquer sur le profil d'évaluation du vendeur dans cette section pour afficher la page Profil d'évaluation.
    • Widgets de conversion de devises : certains vendeurs intègrent des widgets de conversion de devises dans leurs annonces. Ces widgets ne sont désormais plus utiles, car eBay effectue toujours la conversion des devises pour les acheteurs et les vendeurs, au besoin.
    • Widgets de traduction : certains vendeurs intègrent des widgets de traduction dans leurs annonces. Ces widgets ne sont désormais plus utiles, car eBay effectue toujours la traduction du contenu pour les acheteurs et les vendeurs, au besoin.
    • Icônes de partage sur médias sociaux : l'intégration de liens vers des sites de médias sociaux dans votre annonce est interdite par eBay. Pour en savoir plus, consultez le Règlement sur les liens d'eBay. Heureusement, des icônes de partage sur Facebook, Twitter et Pinterest s'affichent dans le haut de toutes les annonces sur eBay.
    • iframes : conformément à notre Règlement sur le code HTML et JavaScript, l'utilisation d'iframes, de quelque forme que ce soit, est interdite dans les annonces eBay.

    Foire aux Questions

    • Le code CSS à hébergement externe sera-t-il pris en charge par eBay?

      Des liens vers du code CSS externe seront autorisés. Cependant, si le code CSS externe contient des balises script ou du contenu actif, ces derniers seront bloqués. Nous déconseillons l'utilisation de code CSS à hébergement externe pour des raisons de performance.

    • Serai-je toujours en mesure de créer une image de marque pour ma Boutique et mes annonces, et de les personnaliser?

      Les vendeurs pourront encore créer une image de marque pour leur Boutique et leurs annonces, et les personnaliser. Ils devront cependant le faire sans utiliser de contenu actif. Grâce aux codes HTML et CSS, de nombreux éléments d'image de marque peuvent être intégrés sans qu'il soit nécessaire de recourir à du contenu actif.

    • Quel type de contenu actif sera bloqué?

      JavaScript, Flash, les plugiciels et les formulaires seront bloqués.

    • Les Boutiques eBay seront-elles touchées par ce changement?

      Oui, nous imposerons des restrictions en matière de contenu actif pour les Boutiques comme pour les annonces en 2017. Des informations plus précises en ce qui concerne les Boutiques sont fournies dans les Mises à jour pour les vendeurs de l'automne 2016.

    • Les liens vers des vidéos YouTube seront-ils autorisés dans les annonces et les Boutiques?

      Actuellement, les liens vers YouTube et vers d'autres sites d'hébergement de vidéos externes sont interdits. Nous nous efforçons de trouver une solution. Cependant, nous ne savons pas encore quand ce problème sera résolu.

    • Est-ce qu'eBay fournira aux vendeurs qui souhaitent personnaliser la description de l'objet et la Page objet des précisions sur le type de langage HTML pris en charge ou autorisé?

      Nous publierons des lignes directrices relatives à la création du contenu de la description de l'objet. Nous partagerons également des conseils sur l'intégration de code dans certaines fonctionnalités. Dans d'autres cas, nous suggérerons au vendeur d'utiliser des fonctionnalités particulières.

    • Quand recevrons-nous plus de renseignements?

      Les dates de lancement de certaines fonctionnalités seront indiquées dans les Mises à jour pour les vendeurs de l'automne 2016. Ces fonctions viseront à guider les vendeurs dans le processus de mise en vente. Des mises à jour, des informations et des ressources supplémentaires seront mises à la disposition des vendeurs sur une base régulière.

    • L'utilisation du contenu actif dans la description de l'objet sera-t-elle autorisée dans certains cas?

      Non, il n'y aura aucune exception concernant l'utilisation du contenu actif dans la description de l'objet. Plus de renseignements sur les échéances seront fournis dans les Mises à jour pour les vendeurs du printemps 2017.