GotCashback 現金回饋小工具

以連結回 GotCashback 的輕量徽章，向讀者顯示任何商店的最佳現金回饋率或最佳禮品卡折扣，每天更新數次。只需一段指令碼，無需帳戶或 API 金鑰。

tw.GotCashback.com 比較全球 42 個國家/地區共 113 個現金回饋平台的現金回饋率，其中在台灣有 2 個平台與 655 家商店。成立於 2020；由 MNP Enterprises, LLC 營運。

建立您的嵌入程式碼

預覽

選擇一家商店以查看徽章。

您的嵌入程式碼

指令碼（建議）

iframe（無法加入指令碼時使用）

小工具顯示的內容

回饋率徽章會顯示該商店在 GotCashback 所比較的現金回饋平台中的最佳回饋率，或您所選平台的回饋率，並附上平台圖示與通往該平台的追蹤連結。
禮品卡徽章會顯示該商店禮品卡目前可用的最佳折扣，並連結至該優惠。
賣家清單會列出該商店禮品卡的每個賣家及其最佳折扣，最佳者排在最前，每一項都連結至賣家。
走勢會加入最近 90 天最佳回饋率的小型圖表，讓讀者看出現在是否是購買的好時機。
每個徽章都帶有一個小小的「由 GotCashback 提供」連結，指向商店頁面，訪客可在該頁比較所有平台與禮品卡賣家。
徽章會使用商店所在國家/地區的語言，價格以當地貨幣顯示。
若商店沒有回饋率（或您所選的平台都沒有），徽章將完全不顯示任何內容，絕不會在您的頁面上顯示錯誤訊息。您放在徽章元素內的任何內容都會保留顯示，作為備用內容。

如何加入您的網站

將程式碼片段貼到徽章應出現的位置：文章、產品評測或側邊欄。
指令碼每頁只載入一次（約 8 KB，快取一小時），並填入頁面上的每個徽章。
您可以加入任意數量的徽章；每個徽章各自指定自己的商店。

<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	必填	商店 slug，與商店 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	無	依 slug 只顯示單一平台的回饋率。
`data-portals`	rakuten,topcashback	無	以逗號分隔的平台 slug：顯示其中的最佳回饋率。
`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`

如需更深入的調整，可透過 ::part() 選取 badge、main、via、bonus、trend、title、list 與 row 等部分。

.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>

單頁應用程式與動態內容

指令碼在載入時會掃描頁面一次。若之後再加入徽章，請對容器呼叫算繪函式；它會回傳一個 promise，在徽章填入完成後解析。若您定義了 ready 回呼，會在指令碼載入完成後被呼叫。

window.gotcashbackReady = function (gcb) { /* the script has loaded */ };
window.GotCashback.render(document.getElementById('reviews')).then(function () { /* filled */ });

常見問題

小工具是免費的嗎？

是的，任何網站皆可使用。唯一的條件是「由 GotCashback 提供」連結必須保持可見且不被更改。

回饋率有多即時？

GotCashback 每天更新平台回饋率數次；徽章會將資料短暫快取，因此最多落後幾個小時。

會拖慢我的頁面嗎？

不會。指令碼約 8 KB，以非同步方式載入，每家商店只發出一次小型請求。

它會設定 Cookie 或追蹤我的訪客嗎？

指令碼本身不會設定 Cookie，也不會傳送任何有關您訪客的資料。點擊會經過 GotCashback 的追蹤重新導向，且只有在您使用推薦碼時才會設定推薦 Cookie。

支援哪些國家/地區與商店？

GotCashback 任何國家/地區網站上的所有商店。請在產生器中選擇國家/地區以搜尋其商店。

可以在同一頁顯示多家商店嗎？

可以。只需載入指令碼一次，並為每家商店加入一個徽章元素。

沒有 JavaScript 的訪客會看到什麼？

您放在徽章元素內的內容（產生器會加入一個指向商店 GotCashback 頁面的純文字連結），若留空則什麼都不顯示。iframe 版本不需要指令碼。

條款

GotCashback 是比較服務，而非現金回饋平台：回饋率依各平台公布的內容顯示，現金回饋由您點擊前往的平台支付。請勿隱藏、修改「由 GotCashback 提供」連結，或為其加上 nofollow。

比起徽章，更想使用 AI 助理？設定 GotCashback MCP 伺服器