Widget Cashback GotCashback

Montrez à vos lecteurs le meilleur taux de cashback ou la meilleure remise sur cartes cadeaux pour n'importe quelle boutique, actualisés plusieurs fois par jour, avec un badge léger qui renvoie vers GotCashback. Un seul script, sans compte ni clé API.

fr.GotCashback.com compare les taux de cashback de 113 portails de cashback dans 42 pays à travers le monde, dont 8 portails et 3 804 boutiques en France. Fondé en 2020 ; exploité par MNP Enterprises, LLC.

Créez votre code d'intégration

Taux de quel portail afficher
Ajoute une ligne du type "Rejoignez Rakuten et recevez 30 $" lorsque le portail affiché offre un bonus aux nouveaux membres dans ce pays.
Ajoute un petit graphique du meilleur taux sur les 90 derniers jours et indique s'il a monté ou baissé.
Les partenaires gagnent un crédit de parrainage pour les clics envoyés par leur badge. Retrouvez votre code sous Compte → Parrainages, ou candidatez pour devenir partenaire. Mon code de parrainage · Devenir partenaire

Aperçu

Choisissez une boutique pour voir le badge.

Votre code d'intégration

Script (recommandé)
iframe (si vous ne pouvez pas ajouter de scripts)

Ce que le widget affiche

  • Le badge de taux affiche le meilleur taux de cashback pour la boutique parmi les portails de cashback comparés par GotCashback, ou le taux des portails que vous choisissez, avec l'icône du portail et un lien suivi vers ce portail.
  • Le badge carte cadeau affiche la meilleure remise actuellement disponible sur les cartes cadeaux de la boutique et renvoie vers l'offre.
  • La liste des vendeurs affiche chaque vendeur de cartes cadeaux de la boutique avec sa meilleure remise, la meilleure en premier, chacun renvoyant vers le vendeur.
  • La tendance ajoute un petit graphique du meilleur taux sur les 90 derniers jours, pour que les lecteurs voient si c'est le bon moment pour acheter.
  • Chaque badge porte un petit lien "via GotCashback" vers la page de la boutique, où les visiteurs peuvent comparer tous les portails et vendeurs de cartes cadeaux.
  • Le badge parle la langue du pays de la boutique, avec les prix dans sa devise.
  • Si la boutique n'a pas de taux (ou si les portails choisis n'en ont aucun), le badge n'affiche rien du tout, jamais de message d'erreur sur votre page. Ce que vous placez dans l'élément du badge reste visible en repli.

Comment l'ajouter à votre site

  1. Collez l'extrait là où le badge doit apparaître : dans un article, un test produit, une barre latérale.
  2. Le script se charge une fois par page (environ 8 Ko, mis en cache une heure) et remplit chaque badge de la page.
  3. Ajoutez autant de badges que vous voulez ; chacun indique sa propre boutique.
<div class="gotcashback-widget" data-store="walmart" data-country="us">
  <a href="https://www.gotcashback.com/Stores/walmart/">Walmart cashback rates</a>
</div>
<script async src="https://cdn.gotcashback.com/assets/widget/v1/widget.min.js"></script>

Options

AttributValeursPar défautCe qu'il fait
data-storewalmartobligatoireSlug de la boutique, tel qu'il figure dans l'adresse de sa page GotCashback (/Stores/…/).
data-countryus, gb, de, …obligatoireCode pays de la propriété GotCashback de la boutique, en minuscules (le Royaume-Uni est gb).
data-store-id123aucunIdentifiant numérique de la boutique, en alternative à la boutique et au pays.
data-typerate, giftcard, giftcardsraterate affiche le meilleur taux de cashback ; giftcard la meilleure remise sur cartes cadeaux ; giftcards la liste des vendeurs.
data-portalrakutenaucunAffiche uniquement le taux d'un portail, par son slug.
data-portalsrakuten,topcashbackaucunSlugs de portails séparés par des virgules : le meilleur taux parmi eux.
data-portal-typecash, travel, creditcard, pointsaucunLe meilleur taux parmi les portails d'un type : cash, travel, creditcard ou points.
data-fallbackbestaucunAvec une sélection de portails : affiche le meilleur taux global plutôt que rien quand la sélection n'en a aucun.
data-instoretrueaucunPrivilégie le taux en magasin ; se rabat sur le taux en ligne s'il n'y en a pas.
data-signupbonustrueaucunAjoute la ligne du bonus d'inscription du portail lorsqu'il en offre un.
data-historytrueaucunAjoute la tendance du taux sur 90 jours.
data-max1–2010Liste des vendeurs uniquement : nombre de vendeurs à afficher.
data-refABC123aucunVotre code de parrainage GotCashback ; les liens suivis vous sont crédités.
data-themeauto, light, darkautolight, dark ou auto (suit le réglage système du visiteur).
data-sizenormal, smallnormalnormal ou small.
data-target_self, _blank_self_self ouvre les liens dans le même onglet ; _blank ouvre un nouvel onglet.

