Il existe un bon nombre d’extensions supportant Amazon Associates Program. Certaines de ces extensions sont disponibles gratuitement dans le répertoire des extensions de WordPress, d’autres sont distribuées sous licence commerciale. Dans cet article, nous plongerons au cœur de l’histoire officielle de l’extension Amazon Associates Link Builder, réalisée il y a quelques semaines, et actuellement en version beta.

L’extension Amazon Associates Link Builder est une nouvelle option pour les utilisateurs de WordPress. Lancée il y a quelques semaines (décembre 2016), l’extension fournit un code court facile à utiliser qui permet aux affiliés d’inclure des unités publicitaires dans le contenu des articles sous différents formats.

Au moment d’écrire ces lignes, Amazon Associates Link Builder (v. 1.3) fonctionne uniquement avec les préfixes de table WordPress « wp_ ». Il s’agit d’un problème connu qui devrait être résolu dans un proche avenir. Si votre base de données WordPress utilise le préfixe par défaut, vous pouvez l’ignorer en toute sécurité.

L’extension ajoute à l’éditeur de contenu WordPress une boîte de recherche pour rechercher des articles dans le répertoire Amazon Product.

Le formulaire de recherche Amazon Associate Link Builder

Le formulaire de recherche Amazon Associate Link Builder

Le constructeur de lien fournit un panneau d’administration à partir duquel les utilisateurs peuvent sélectionner jusqu’à neuf éléments, un modèle d’unité publicitaire, un identifiant d’associé et une place de marché Amazon.

L'interface d’Amazon Associate Link Builder permet de construire facilement le code court amazon_link

L’interface d’Amazon Associate Link Builder permet de construire facilement le code court amazon_link

Une fois terminé, l’utilisateur valide le formulaire et l’extension intègre le code court amazon_link dans le contenu de l’article. En voici un exemple :

[amazon_link 
asins='B00OCFMVHE,B01KHV5O1G,B01JRS6WR0' 
template='ProductCarousel' 
store='kinstatest-21' 
marketplace='UK' 
link_id='6d481d2c-c629-11e6-bd13-b900ba731a80']

Le code court possède les attributs suivants :

  • « asins » : liste d’un ou de plusieurs ASIN (Amazon Standard Identification Number) séparés par des virgules. L’ASIN est un jeton alphanumérique qui identifie de façon unique un article.
  • « template » : le modèle HTML à utiliser pour afficher la publicité aux utilisateurs du site. L’extension propose quatre modèles au choix : ProductCarousel, ProductAd, ProductGrid, PriceLink. De plus, les utilisateurs peuvent créer leurs propres modèles.
  • « store » : l’identifiant d’associé qui est utilisé pour surveiller le trafic et les ventes à partir d’un site associé. Sa valeur peut être un ID de boutique ou un ID de suivi.
  • « marketplace » : spécifie la place de marché Amazon.
  • « link-id » : est l’identificateur de lien d’une unité publicitaire. Il est généré par le constructeur de codes courts.

La page des réglages Amazon Associates Link Builder fournit une liste d’options à définir avant de pouvoir commencer à utiliser l’extension.

La page Réglages d'Amazon Associates Link Builder

La page Réglages d’Amazon Associates Link Builder

Les deux premiers champs d’option nécessitent la clé d’accès et le secret associé que les affiliés peuvent générer dans la page du compte de l’API d’Amazon (voir comment devenir un associé dans documentation en ligne Amazon).

Votre console d’informations d'identification de sécurité

Votre console d’informations d’identification de sécurité

Ensuite, le champ ID associé permet d’enregistrer un ID de boutique ou un ou plusieurs ID de suivi, qui sont utilisés par Amazon pour surveiller le trafic et les ventes. L’ID de boutique et les ID de suivi peuvent être créés dans Amazon Affiliate Central (voir la documentation pour la liste complète des sites Web d’Amazon).

Les associés peuvent définir leurs identifiants de suivi sur le site Web d'Amazon Affiliate Central.

Les associés peuvent définir leurs identifiants de suivi sur le site Web d’Amazon Affiliate Central.

Une fois que nous avons déterminé une valeur pour l’ID de l’associé, nous pouvons définir la place de marché (Marketplace) par défaut. Nous pouvons faire la promotion d’articles provenant de plusieurs places de marché, mais nous devons tenir compte du fait que toute identification d’associé est valable sur une place de marché spécifique. Si vous prévoyez de promouvoir des produits sur plusieurs sites Web Amazon, vous devez activer un identifiant de boutique ou un (ou plusieurs) identifiant(s) de suivi dans chaque place de marché. Enfin, nous pouvons définir le modèle de publicité par défaut.

Modèles de publicité

L’extension Amazon Associates Link Builder fournit quatre modèles pour ajouter des annonces aux articles.

Carrousel de produits : ce modèle affiche un ou plusieurs articles à la fois dans un diaporama en carrousel.

