Кэшбэк-віджэт GotCashback
Паказвайце чытачам найлепшую стаўку кэшбэку або найлепшую зніжку на падарункавыя карты любой крамы, якія абнаўляюцца некалькі разоў на дзень, з дапамогай лёгкага бэйджа са спасылкай на GotCashback. Адзін скрыпт, без акаўнта і API-ключа.
by.Gotcashback.com параўноўвае стаўкі кэшбэку 113 кэшбэк-сэрвісаў у 42 краінах свету (сэрвісаў у Беларусі: 2, крамаў: 35). Заснаваны ў 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