GotCashback 캐시백 위젯
GotCashback으로 연결되는 가벼운 배지로 독자에게 원하는 스토어의 최고 캐시백 적립률 또는 최고 기프트카드 할인을 보여 주세요. 하루에 여러 번 갱신됩니다. 스크립트 하나면 충분하며 계정이나 API 키가 필요 없습니다.
kr.GotCashback.com은(는) 전 세계 42개국의 캐시백 포털 113곳에서 캐시백 적립률을 비교합니다. 여기에는 한국에서 추적 중인 포털 2곳과 스토어 243곳이 포함됩니다. 2020년에 설립되었으며 MNP Enterprises, LLC이(가) 운영합니다.
삽입 코드 만들기
위젯이 표시하는 내용
- 적립률 배지는 GotCashback이 비교하는 캐시백 포털 전체에서 해당 스토어의 최고 캐시백 적립률 또는 선택한 포털의 적립률을 포털 아이콘과 해당 포털로 가는 추적 링크와 함께 표시합니다.
- 기프트카드 배지는 해당 스토어 기프트카드에 현재 제공되는 최고 할인을 표시하고 해당 거래로 연결합니다.
- 판매처 목록은 해당 스토어 기프트카드의 모든 판매처를 최고 할인과 함께 최고 순으로 표시하며, 각 항목은 판매처로 연결됩니다.
- 추이는 최근 90일간 최고 적립률의 작은 차트를 추가하여 독자가 지금이 구매하기 좋은 시기인지 볼 수 있게 합니다.
- 모든 배지에는 스토어 페이지로 가는 작은 "GotCashback 제공" 링크가 있으며, 방문자는 그 페이지에서 모든 포털과 기프트카드 판매처를 비교할 수 있습니다.
- 배지는 스토어 국가의 언어를 사용하며 가격은 해당 통화로 표시합니다.
- 스토어에 적립률이 없으면(또는 선택한 포털에 없으면) 배지는 아무것도 표시하지 않으며, 페이지에 오류 메시지를 표시하는 일은 절대 없습니다. 배지 요소 안에 넣은 내용은 대체 콘텐츠로 계속 표시됩니다.
사이트에 추가하는 방법
- 배지가 표시될 위치(게시물, 제품 리뷰, 사이드바 등)에 스니펫을 붙여 넣으세요.
- 스크립트는 페이지당 한 번 로드되며(약 8 KB, 1시간 캐시) 페이지의 모든 배지를 채웁니다.
- 원하는 만큼 배지를 추가하세요. 각 배지는 자체 스토어를 지정합니다.
<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 |
더 깊이 수정하려면 ::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이고 비동기로 로드되며 스토어당 작은 요청 하나만 보냅니다.
쿠키를 설정하거나 방문자를 추적하나요?
스크립트 자체는 쿠키를 설정하지 않으며 방문자에 대한 정보를 전송하지 않습니다. 클릭은 GotCashback의 추적 리디렉션을 거치며, 추천 쿠키는 추천 코드를 사용할 때만 설정됩니다.
어떤 국가와 스토어가 지원되나요?
모든 GotCashback 국가 사이트의 모든 스토어입니다. 생성기에서 국가를 선택하면 해당 국가의 스토어를 검색할 수 있습니다.
한 페이지에 여러 스토어를 표시할 수 있나요?
네. 스크립트를 한 번만 포함하고 스토어마다 배지 요소를 하나씩 추가하세요.
JavaScript가 없는 방문자에게는 무엇이 보이나요?
배지 요소 안에 넣은 내용(생성기는 스토어의 GotCashback 페이지로 가는 일반 링크를 추가합니다)이 보이며, 비워 두면 아무것도 보이지 않습니다. iframe 버전은 스크립트가 필요 없습니다.
이용 조건
GotCashback은 캐시백 포털이 아닌 비교 서비스입니다. 적립률은 포털이 게시한 그대로 표시되며, 캐시백은 클릭하여 이동한 포털이 지급합니다. "GotCashback 제공" 링크를 숨기거나 변경하거나 nofollow를 추가하지 마세요.
배지 대신 AI 어시스턴트를 원하시나요? GotCashback MCP 서버 설정하기