วิดเจ็ตเงินคืน GotCashback
แสดงอัตราเงินคืนที่ดีที่สุดหรือส่วนลดบัตรของขวัญที่ดีที่สุดของร้านค้าใดก็ได้ให้ผู้อ่านของคุณเห็น อัปเดตวันละหลายครั้ง ด้วยป้ายขนาดเล็กที่ลิงก์กลับไปยัง GotCashback สคริปต์เดียว ไม่ต้องมีบัญชีหรือคีย์ API
th.GotCashback.com เปรียบเทียบอัตราเงินคืนจาก 113 เว็บไซต์เงินคืนใน 42 ประเทศทั่วโลก รวมถึง 2 เว็บไซต์เงินคืนและร้านค้า 176 แห่ง ในประเทศไทย ก่อตั้งในปี 2020; ดำเนินการโดย MNP Enterprises, LLC
สร้างโค้ดสำหรับฝัง
ตัวอย่าง
เลือกร้านค้าเพื่อดูป้าย
โค้ดสำหรับฝังของคุณ
วิดเจ็ตแสดงอะไรบ้าง
- ป้ายอัตราจะแสดงอัตราเงินคืนที่ดีที่สุดของร้านค้าจากพอร์ทัลเงินคืนทั้งหมดที่ 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 custom properties บนองค์ประกอบป้ายหรือองค์ประกอบแม่ใด ๆ:
| คุณสมบัติ | ทำอะไร | สว่าง | มืด |
|---|---|---|---|
--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>แอปแบบหน้าเดียวและเนื้อหาแบบไดนามิก
สคริปต์จะสแกนหน้าเว็บหนึ่งครั้งเมื่อโหลด หากคุณเพิ่มป้ายในภายหลัง ให้เรียกฟังก์ชันเรนเดอร์บนคอนเทนเนอร์ ซึ่งจะคืนค่า promise ที่ resolve เมื่อป้ายถูกเติมข้อมูลแล้ว หากคุณกำหนด ready callback ไว้ จะถูกเรียกเมื่อสคริปต์โหลดเสร็จ
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 เป็นบริการเปรียบเทียบ ไม่ใช่พอร์ทัลเงินคืน: อัตราจะแสดงตามที่พอร์ทัลเผยแพร่ และเงินคืนจะจ่ายโดยพอร์ทัลที่คุณคลิกผ่านไป โปรดอย่าซ่อน แก้ไข หรือเพิ่ม nofollow ให้กับลิงก์ "ผ่าน GotCashback"
อยากใช้ผู้ช่วย AI แทนป้ายหรือไม่? ตั้งค่า GotCashback MCP Server