GotCashback Cashback-Widget
Zeigen Sie Ihren Lesern die beste Cashback-Rate oder den besten Geschenkkarten-Rabatt für jeden Shop, mehrmals täglich aktualisiert, mit einem schlanken Badge, das auf GotCashback verlinkt. Ein Skript, kein Konto und kein API-Schlüssel nötig.
GotCashback.de vergleicht Cashback-Raten von 113 Cashback-Portalen in 42 Ländern weltweit, darunter 13 Portale und 5.621 Shops in Deutschland. Gegründet 2020; betrieben von MNP Enterprises, LLC.
Einbettungscode erstellen
Vorschau
Wählen Sie einen Shop, um das Badge zu sehen.
Ihr Einbettungscode
Was das Widget zeigt
- Das Raten-Badge zeigt die beste Cashback-Rate für den Shop über alle von GotCashback verglichenen Cashback-Portale hinweg, oder die Rate der von Ihnen gewählten Portale, mit dem Portal-Icon und einem getrackten Link zu diesem Portal.
- Das Geschenkkarten-Badge zeigt den besten aktuell verfügbaren Rabatt auf die Geschenkkarten des Shops und verlinkt auf das Angebot.
- Die Anbieterliste zeigt jeden Anbieter der Geschenkkarten des Shops mit seinem besten Rabatt, der beste zuerst, jeweils mit Link zum Anbieter.
- Der Trend fügt ein kleines Diagramm der besten Rate der letzten 90 Tage hinzu, damit Leser sehen, ob jetzt ein guter Zeitpunkt zum Kaufen ist.
- Jedes Badge trägt einen kleinen Link "über GotCashback" zur Shop-Seite, auf der Besucher alle Portale und Geschenkkarten-Anbieter vergleichen können.
- Das Badge spricht die Sprache des Shop-Landes, mit Preisen in dessen Währung.
- Hat der Shop keine Rate (oder die gewählten Portale haben keine), zeigt das Badge gar nichts an, nie eine Fehlermeldung auf Ihrer Seite. Was Sie im Badge-Element platzieren, bleibt als Ersatz sichtbar.
So fügen Sie es Ihrer Website hinzu
- Fügen Sie den Snippet dort ein, wo das Badge erscheinen soll: in einem Beitrag, einer Produktbewertung, einer Seitenleiste.
- Das Skript wird einmal pro Seite geladen (rund 8 KB, eine Stunde gecacht) und füllt jedes Badge auf der Seite.
- Fügen Sie so viele Badges hinzu, wie Sie möchten; jedes nennt seinen eigenen Shop.
<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>Optionen
| Attribut | Werte | Standard | Was es tut |
|---|---|---|---|
data-store | walmart | erforderlich | Shop-Slug, genau wie in der Adresse der GotCashback-Seite des Shops (/Stores/…/). |
data-country | us, gb, de, … | erforderlich | Ländercode der GotCashback-Property des Shops, in Kleinbuchstaben (das Vereinigte Königreich ist gb). |
data-store-id | 123 | keiner | Numerische Shop-ID, eine Alternative zu Shop und Land. |
data-type | rate, giftcard, giftcards | rate | rate zeigt die beste Cashback-Rate; giftcard den besten Geschenkkarten-Rabatt; giftcards die Liste der Anbieter. |
data-portal | rakuten | keiner | Zeigt nur die Rate eines Portals, anhand seines Slugs. |
data-portals | rakuten,topcashback | keiner | Kommagetrennte Portal-Slugs: die beste Rate unter ihnen. |
data-portal-type | cash, travel, creditcard, points | keiner | Die beste Rate unter Portalen eines Typs: cash, travel, creditcard oder points. |
data-fallback | best | keiner | Mit einer Portalauswahl: zeigt die insgesamt beste Rate statt nichts, wenn die Auswahl keine hat. |
data-instore | true | keiner | Rate im Geschäft bevorzugen; weicht auf die Online-Rate aus, wenn es keine gibt. |
data-signupbonus | true | keiner | Zeile mit dem Anmeldebonus des Portals hinzufügen, wenn es einen bietet. |
data-history | true | keiner | 90-Tage-Ratentrend hinzufügen. |
data-max | 1–20 | 10 | Nur Anbieterliste: wie viele Anbieter angezeigt werden. |
data-ref | ABC123 | keiner | Ihr GotCashback-Empfehlungscode; getrackte Links werden Ihnen gutgeschrieben. |
data-theme | auto, light, dark | auto | light, dark oder auto (folgt der Systemeinstellung des Besuchers). |
data-size | normal, small | normal | normal oder small. |
data-target | _self, _blank | _self | _self öffnet Links im selben Tab; _blank öffnet einen neuen Tab. |
Gestaltung
Das Badge verwendet die Schrift Ihrer Seite und kapselt seine eigenen Stile, sodass es nie mit Ihrem CSS kollidiert. Farben und Größen überschreiben Sie mit CSS Custom Properties am Badge-Element oder einem übergeordneten Element:
| Eigenschaft | Was es tut | Hell | Dunkel |
|---|---|---|---|
--gcb-bg | Hintergrund | #fff | #1f2328 |
--gcb-fg | Text | #1f2328 | #e6edf3 |
--gcb-muted | Sekundärtext | #6b7280 | #9aa4b2 |
--gcb-accent | Rate und Links | #3063a0 | #7fb3ff |
--gcb-border | Rahmen | #d0d7de | #3d444d |
--gcb-up / --gcb-down | Trend aufwärts / abwärts | #1a7f37 / #cf222e | #3fb950 / #ff7b72 |
--gcb-radius | Eckenradius | 6px | 6px |
--gcb-font | Schriftfamilie | inherit | inherit |
--gcb-font-size | Schriftgröße (normal / small) | 14px / 12px | 14px / 12px |
--gcb-shadow | Schatten | none | none |
Für tiefere Änderungen sprechen Sie die Teile badge, main, via, bonus, trend, title, list und row mit ::part() an.
.gotcashback-widget { --gcb-accent: #c00; --gcb-radius: 999px; }
.gotcashback-widget::part(via) { display: none; } /* not allowed, see Terms */Mit Ihrem Empfehlungscode verdienen
Fügen Sie Ihren Empfehlungscode hinzu, und jeder Klick über Ihr Badge wird Ihnen im GotCashback-Partnerprogramm zugeordnet. Melden Sie sich an und kopieren Sie den Code unter Konto → Empfehlungen.
<div class="gotcashback-widget" data-store="walmart" data-country="us" data-ref="ABC123"></div>iframe-Alternative
Plattformen, die Skripte entfernen, können das Badge als iframe einbetten. Es zeigt dasselbe Badge, von GotCashback gerendert, mit denselben Optionen in der Adresse. Nutzen Sie den Generator oben, um die genaue Adresse zu erhalten.
<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 und dynamische Inhalte
Das Skript durchsucht die Seite einmal beim Laden. Wenn Sie Badges später hinzufügen, rufen Sie die Render-Funktion auf dem Container auf; sie gibt ein Promise zurück, das aufgelöst wird, sobald sie gefüllt sind. Ein Ready-Callback, falls Sie einen definieren, wird aufgerufen, sobald das Skript geladen ist.
window.gotcashbackReady = function (gcb) { /* the script has loaded */ };
window.GotCashback.render(document.getElementById('reviews')).then(function () { /* filled */ });Häufig gestellte Fragen
Ist das Widget kostenlos?
Ja, für jede Website. Die einzige Bedingung ist, dass der Link "über GotCashback" sichtbar und unverändert bleibt.
Wie aktuell sind die Raten?
GotCashback aktualisiert die Portalraten mehrmals täglich; das Badge cacht seine Daten kurzzeitig, sodass es höchstens ein paar Stunden zurückliegt.
Verlangsamt es meine Seite?
Nein. Das Skript ist rund 8 KB groß, lädt asynchron und stellt eine kleine Anfrage pro Shop.
Setzt es Cookies oder trackt es meine Besucher?
Das Skript selbst setzt keine Cookies und sendet nichts über Ihre Besucher. Ein Klick läuft über die getrackte Weiterleitung von GotCashback, und ein Empfehlungs-Cookie wird nur gesetzt, wenn Sie Ihren Empfehlungscode verwenden.
Welche Länder und Shops werden unterstützt?
Jeder Shop auf jeder GotCashback-Länder-Property. Wählen Sie im Generator das Land, um dessen Shops zu durchsuchen.
Kann ich mehrere Shops auf einer Seite zeigen?
Ja. Binden Sie das Skript einmal ein und fügen Sie ein Badge-Element pro Shop hinzu.
Was sehen Besucher ohne JavaScript?
Was auch immer Sie in das Badge-Element setzen (der Generator fügt einen einfachen Link zur GotCashback-Seite des Shops hinzu), oder nichts, wenn Sie es leer lassen. Die iframe-Version benötigt kein Skript.
Bedingungen
GotCashback ist ein Vergleichsdienst, kein Cashback-Portal: Raten werden so angezeigt, wie die Portale sie veröffentlichen, und das Cashback zahlt das Portal, zu dem Sie durchklicken. Bitte verbergen oder verändern Sie den Link "über GotCashback" nicht und versehen Sie ihn nicht mit nofollow.
Lieber einen KI-Assistenten statt eines Badges? GotCashback MCP Server einrichten