Кэшбэк-виджет GotCashback
Показывайте читателям лучшую ставку кэшбэка или лучшую скидку на подарочные карты любого магазина, обновляемые несколько раз в день, с помощью лёгкого бейджа со ссылкой на GotCashback. Один скрипт, без аккаунта и API-ключа.
ru.GotCashback.com сравнивает ставки кэшбэка 113 кэшбэк-сервисов в 42 странах мира (сервисов в России: 4, магазинов: 1 552). Основан в 2020 году; оператор — MNP Enterprises, LLC.
Соберите код для встраивания
Предпросмотр
Выберите магазин, чтобы увидеть бейдж.
Ваш код для встраивания
Что показывает виджет
- Бейдж ставки показывает лучшую ставку кэшбэка для магазина среди кэшбэк-порталов, которые сравнивает GotCashback, или ставку выбранных вами порталов, с иконкой портала и отслеживаемой ссылкой на этот портал.
- Бейдж подарочных карт показывает лучшую доступную сейчас скидку на подарочные карты магазина и ведёт на предложение.
- Список продавцов показывает каждого продавца подарочных карт магазина с его лучшей скидкой, начиная с лучшей, со ссылкой на каждого продавца.
- Тренд добавляет небольшой график лучшей ставки за последние 90 дней, чтобы читатели видели, подходящее ли сейчас время для покупки.
- На каждом бейдже есть небольшая ссылка "через GotCashback" на страницу магазина, где посетители могут сравнить все порталы и продавцов подарочных карт.
- Бейдж говорит на языке страны магазина, а цены показывает в её валюте.
- Если у магазина нет ставки (или её нет у выбранных порталов), бейдж не отображает ничего и никогда не показывает сообщение об ошибке на вашей странице. Всё, что вы поместите внутрь элемента бейджа, остаётся видимым как запасной вариант.
Как добавить на сайт
- Вставьте фрагмент туда, где должен появиться бейдж: в статью, обзор товара, боковую панель.
- Скрипт загружается один раз на страницу (около 8 КБ, кэшируется на час) и заполняет все бейджи на странице.
- Добавляйте сколько угодно бейджей; каждый указывает свой магазин.
<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>Параметры
| Атрибут | Значения | По умолчанию | Что делает |
|---|---|---|---|
data-store | walmart | обязательно | Слаг магазина, точно как в адресе его страницы на GotCashback (/Stores/…/). |
data-country | us, gb, de, … | обязательно | Код страны сайта GotCashback, на котором есть магазин, строчными буквами (Великобритания — gb). |
data-store-id | 123 | нет | Числовой ID магазина, альтернатива магазину и стране. |
data-type | rate, giftcard, giftcards | rate | rate показывает лучшую ставку кэшбэка; giftcard — лучшую скидку на подарочные карты; giftcards — список продавцов. |
data-portal | rakuten | нет | Показывает ставку только одного портала по его слагу. |
data-portals | rakuten,topcashback | нет | Слаги порталов через запятую: лучшая ставка среди них. |
data-portal-type | cash, travel, creditcard, points | нет | Лучшая ставка среди порталов одного типа: cash, travel, creditcard или points. |
data-fallback | best | нет | При выборе порталов: показывать общую лучшую ставку вместо пустоты, если у выбранных её нет. |
data-instore | true | нет | Предпочитать ставку в офлайн-магазине; если её нет, показывается онлайн-ставка. |
data-signupbonus | true | нет | Добавить строку с бонусом портала за регистрацию, если он его предлагает. |
data-history | true | нет | Добавить тренд ставки за 90 дней. |
data-max | 1–20 | 10 | Только для списка продавцов: сколько продавцов показывать. |
data-ref | ABC123 | нет | Ваш реферальный код GotCashback; отслеживаемые ссылки засчитываются вам. |
data-theme | auto, light, dark | auto | light, dark или auto (по системным настройкам посетителя). |
data-size | normal, small | normal | normal или small. |
data-target | _self, _blank | _self | _self открывает ссылки в той же вкладке; _blank — в новой. |
Оформление
Бейдж использует шрифт вашей страницы и изолирует собственные стили, поэтому никогда не конфликтует с вашим CSS. Переопределяйте цвета и размеры через CSS-переменные на элементе бейджа или любом его родителе:
| Свойство | Что делает | Светлая | Тёмная |
|---|---|---|---|
--gcb-bg | Фон | #fff | #1f2328 |
--gcb-fg | Текст | #1f2328 | #e6edf3 |
--gcb-muted | Второстепенный текст | #6b7280 | #9aa4b2 |
--gcb-accent | Ставка и ссылки | #3063a0 | #7fb3ff |
--gcb-border | Рамка | #d0d7de | #3d444d |
--gcb-up / --gcb-down | Тренд вверх / вниз | #1a7f37 / #cf222e | #3fb950 / #ff7b72 |
--gcb-radius | Скругление углов | 6px | 6px |
--gcb-font | Семейство шрифта | inherit | inherit |
--gcb-font-size | Размер шрифта (normal / small) | 14px / 12px | 14px / 12px |
--gcb-shadow | Тень | none | none |
Для более глубоких изменений обращайтесь к частям badge, main, via, bonus, trend, title, list и row через ::part().
.gotcashback-widget { --gcb-accent: #c00; --gcb-radius: 999px; }
.gotcashback-widget::part(via) { display: none; } /* not allowed, see Terms */Зарабатывайте с реферальным кодом
Добавьте свой реферальный код, и каждый клик через ваш бейдж будет засчитан вам в рамках партнёрской программы GotCashback. Войдите и скопируйте код в разделе Аккаунт → Рефералы.
<div class="gotcashback-widget" data-store="walmart" data-country="us" data-ref="ABC123"></div>Альтернатива в виде iframe
Платформы, удаляющие скрипты, могут встроить бейдж как iframe. Он показывает тот же бейдж, отрисованный GotCashback, с теми же параметрами в адресе. Используйте генератор выше, чтобы получить точный адрес.
<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>Одностраничные приложения и динамический контент
Скрипт сканирует страницу один раз при загрузке. Если вы добавляете бейджи позже, вызовите функцию рендеринга для контейнера; она возвращает промис, который разрешается после заполнения бейджей. Колбэк готовности, если вы его определите, вызывается после загрузки скрипта.
window.gotcashbackReady = function (gcb) { /* the script has loaded */ };
window.GotCashback.render(document.getElementById('reviews')).then(function () { /* filled */ });Часто задаваемые вопросы
Виджет бесплатный?
Да, для любого сайта. Единственное условие: ссылка "через GotCashback" должна оставаться видимой и неизменной.
Насколько актуальны ставки?
GotCashback обновляет ставки порталов несколько раз в день; бейдж ненадолго кэширует данные, поэтому отстаёт не более чем на несколько часов.
Замедлит ли он мою страницу?
Нет. Скрипт весит около 8 КБ, загружается асинхронно и делает один небольшой запрос на магазин.
Ставит ли он cookie или отслеживает моих посетителей?
Сам скрипт не ставит cookie и ничего не отправляет о ваших посетителях. Клик проходит через отслеживаемый редирект GotCashback, а реферальный cookie ставится только при использовании вашего реферального кода.
Какие страны и магазины поддерживаются?
Любой магазин на любом страновом сайте GotCashback. Выберите страну в генераторе, чтобы искать по её магазинам.
Можно ли показать несколько магазинов на одной странице?
Да. Подключите скрипт один раз и добавьте по одному элементу бейджа на магазин.
Что увидят посетители без JavaScript?
То, что вы поместите внутрь элемента бейджа (генератор добавляет простую ссылку на страницу магазина на GotCashback), или ничего, если оставите его пустым. Версии iframe скрипт не нужен.
Условия
GotCashback — сервис сравнения, а не кэшбэк-портал: ставки показываются так, как их публикуют порталы, а кэшбэк выплачивает портал, на который вы переходите. Пожалуйста, не скрывайте, не изменяйте ссылку "через GotCashback" и не добавляйте к ней nofollow.
Предпочитаете ИИ-ассистента вместо бейджа? Настроить GotCashback MCP Server