Widget de Cashback da GotCashback
Mostre aos seus leitores a melhor taxa de cashback ou o melhor desconto em cartões-presente de qualquer loja, atualizados várias vezes por dia, com um selo leve que liga à GotCashback. Um script, sem conta nem chave de API.
pt.GotCashback.com compara taxas de cashback de 113 portais de cashback em 42 países em todo o mundo, incluindo 2 portais e 748 lojas em Portugal. Fundado em 2020; operado por MNP Enterprises, LLC.
Construa o seu código de incorporação
Pré-visualização
Escolha uma loja para ver o selo.
O 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 a GotCashback compara, ou a taxa dos portais que escolher, com o ícone do portal e uma ligação rastreada para esse portal.
- O selo de cartão-presente mostra o melhor desconto atualmente disponível nos cartões-presente da loja e liga à oferta.
- A lista de vendedores mostra cada vendedor dos cartões-presente da loja com o seu melhor desconto, o melhor primeiro, cada um com ligação ao vendedor.
- A tendência adiciona um pequeno gráfico da melhor taxa nos últimos 90 dias, para que os leitores vejam se é uma boa altura para comprar.
- Cada selo inclui uma pequena ligação "via GotCashback" para a página da loja, onde os visitantes podem comparar todos os portais e vendedores de cartões-presente.
- O selo fala a língua do país da loja, com preços na respetiva moeda.
- Se a loja não tiver taxa (ou os portais que escolheu não tiverem), o selo não apresenta nada, nunca uma mensagem de erro na sua página. O que colocar dentro do elemento do selo permanece visível como alternativa.
Como adicioná-lo ao seu site
- Cole o excerto onde o selo deve aparecer: num artigo, numa análise de produto, numa barra lateral.
- O script carrega uma vez por página (cerca de 8 KB, em cache durante uma hora) e preenche todos os selos da página.
- Adicione tantos selos quantos quiser; cada um indica a 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 | Predefinição | O que faz |
|---|---|---|---|
data-store | walmart | obrigatório | Slug da loja, exatamente como no endereço da sua página na 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 cartões-presente; giftcards a lista de vendedores. |
data-portal | rakuten | nenhum | Mostra apenas a taxa de um portal, pelo seu slug. |
data-portals | rakuten,topcashback | nenhum | Slugs de portais separados por vírgulas: 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 global 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 existe. |
data-signupbonus | true | nenhum | Adiciona a linha do bónus de registo do portal quando este o oferece. |
data-history | true | nenhum | Adiciona a tendência da taxa a 90 dias. |
data-max | 1–20 | 10 | Apenas lista de vendedores: quantos vendedores mostrar. |
data-ref | ABC123 | nenhum | O seu código de referência GotCashback; as ligações rastreadas são-lhe creditadas. |
data-theme | auto, light, dark | auto | light, dark ou auto (segue a definição de sistema do visitante). |
data-size | normal, small | normal | normal ou small. |
data-target | _self, _blank | _self | _self abre as ligações no mesmo separador; _blank abre um novo separador. |
Estilo
O selo usa o tipo de letra da sua página e isola os seus próprios estilos, pelo que nunca entra em conflito com o seu CSS. Substitua cores e dimensões com propriedades personalizadas de CSS no elemento do selo ou em qualquer antecessor:
| 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 ligações | #3063a0 | #7fb3ff |
--gcb-border | Contorno | #d0d7de | #3d444d |
--gcb-up / --gcb-down | Tendência de subida / descida | #1a7f37 / #cf222e | #3fb950 / #ff7b72 |
--gcb-radius | Raio dos cantos | 6px | 6px |
--gcb-font | Família do tipo de letra | inherit | inherit |
--gcb-font-size | Tamanho do tipo de letra (normal / small) | 14px / 12px | 14px / 12px |
--gcb-shadow | Sombra | none | none |
Para alterações mais profundas, aponte às partes badge, main, via, bonus, trend, title, list e row com ::part().
.gotcashback-widget { --gcb-accent: #c00; --gcb-radius: 999px; }
.gotcashback-widget::part(via) { display: none; } /* not allowed, see Terms */Ganhe com o seu código de referência
Adicione o seu código de referência e cada clique através do seu selo é-lhe atribuído no programa de parceiros da GotCashback. Inicie sessão e copie o código em Conta → Referências.
<div class="gotcashback-widget" data-store="walmart" data-country="us" data-ref="ABC123"></div>Alternativa em iframe
As plataformas que removem scripts podem incorporar o selo como iframe. Mostra o mesmo selo, apresentado pela 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 analisa a página uma vez ao carregar. Se adicionar selos mais tarde, chame a função de renderização no contentor; devolve uma promise que é resolvida quando estiverem preenchidos. Um callback de pronto, se definir um, é chamado assim que o script tiver carregado.
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 a ligação "via GotCashback" permaneça visível e inalterada.
Quão atuais são as taxas?
A GotCashback atualiza as taxas dos portais várias vezes por dia; o selo guarda os dados em cache por pouco tempo, pelo que está no máximo algumas horas atrasado.
Vai tornar a minha página mais lenta?
Não. O script tem cerca de 8 KB, carrega de forma assíncrona e faz um pequeno pedido por loja.
Define cookies ou rastreia os meus visitantes?
O script em si não define cookies nem envia nada sobre os seus visitantes. Um clique passa pelo redirecionamento rastreado da GotCashback, e um cookie de referência só é definido quando usa o seu código de referência.
Que países e lojas são suportados?
Qualquer loja em qualquer site de país da GotCashback. Escolha o país no gerador para pesquisar as suas lojas.
Posso mostrar várias lojas numa página?
Sim. Inclua o script uma vez e adicione um elemento de selo por loja.
O que veem os visitantes sem JavaScript?
O que colocar dentro do elemento do selo (o gerador adiciona uma ligação simples para a página da loja na GotCashback), ou nada se o deixar vazio. A versão em iframe não precisa de script.
Termos
A GotCashback é um serviço de comparação, não um portal de cashback: as taxas são mostradas tal como os portais as publicam, e o cashback é pago pelo portal para o qual clica. Por favor, não oculte, altere nem adicione nofollow à ligação "via GotCashback".
Prefere um assistente de IA a um selo? Configurar o GotCashback MCP Server