GotCashback Cashback-widget
Toon je lezers het beste cashbackpercentage of de beste cadeaukaartkorting voor elke winkel, meerdere keren per dag vernieuwd, met een lichte badge die terugverwijst naar GotCashback. Eén script, geen account of API-sleutel nodig.
GotCashback.nl vergelijkt cashbacktarieven van 113 cashbackportals in 42 landen wereldwijd, waaronder 5 portals en 4.800 winkels in Nederland. Opgericht in 2020; beheerd door MNP Enterprises, LLC.
Maak je insluitcode
Voorbeeld
Kies een winkel om de badge te zien.
Je insluitcode
Wat de widget toont
- De percentagebadge toont het beste cashbackpercentage voor de winkel over alle cashbackportalen die GotCashback vergelijkt, of het percentage van de portalen die je kiest, met het icoon van het portaal en een gevolgde link naar dat portaal.
- De cadeaukaartbadge toont de beste korting die momenteel beschikbaar is op de cadeaukaarten van de winkel en linkt naar de aanbieding.
- De verkoperslijst toont elke verkoper van de cadeaukaarten van de winkel met zijn beste korting, de beste eerst, elk met een link naar de verkoper.
- De trend voegt een kleine grafiek toe van het beste percentage in de afgelopen 90 dagen, zodat lezers zien of dit een goed moment is om te kopen.
- Elke badge bevat een kleine link "via GotCashback" naar de winkelpagina, waar bezoekers alle portalen en cadeaukaartverkopers kunnen vergelijken.
- De badge spreekt de taal van het land van de winkel, met prijzen in de bijbehorende valuta.
- Als de winkel geen percentage heeft (of de gekozen portalen er geen hebben), toont de badge helemaal niets, nooit een foutmelding op je pagina. Wat je in het badge-element plaatst, blijft zichtbaar als terugval.
Zo voeg je het toe aan je site
- Plak het fragment waar de badge moet verschijnen: in een bericht, een productreview, een zijbalk.
- Het script laadt één keer per pagina (ongeveer 8 KB, een uur gecachet) en vult elke badge op de pagina.
- Voeg zoveel badges toe als je wilt; elke badge noemt zijn eigen winkel.
<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>Opties
| Attribuut | Waarden | Standaard | Wat het doet |
|---|---|---|---|
data-store | walmart | verplicht | Winkelslug, precies zoals in het adres van de GotCashback-pagina van de winkel (/Stores/…/). |
data-country | us, gb, de, … | verplicht | Landcode van de GotCashback-site van de winkel, in kleine letters (het Verenigd Koninkrijk is gb). |
data-store-id | 123 | geen | Numeriek winkel-id, een alternatief voor winkel en land. |
data-type | rate, giftcard, giftcards | rate | rate toont het beste cashbackpercentage; giftcard de beste cadeaukaartkorting; giftcards de lijst van verkopers. |
data-portal | rakuten | geen | Toont alleen het percentage van één portaal, via zijn slug. |
data-portals | rakuten,topcashback | geen | Door komma's gescheiden portaalslugs: het beste percentage daarvan. |
data-portal-type | cash, travel, creditcard, points | geen | Het beste percentage van portalen van één type: cash, travel, creditcard of points. |
data-fallback | best | geen | Bij een portaalselectie: toon het algemeen beste percentage in plaats van niets als de selectie er geen heeft. |
data-instore | true | geen | Geeft de voorkeur aan het percentage in de winkel; valt terug op het onlinepercentage als dat er niet is. |
data-signupbonus | true | geen | Voegt de regel met de aanmeldbonus van het portaal toe als het er een biedt. |
data-history | true | geen | Voegt de 90-daagse trend van het percentage toe. |
data-max | 1–20 | 10 | Alleen verkoperslijst: hoeveel verkopers tonen. |
data-ref | ABC123 | geen | Je GotCashback-verwijzingscode; gevolgde links worden aan jou toegeschreven. |
data-theme | auto, light, dark | auto | light, dark of auto (volgt de systeeminstelling van de bezoeker). |
data-size | normal, small | normal | normal of small. |
data-target | _self, _blank | _self | _self opent links in hetzelfde tabblad; _blank opent een nieuw tabblad. |
Opmaak
De badge gebruikt het lettertype van je pagina en isoleert zijn eigen stijlen, zodat hij nooit botst met je CSS. Overschrijf kleuren en afmetingen met CSS custom properties op het badge-element of een bovenliggend element:
| Eigenschap | Wat het doet | Licht | Donker |
|---|---|---|---|
--gcb-bg | Achtergrond | #fff | #1f2328 |
--gcb-fg | Tekst | #1f2328 | #e6edf3 |
--gcb-muted | Secundaire tekst | #6b7280 | #9aa4b2 |
--gcb-accent | Percentage en links | #3063a0 | #7fb3ff |
--gcb-border | Rand | #d0d7de | #3d444d |
--gcb-up / --gcb-down | Trend omhoog / omlaag | #1a7f37 / #cf222e | #3fb950 / #ff7b72 |
--gcb-radius | Hoekradius | 6px | 6px |
--gcb-font | Lettertypefamilie | inherit | inherit |
--gcb-font-size | Lettergrootte (normal / small) | 14px / 12px | 14px / 12px |
--gcb-shadow | Schaduw | none | none |
Voor diepere wijzigingen richt je je met ::part() op de onderdelen badge, main, via, bonus, trend, title, list en row.
.gotcashback-widget { --gcb-accent: #c00; --gcb-radius: 999px; }
.gotcashback-widget::part(via) { display: none; } /* not allowed, see Terms */Verdien met je verwijzingscode
Voeg je verwijzingscode toe en elke klik via je badge wordt aan jou toegeschreven binnen het GotCashback-partnerprogramma. Log in en kopieer de code onder Account → Verwijzingen.
<div class="gotcashback-widget" data-store="walmart" data-country="us" data-ref="ABC123"></div>iframe-alternatief
Platforms die scripts verwijderen, kunnen de badge als iframe insluiten. Het toont dezelfde badge, gerenderd door GotCashback, met dezelfde opties in het adres. Gebruik de generator hierboven om het exacte adres te krijgen.
<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>Single-page apps en dynamische inhoud
Het script scant de pagina één keer bij het laden. Voeg je later badges toe, roep dan de renderfunctie aan op de container; die geeft een promise terug die wordt vervuld zodra ze zijn gevuld. Een ready-callback, als je die definieert, wordt aangeroepen zodra het script is geladen.
window.gotcashbackReady = function (gcb) { /* the script has loaded */ };
window.GotCashback.render(document.getElementById('reviews')).then(function () { /* filled */ });Veelgestelde vragen
Is de widget gratis?
Ja, voor elke website. De enige voorwaarde is dat de link "via GotCashback" zichtbaar en ongewijzigd blijft.
Hoe actueel zijn de percentages?
GotCashback vernieuwt de portaalpercentages meerdere keren per dag; de badge cachet zijn gegevens kort, dus hij loopt hoogstens een paar uur achter.
Maakt het mijn pagina trager?
Nee. Het script is ongeveer 8 KB, laadt asynchroon en doet één klein verzoek per winkel.
Plaatst het cookies of volgt het mijn bezoekers?
Het script zelf plaatst geen cookies en verstuurt niets over je bezoekers. Een klik gaat via de gevolgde doorverwijzing van GotCashback, en een verwijzingscookie wordt alleen geplaatst als je je verwijzingscode gebruikt.
Welke landen en winkels worden ondersteund?
Elke winkel op elke GotCashback-landensite. Kies het land in de generator om zijn winkels te doorzoeken.
Kan ik meerdere winkels op één pagina tonen?
Ja. Neem het script één keer op en voeg per winkel één badge-element toe.
Wat zien bezoekers zonder JavaScript?
Wat je in het badge-element plaatst (de generator voegt een gewone link naar de GotCashback-pagina van de winkel toe), of niets als je het leeg laat. De iframe-versie heeft geen script nodig.
Voorwaarden
GotCashback is een vergelijkingsdienst, geen cashbackportaal: percentages worden getoond zoals de portalen ze publiceren, en cashback wordt uitbetaald door het portaal waarnaar je doorklikt. Verberg of wijzig de link "via GotCashback" niet en voeg er geen nofollow aan toe.
Liever een AI-assistent dan een badge? Stel de GotCashback MCP Server in