(function(){
window.tampilkanSocialProof = function(data, position = "bottom") {
let index = 0;
const box = document.createElement("div");
box.style.position = "fixed";
box.style[`${position}`] = "40px";
box.style.left = "20px";
box.style.background = "#fff";
box.style.border = "1px solid #ddd";
box.style.padding = "10px";
box.style.borderRadius = "8px";
box.style.boxShadow = "0 2px 8px rgba(0,0,0,0.2)";
box.style.fontFamily = "Arial, sans-serif";
box.style.fontSize = "14px";
box.style.zIndex = "9999";
box.style.display = "flex";
box.style.alignItems = "center";
box.style.maxWidth = "300px";
box.style.transition = "opacity 0.5s ease";
document.body.appendChild(box);
function tampilkanBerikutnya() {
if (index >= data.length) index = 0;
const item = data[index++];
const waktu = formatTimeAgo(item.timestamp);
box.innerHTML = `
${item.text}
${waktu}
`;
box.style.opacity = "1";
setTimeout(() => box.style.opacity = "0", 6000);
setTimeout(tampilkanBerikutnya, 8000);
}
function maskNama(nama) {
return nama.length > 3 ? nama.substring(0, 3) + '****' : nama;
}
function formatTimeAgo(timestamp) {
const now = Math.floor(Date.now() / 1000);
const diff = now - timestamp;
if (diff < 60) return "baru saja";
if (diff < 3600) return `${Math.floor(diff / 60)} menit lalu`;
if (diff < 86400) return `${Math.floor(diff / 3600)} jam lalu`;
return `${Math.floor(diff / 86400)} hari lalu`;
}
tampilkanBerikutnya();
};
window.tampilkanSocialProof([{"nama":"San****","produk":"Program Lunas Hutang","foto":"https:\/\/kuadranrezeki.com\/uploads\/produk\/Mock Up Program Lunas Hutang (1).png","text":"San****<\/b> telah akses produk Program Lunas Hutang","timestamp":1741252169},{"nama":"Ilu****","produk":"Program Lunas Hutang","foto":"https:\/\/kuadranrezeki.com\/uploads\/produk\/Mock Up Program Lunas Hutang (1).png","text":"Ilu****<\/b> telah akses produk Program Lunas Hutang","timestamp":1738390465},{"nama":"Ami****","produk":"Program Lunas Hutang","foto":"https:\/\/kuadranrezeki.com\/uploads\/produk\/Mock Up Program Lunas Hutang (1).png","text":"Ami****<\/b> telah akses produk Program Lunas Hutang","timestamp":1736368627},{"nama":"Rud****","produk":"Program Lunas Hutang","foto":"https:\/\/kuadranrezeki.com\/uploads\/produk\/Mock Up Program Lunas Hutang (1).png","text":"Rud****<\/b> telah akses produk Program Lunas Hutang","timestamp":1735794163},{"nama":"Her****","produk":"Program Lunas Hutang","foto":"https:\/\/kuadranrezeki.com\/uploads\/produk\/Mock Up Program Lunas Hutang (1).png","text":"Her****<\/b> telah akses produk Program Lunas Hutang","timestamp":1735745519},{"nama":"Fit****","produk":"Program Lunas Hutang","foto":"https:\/\/kuadranrezeki.com\/uploads\/produk\/Mock Up Program Lunas Hutang (1).png","text":"Fit****<\/b> telah akses produk Program Lunas Hutang","timestamp":1735745013},{"nama":"IBN****","produk":"Program Lunas Hutang","foto":"https:\/\/kuadranrezeki.com\/uploads\/produk\/Mock Up Program Lunas Hutang (1).png","text":"IBN****<\/b> telah akses produk Program Lunas Hutang","timestamp":1735651853},{"nama":"Muh****","produk":"Program Lunas Hutang","foto":"https:\/\/kuadranrezeki.com\/uploads\/produk\/Mock Up Program Lunas Hutang (1).png","text":"Muh****<\/b> telah akses produk Program Lunas Hutang","timestamp":1735605662},{"nama":"Sug****","produk":"Program Lunas Hutang","foto":"https:\/\/kuadranrezeki.com\/uploads\/produk\/Mock Up Program Lunas Hutang (1).png","text":"Sug****<\/b> telah akses produk Program Lunas Hutang","timestamp":1735570504},{"nama":"Muh****","produk":"Program Lunas Hutang","foto":"https:\/\/kuadranrezeki.com\/uploads\/produk\/Mock Up Program Lunas Hutang (1).png","text":"Muh****<\/b> telah akses produk Program Lunas Hutang","timestamp":1735549990},{"nama":"Kun****","produk":"Program Lunas Hutang","foto":"https:\/\/kuadranrezeki.com\/uploads\/produk\/Mock Up Program Lunas Hutang (1).png","text":"Kun****<\/b> telah akses produk Program Lunas Hutang","timestamp":1735284360},{"nama":"Nov****","produk":"Program Lunas Hutang","foto":"https:\/\/kuadranrezeki.com\/uploads\/produk\/Mock Up Program Lunas Hutang (1).png","text":"Nov****<\/b> telah akses produk Program Lunas Hutang","timestamp":1735086254},{"nama":"Abd****","produk":"Program Lunas Hutang","foto":"https:\/\/kuadranrezeki.com\/uploads\/produk\/Mock Up Program Lunas Hutang (1).png","text":"Abd****<\/b> telah akses produk Program Lunas Hutang","timestamp":1734842285},{"nama":"Akm****","produk":"Program Lunas Hutang","foto":"https:\/\/kuadranrezeki.com\/uploads\/produk\/Mock Up Program Lunas Hutang (1).png","text":"Akm****<\/b> telah akses produk Program Lunas Hutang","timestamp":1734505464},{"nama":"Nur****","produk":"Program Lunas Hutang","foto":"https:\/\/kuadranrezeki.com\/uploads\/produk\/Mock Up Program Lunas Hutang (1).png","text":"Nur****<\/b> telah akses produk Program Lunas Hutang","timestamp":1734447708},{"nama":"Sul****","produk":"Program Lunas Hutang","foto":"https:\/\/kuadranrezeki.com\/uploads\/produk\/Mock Up Program Lunas Hutang (1).png","text":"Sul****<\/b> telah akses produk Program Lunas Hutang","timestamp":1733964446},{"nama":"Luq****","produk":"Program Lunas Hutang","foto":"https:\/\/kuadranrezeki.com\/uploads\/produk\/Mock Up Program Lunas Hutang (1).png","text":"Luq****<\/b> telah akses produk Program Lunas Hutang","timestamp":1733276760},{"nama":"Bac****","produk":"Program Lunas Hutang","foto":"https:\/\/kuadranrezeki.com\/uploads\/produk\/Mock Up Program Lunas Hutang (1).png","text":"Bac****<\/b> telah akses produk Program Lunas Hutang","timestamp":1733214261},{"nama":"Syi****","produk":"Program Lunas Hutang","foto":"https:\/\/kuadranrezeki.com\/uploads\/produk\/Mock Up Program Lunas Hutang (1).png","text":"Syi****<\/b> telah akses produk Program Lunas Hutang","timestamp":1733030293},{"nama":"Sri****","produk":"Program Lunas Hutang","foto":"https:\/\/kuadranrezeki.com\/uploads\/produk\/Mock Up Program Lunas Hutang (1).png","text":"Sri****<\/b> telah akses produk Program Lunas Hutang","timestamp":1731994562},{"nama":"M S****","produk":"Program Lunas Hutang","foto":"https:\/\/kuadranrezeki.com\/uploads\/produk\/Mock Up Program Lunas Hutang (1).png","text":"M S****<\/b> telah akses produk Program Lunas Hutang","timestamp":1730799316},{"nama":"Afr****","produk":"Program Lunas Hutang","foto":"https:\/\/kuadranrezeki.com\/uploads\/produk\/Mock Up Program Lunas Hutang (1).png","text":"Afr****<\/b> telah akses produk Program Lunas Hutang","timestamp":1730700456},{"nama":"Wah****","produk":"Program Lunas Hutang","foto":"https:\/\/kuadranrezeki.com\/uploads\/produk\/Mock Up Program Lunas Hutang (1).png","text":"Wah****<\/b> telah akses produk Program Lunas Hutang","timestamp":1730428769},{"nama":"Ban****","produk":"Program Lunas Hutang","foto":"https:\/\/kuadranrezeki.com\/uploads\/produk\/Mock Up Program Lunas Hutang (1).png","text":"Ban****<\/b> telah akses produk Program Lunas Hutang","timestamp":1730370610},{"nama":"Ban****","produk":"Program Lunas Hutang","foto":"https:\/\/kuadranrezeki.com\/uploads\/produk\/Mock Up Program Lunas Hutang (1).png","text":"Ban****<\/b> telah akses produk Program Lunas Hutang","timestamp":1730369532},{"nama":"Ban****","produk":"Program Lunas Hutang","foto":"https:\/\/kuadranrezeki.com\/uploads\/produk\/Mock Up Program Lunas Hutang (1).png","text":"Ban****<\/b> telah akses produk Program Lunas Hutang","timestamp":1730369077},{"nama":"Moh****","produk":"Program Lunas Hutang","foto":"https:\/\/kuadranrezeki.com\/uploads\/produk\/Mock Up Program Lunas Hutang (1).png","text":"Moh****<\/b> telah akses produk Program Lunas Hutang","timestamp":1730131329},{"nama":"Lat****","produk":"Program Lunas Hutang","foto":"https:\/\/kuadranrezeki.com\/uploads\/produk\/Mock Up Program Lunas Hutang (1).png","text":"Lat****<\/b> telah akses produk Program Lunas Hutang","timestamp":1729736755},{"nama":"Ald****","produk":"Program Lunas Hutang","foto":"https:\/\/kuadranrezeki.com\/uploads\/produk\/Mock Up Program Lunas Hutang (1).png","text":"Ald****<\/b> telah akses produk Program Lunas Hutang","timestamp":1728291888},{"nama":"Ban****","produk":"Program Lunas Hutang","foto":"https:\/\/kuadranrezeki.com\/uploads\/produk\/Mock Up Program Lunas Hutang (1).png","text":"Ban****<\/b> telah akses produk Program Lunas Hutang","timestamp":1728100783},{"nama":"Ikh****","produk":"Program Lunas Hutang","foto":"https:\/\/kuadranrezeki.com\/uploads\/produk\/Mock Up Program Lunas Hutang (1).png","text":"Ikh****<\/b> telah akses produk Program Lunas Hutang","timestamp":1728047825},{"nama":"Wiw****","produk":"Program Lunas Hutang","foto":"https:\/\/kuadranrezeki.com\/uploads\/produk\/Mock Up Program Lunas Hutang (1).png","text":"Wiw****<\/b> telah akses produk Program Lunas Hutang","timestamp":1727931164},{"nama":"Nas****","produk":"Program Lunas Hutang","foto":"https:\/\/kuadranrezeki.com\/uploads\/produk\/Mock Up Program Lunas Hutang (1).png","text":"Nas****<\/b> telah akses produk Program Lunas Hutang","timestamp":1722866965},{"nama":"Yam****","produk":"Program Lunas Hutang","foto":"https:\/\/kuadranrezeki.com\/uploads\/produk\/Mock Up Program Lunas Hutang (1).png","text":"Yam****<\/b> telah akses produk Program Lunas Hutang","timestamp":1722434960},{"nama":"Rif****","produk":"Program Lunas Hutang","foto":"https:\/\/kuadranrezeki.com\/uploads\/produk\/Mock Up Program Lunas Hutang (1).png","text":"Rif****<\/b> telah akses produk Program Lunas Hutang","timestamp":1722298687},{"nama":"Gan****","produk":"Program Lunas Hutang","foto":"https:\/\/kuadranrezeki.com\/uploads\/produk\/Mock Up Program Lunas Hutang (1).png","text":"Gan****<\/b> telah akses produk Program Lunas Hutang","timestamp":1722232656},{"nama":"Sup****","produk":"Program Lunas Hutang","foto":"https:\/\/kuadranrezeki.com\/uploads\/produk\/Mock Up Program Lunas Hutang (1).png","text":"Sup****<\/b> telah akses produk Program Lunas Hutang","timestamp":1722213883},{"nama":"Did****","produk":"Program Lunas Hutang","foto":"https:\/\/kuadranrezeki.com\/uploads\/produk\/Mock Up Program Lunas Hutang (1).png","text":"Did****<\/b> telah akses produk Program Lunas Hutang","timestamp":1722154150},{"nama":"fer****","produk":"Program Lunas Hutang","foto":"https:\/\/kuadranrezeki.com\/uploads\/produk\/Mock Up Program Lunas Hutang (1).png","text":"fer****<\/b> telah akses produk Program Lunas Hutang","timestamp":1722073851},{"nama":"Rat****","produk":"Program Lunas Hutang","foto":"https:\/\/kuadranrezeki.com\/uploads\/produk\/Mock Up Program Lunas Hutang (1).png","text":"Rat****<\/b> telah akses produk Program Lunas Hutang","timestamp":1722046013},{"nama":"Fem****","produk":"Program Lunas Hutang","foto":"https:\/\/kuadranrezeki.com\/uploads\/produk\/Mock Up Program Lunas Hutang (1).png","text":"Fem****<\/b> telah akses produk Program Lunas Hutang","timestamp":1721975830},{"nama":"Ahs****","produk":"Program Lunas Hutang","foto":"https:\/\/kuadranrezeki.com\/uploads\/produk\/Mock Up Program Lunas Hutang (1).png","text":"Ahs****<\/b> telah akses produk Program Lunas Hutang","timestamp":1721964694}], 'top');
})();