Кешбек-віджет GotCashback
Показуйте читачам найкращу ставку кешбеку або найкращу знижку на подарункові картки будь-якого магазину, оновлювані кілька разів на день, за допомогою легкого бейджа з посиланням на GotCashback. Один скрипт, без акаунта та API-ключа.
GotCashback.com.ua порівнює ставки кешбеку 113 кешбек-сервісів у 42 країнах світу (сервісів в Україні: 6, магазинів: 545). Заснований у 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