Le premier modèle intégré affiche les éléments dans un diaporama de carrousel.

Le premier modèle intégré affiche les éléments dans un diaporama de carrousel.

Annonce produit : le second modèle est assez similaire au modèle de carrousel, sauf qu’il affiche un seul produit à la fois.

Le modèle d'annonce de produit intègre une seule publicité dans le contenu de l’article.

Le modèle d’annonce de produit intègre une seule publicité dans le contenu de l’article.

Grille des produits : ce modèle affiche une grille d’éléments dans le contenu de l’article, permettant aux lecteurs de comparer facilement les produits.

Le modèle de grille de produit affiche plusieurs éléments dans la même grille.

Le modèle de grille de produit affiche plusieurs éléments dans la même grille.

Lien de prix : ce modèle inclut un lien texte dans le contenu de l’article.

En plus des modèles intégrés, l’extension d’Amazon permet aux utilisateurs de personnaliser l’apparence et la convivialité des unités publicitaires en créant des modèles personnalisés grâce au moteur de modèle Mustache. Plongeons en profondeur.

Construction de modèles personnalisés

Mustache est un simple système de modèle web basé sur des balises entourées d’accolades.

Les balises Mustache peuvent être utilisées comme variables ou sections :

  • les variables trouvent une valeur dans le contexte courant (ex : {{Title}}}). Si aucune valeur n’est trouvée, rien ne sera affiché.
  • Les sections produisent un ou plusieurs blocs de texte, selon la valeur de la clé dans le contexte courant. La balise de section d’ouverture commence par un dièse, tandis que la balise de fermeture commence par un slash (Ex : {{#InStock}}} texte {{{/InStock}}).

En supportant le moteur de modèle Mustache, le constructeur de lien fournit les balises suivantes :

  • {{ASIN}} : le numéro d’identification Amazon Standard du produit
  • {{Tilre}} : le titre ou le nom de l’élément
  • {{DetailPageURL}} : l’URL pour le lien vers Amazon
  • {{LargeImageURL}} : URL de grande image
  • {{MediumImageURL}} : URL d’image moyenne
  • {{SmallImageURL}} : URL de petite image
  • {{By}} : nom de l’auteur, de l’artiste ou de la marque
  • {{CurrentPrice}} : c’est le prix actuel. Si le prix n’est pas disponible, un lien vers Amazon sera affiché à la place.
  • {{CurrentPriceValue}} : le prix actuel en format brut
  • {{StrikePrice}} : le prix suggéré par le fabricant
  • {{StrikePriceValue}} : le prix suggéré en format brut
  • {{Saving}} : la réduction du prix d’exercice
  • {{SavingPercent}} : économie en pourcentage
  • {{SavingValue}} : économie au format brut
  • {{Prime}} : indique si l’élément est éligible à Amazon Prime
  • {{Merchant}} : retourne Amazon si l’article est vendu et expédié par Amazon. Aucune valeur pour les marchands du marché
  • {{MinimumPrice}} : prix minimum pour un nouvel article
  • {{MinimumPriceValue}} : prix minimum en format brut
  • {{InStock}} : indique si le produit est en stock.

Cette liste n’est pas exhaustive, et le meilleur endroit pour apprendre à utiliser les balises Mustache dans Amazon Associates Link Builder est la page d’administration des modèles de l’extension. Si vous avez l’intention de créer des modèles avancés, vous devriez prendre le temps de lire à l’adresse suivante la documentation en ligne Mustache.

Ceci étant dit, construisons un modèle d’unité publicitaire personnalisée très basique. Tout d’abord, nous allons obtenir le code du modèle PriceLink :

{{#Items}}
  {{#Item}}
    {{#aalb}}
     {{CurrentPrice}}!
    {{/aalb}}
  {{/Item}}
{{/Items}}

Les modèles intégrés ne sont pas modifiables. Afin de personnaliser un modèle intégré, nous devons d’abord cloner le modèle et définir un nouveau nom pour la copie. Ensuite, nous pouvons effectuer nos modifications, comme le montre l’exemple suivant :

{{#Items}}
  {{#Item}}
    {{#aalb}}
      {{#InStock}}{{Title}}: {{CurrentPrice}}! {{/InStock}}
    {{/aalb}}
  {{/Item}}
{{/Items}}

Dans ce modèle personnalisé, nous avons ajouté la balise {{InStock}} pour que le contenu HTML ne soit pas affiché si l’article est en rupture de stock.

{{Title}}, {{DetailPageURL}} et {{CurrentPrice}} afficheront les données de l’élément correspondant.

La page d'administration des modèles permet aux affiliés de créer et de modifier des modèles de publicité.

La page d’administration des modèles permet aux affiliés de créer et de modifier des modèles de publicité.

Nous pouvons personnaliser la structure de l’unité, ainsi que la présentation de l’unité, grâce à un certain nombre de classes CSS. Malheureusement, au moment d’écrire ces lignes, l’équipe de développement d’Amazon ne fournit pas de documentation pour ces classes, donc nous pouvons juste jeter un coup d’œil aux feuilles de style dans l’écran d’administration des modèles.

L’unité publicitaire est enveloppée dans une div avec la classe aalb-pc-ad-unit, tandis que la classe aalb-pc-ad-header s’applique au titre h2. A titre d’exemple, nous pouvons personnaliser l’apparence du contenu texte dans un clone ProductCarousel en modifiant le bloc suivant de déclarations :

.aalb-363-pc-ad-unit .aalb-363-pc-product-title a {
  display: block;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 13px;
  color: #111111;
  text-decoration: none;
}

Notez la chaîne numérique dans les sélecteurs de classe. C’est un numéro ajouté par l’extension à tous les noms de classes lorsqu’un modèle est dupliqué. Nous devrions toujours en tenir compte lors de la modification des modèles.

Maintenant, changez simplement la valeur de la couleur du texte de gris foncé par défaut à rouge :

.aalb-363-pc-ad-unit .aalb-363-pc-ad-header a {
  color: red;
}

Une autre classe utile à considérer est no-truncate, qui empêche l’extension de tronquer le contenu textuel d’une unité publicitaire. no-truncate doit être ajouté à côté de la classe aalb-pc-ad-unit. En voici un exemple :

<div class="aalb-363-pc-ad-unit no-truncate" id="{{ID}}">...</div>

Enfin, nous pouvons apprécier les différences entre le modèle intégré ProductCarousel et son clone personnalisé.

L'image montre l’affichage du modèle ProductCarousel intégré et une version personnalisée du même modèle.

L’image montre l’affichage du modèle ProductCarousel intégré et une version personnalisée du même modèle.

Amazon Associates Link Builder offre un moyen rapide et facile de promouvoir les produits Amazon sur les sites WordPress. Il ne nécessite pas de compétences en programmation et les fonctionnalités du modèle devraient couvrir les besoins les plus courants des propriétaires de sites. Mais si vous avez besoin de fonctionnalités plus avancées, d’un service d’assistance et d’un contrôle plus approfondi de la présentation du produit, vous devriez comparer l’extension officielle à un ou plusieurs outils publiés sous licence commerciale.

Amazon Affiliate for WordPress (AAWP)

Une autre extension premium populaire est Amazon Affiliate for WordPress, qui est une extension puissante et facile à utiliser pour les affiliés d’Amazon. Tout comme Amazon Associates Link Builder, AAWP utilise l’API Amazon Product Advertising pour récupérer les informations produit des répertoires Amazon. L’extension fournit un ensemble de quatre modèles intégrés pour construire facilement des unités publicitaires pour les produits sélectionnés. De plus, les utilisateurs peuvent personnaliser la présentation de la publicité en modifiant les modèles existants ou en créant leurs propres modèles personnalisés, comme expliqué dans la section Tutoriel de modèle AAWP.

De plus, l’extension permet de récupérer et d’afficher des champs de données uniques, que les propriétaires de sites peuvent utiliser pour construire des tableaux avancés de produits.

Un tableau de produits construit à l'aide de champs de données uniques

Un tableau de produits construit à l’aide de champs de données uniques

Les autres points forts d’AAWP sont les widgets, une fonctionnalité de mise en cache, des listes automatisées des meilleures ventes et des nouvelles versions, et un service de support efficace. L’extension est distribuée en trois versions : standard (39,00€), business (99,00€) et développeur (199,00€). Chaque offre comprend une année de mises à jour et de support. Amazon Affiliate soutient actuellement les places de marchés suivantes : Allemagne, États-Unis, Royaume-Uni, France, Japon, Italie, Canada, Espagne, Inde et Brésil.

Résumé

Le Link Builder Amazon Associates officiel fournit un moyen rapide et facile de promouvoir les produits Amazon. Il est facile à utiliser, facile à configurer et comprend toutes les fonctionnalités de base dont vous pourriez avoir besoin pour monétiser le contenu de votre site. Et c’est gratuit !

D’un autre côté, les extensions commerciales comme AAWP offrent généralement un contrôle plus avancé sur la publicité des produits, mais elles ne sont pas gratuites. Par conséquent, si l’objectif principal de votre site est de promouvoir les produits Amazon, AAWP pourrait être une bonne option pour vous. Inversement, si votre but est principalement de produire du contenu et de promouvoir des produits de façon poncutelle, vous pouvez préférer l’extension Amazon Associate Link Builder.


Si vous avez aimé cet article, alors vous allez adorer la plateforme d'hébergement WordPress de Kinsta. Accélérez votre site Web et obtenez le support 24/7 de notre équipe de vétérans de WordPress. Notre infrastructure propulsée par Google Cloud met l’accent sur la mise à l’échelle automatique, la performance et la sécurité. Laissez-nous vous montrer la différence de Kinsta ! Découvrez nos plans