Style

Le badge utilise la police de votre page et isole ses propres styles, il n'entre donc jamais en conflit avec votre CSS. Remplacez les couleurs et les dimensions avec des propriétés CSS personnalisées sur l'élément du badge ou n'importe quel ancêtre :

PropriétéCe qu'il faitClairSombre
--gcb-bgArrière-plan#fff#1f2328
--gcb-fgTexte#1f2328#e6edf3
--gcb-mutedTexte secondaire#6b7280#9aa4b2
--gcb-accentTaux et liens#3063a0#7fb3ff
--gcb-borderBordure#d0d7de#3d444d
--gcb-up / --gcb-downTendance à la hausse / à la baisse#1a7f37 / #cf222e#3fb950 / #ff7b72
--gcb-radiusRayon des coins6px6px
--gcb-fontFamille de policeinheritinherit
--gcb-font-sizeTaille de police (normal / small)14px / 12px14px / 12px
--gcb-shadowOmbrenonenone

Pour des changements plus profonds, ciblez les parties badge, main, via, bonus, trend, title, list et row avec ::part().

.gotcashback-widget { --gcb-accent: #c00; --gcb-radius: 999px; }
.gotcashback-widget::part(via) { display: none; } /* not allowed, see Terms */

Gagnez avec votre code de parrainage

Ajoutez votre code de parrainage et chaque clic passant par votre badge vous est attribué dans le cadre du programme partenaires GotCashback. Connectez-vous et copiez le code sous Compte → Parrainages.

<div class="gotcashback-widget" data-store="walmart" data-country="us" data-ref="ABC123"></div>

Alternative iframe

Les plateformes qui suppriment les scripts peuvent intégrer le badge en iframe. Il affiche le même badge, rendu par GotCashback, avec les mêmes options dans l'adresse. Utilisez le générateur ci-dessus pour obtenir l'adresse exacte.

<iframe src="https://api.gotcashback.com/v1/widget/frame/us/walmart?type=rate" width="320" height="64" style="border:0" loading="lazy" title="Walmart cashback via GotCashback"></iframe>

Applications monopages et contenu dynamique

Le script analyse la page une fois lors de son chargement. Si vous ajoutez des badges ensuite, appelez la fonction de rendu sur le conteneur ; elle renvoie une promesse résolue une fois les badges remplis. Un callback ready, si vous en définissez un, est appelé une fois le script chargé.

window.gotcashbackReady = function (gcb) { /* the script has loaded */ };
window.GotCashback.render(document.getElementById('reviews')).then(function () { /* filled */ });

Questions fréquentes

Le widget est-il gratuit ?

Oui, pour tout site web. La seule condition est que le lien "via GotCashback" reste visible et inchangé.

Les taux sont-ils à jour ?

GotCashback actualise les taux des portails plusieurs fois par jour ; le badge met ses données en cache brièvement, il a donc au plus quelques heures de retard.

Va-t-il ralentir ma page ?

Non. Le script pèse environ 8 Ko, se charge de manière asynchrone et effectue une petite requête par boutique.

Dépose-t-il des cookies ou suit-il mes visiteurs ?

Le script lui-même ne dépose aucun cookie et n'envoie rien sur vos visiteurs. Un clic passe par la redirection suivie de GotCashback, et un cookie de parrainage n'est déposé que si vous utilisez votre code de parrainage.

Quels pays et boutiques sont pris en charge ?

Toutes les boutiques de toutes les propriétés GotCashback par pays. Choisissez le pays dans le générateur pour rechercher ses boutiques.

Puis-je afficher plusieurs boutiques sur une page ?

Oui. Incluez le script une fois et ajoutez un élément badge par boutique.

Que voient les visiteurs sans JavaScript ?

Ce que vous placez dans l'élément du badge (le générateur ajoute un simple lien vers la page GotCashback de la boutique), ou rien si vous le laissez vide. La version iframe n'a besoin d'aucun script.

Conditions

GotCashback est un service de comparaison, pas un portail de cashback : les taux sont affichés tels que les portails les publient, et le cashback est versé par le portail vers lequel vous cliquez. Merci de ne pas masquer, modifier ni ajouter nofollow au lien "via GotCashback".

Vous préférez un assistant IA à un badge ? Configurer le GotCashback MCP Server