Widget de Cashback do GotCashback
Mostre aos seus leitores a melhor taxa de cashback ou o melhor desconto em gift cards de qualquer loja, atualizados várias vezes ao dia, com um selo leve que leva ao GotCashback. Um script, sem conta nem chave de API.
br.GotCashback.com compara taxas de cashback de 113 portais de cashback em 42 países no mundo todo, incluindo 5 portais e 1.144 lojas no Brasil. Fundado em 2020; operado por MNP Enterprises, LLC.
Monte seu código de incorporação
Pré-visualização
Escolha uma loja para ver o selo.
Seu código de incorporação
O que o widget mostra
- O selo de taxa mostra a melhor taxa de cashback da loja entre os portais de cashback que o GotCashback compara, ou a taxa dos portais que você escolher, com o ícone do portal e um link rastreado para ele.
- O selo de gift card mostra o melhor desconto disponível no momento nos gift cards da loja e leva à oferta.
- A lista de vendedores mostra cada vendedor dos gift cards da loja com seu melhor desconto, o melhor primeiro, cada um com link para o vendedor.
- A tendência adiciona um pequeno gráfico da melhor taxa nos últimos 90 dias, para que os leitores vejam se agora é um bom momento para comprar.
- Todo selo traz um pequeno link "via GotCashback" para a página da loja, onde os visitantes podem comparar todos os portais e vendedores de gift cards.
- O selo fala o idioma do país da loja, com preços na moeda dele.
- Se a loja não tiver taxa (ou os portais que você escolheu não tiverem), o selo não exibe nada, nunca uma mensagem de erro na sua página. O que você colocar dentro do elemento do selo continua visível como alternativa.
Como adicionar ao seu site
- Cole o trecho onde o selo deve aparecer: em um post, uma análise de produto, uma barra lateral.
- O script carrega uma vez por página (cerca de 8 KB, em cache por uma hora) e preenche todos os selos da página.
- Adicione quantos selos quiser; cada um indica sua própria loja.
<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>Opções
| Atributo | Valores | Padrão | O que faz |
|---|---|---|---|
data-store | walmart | obrigatório | Slug da loja, exatamente como no endereço da página dela no GotCashback (/Stores/…/). |
data-country | us, gb, de, … | obrigatório | Código do país do site GotCashback da loja, em minúsculas (o Reino Unido é gb). |
data-store-id | 123 | nenhum | ID numérico da loja, uma alternativa a loja e país. |
data-type | rate, giftcard, giftcards | rate | rate mostra a melhor taxa de cashback; giftcard o melhor desconto em gift cards; giftcards a lista de vendedores. |
data-portal | rakuten | nenhum | Mostra apenas a taxa de um portal, pelo slug dele. |
data-portals | rakuten,topcashback | nenhum | Slugs de portais separados por vírgula: a melhor taxa entre eles. |
data-portal-type | cash, travel, creditcard, points | nenhum | A melhor taxa entre os portais de um tipo: cash, travel, creditcard ou points. |
data-fallback | best | nenhum | Com uma seleção de portais: mostra a melhor taxa geral em vez de nada quando a seleção não tem nenhuma. |
data-instore | true | nenhum | Prefere a taxa em loja física; recorre à taxa online quando não há nenhuma. |
data-signupbonus | true | nenhum | Adiciona a linha do bônus de cadastro do portal quando ele oferece um. |
data-history | true | nenhum | Adiciona a tendência da taxa em 90 dias. |
data-max | 1–20 | 10 | Somente lista de vendedores: quantos vendedores mostrar. |
data-ref | ABC123 | nenhum | Seu código de indicação do GotCashback; os links rastreados são creditados a você. |
data-theme | auto, light, dark | auto | light, dark ou auto (segue a configuração do sistema do visitante). |
data-size | normal, small | normal | normal ou small. |
data-target | _self, _blank | _self | _self abre os links na mesma aba; _blank abre uma nova aba. |
Estilo
O selo usa a fonte da sua página e isola seus próprios estilos, então nunca entra em conflito com seu CSS. Substitua cores e tamanhos com propriedades personalizadas de CSS no elemento do selo ou em qualquer ancestral:
| Propriedade | O que faz | Claro | Escuro |
|---|---|---|---|
--gcb-bg | Fundo | #fff | #1f2328 |
--gcb-fg | Texto | #1f2328 | #e6edf3 |
--gcb-muted | Texto secundário | #6b7280 | #9aa4b2 |
--gcb-accent | Taxa e links | #3063a0 | #7fb3ff |
--gcb-border | Borda | #d0d7de | #3d444d |
--gcb-up / --gcb-down | Tendência de alta / de baixa | #1a7f37 / #cf222e | #3fb950 / #ff7b72 |
--gcb-radius | Raio dos cantos | 6px | 6px |
--gcb-font | Família da fonte | inherit | inherit |
--gcb-font-size | Tamanho da fonte (normal / small) | 14px / 12px | 14px / 12px |
--gcb-shadow | Sombra | none | none |
Para mudanças mais profundas, use ::part() nas partes badge, main, via, bonus, trend, title, list e row.
.gotcashback-widget { --gcb-accent: #c00; --gcb-radius: 999px; }
.gotcashback-widget::part(via) { display: none; } /* not allowed, see Terms */Ganhe com seu código de indicação
Adicione seu código de indicação e cada clique pelo seu selo é atribuído a você no programa de parceiros do GotCashback. Faça login e copie o código em Conta → Indicações.
<div class="gotcashback-widget" data-store="walmart" data-country="us" data-ref="ABC123"></div>Alternativa em iframe
Plataformas que removem scripts podem incorporar o selo como iframe. Ele mostra o mesmo selo, renderizado pelo GotCashback, com as mesmas opções no endereço. Use o gerador acima para obter o endereço exato.
<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>Aplicações de página única e conteúdo dinâmico
O script varre a página uma vez ao carregar. Se você adicionar selos depois, chame a função de renderização no contêiner; ela retorna uma promise que é resolvida quando eles forem preenchidos. Um callback de pronto, se você definir um, é chamado assim que o script carregar.
window.gotcashbackReady = function (gcb) { /* the script has loaded */ };
window.GotCashback.render(document.getElementById('reviews')).then(function () { /* filled */ });Perguntas frequentes
O widget é gratuito?
Sim, para qualquer site. A única condição é que o link "via GotCashback" permaneça visível e inalterado.
Quão atualizadas são as taxas?
O GotCashback atualiza as taxas dos portais várias vezes ao dia; o selo guarda os dados em cache por pouco tempo, então fica no máximo algumas horas atrasado.
Vai deixar minha página lenta?
Não. O script tem cerca de 8 KB, carrega de forma assíncrona e faz uma pequena requisição por loja.
Ele define cookies ou rastreia meus visitantes?
O script em si não define cookies nem envia nada sobre seus visitantes. Um clique passa pelo redirecionamento rastreado do GotCashback, e um cookie de indicação só é definido quando você usa seu código de indicação.
Quais países e lojas são suportados?
Qualquer loja em qualquer site de país do GotCashback. Escolha o país no gerador para pesquisar as lojas dele.
Posso mostrar várias lojas em uma página?
Sim. Inclua o script uma vez e adicione um elemento de selo por loja.
O que os visitantes sem JavaScript veem?
O que você colocar dentro do elemento do selo (o gerador adiciona um link simples para a página da loja no GotCashback), ou nada se deixar vazio. A versão em iframe não precisa de script.
Termos
O GotCashback é um serviço de comparação, não um portal de cashback: as taxas são mostradas como os portais as publicam, e o cashback é pago pelo portal para o qual você clica. Por favor, não oculte, altere nem adicione nofollow ao link "via GotCashback".
Prefere um assistente de IA a um selo? Configure o GotCashback MCP Server