(function () { var container = null; function hideBadge(e) { e.preventDefault(); e.stopPropagation(); if (container) { container.style.display = "none"; } } function renderBadge(data) { var isTextBadge = typeof data.content === "string" && !!data.content.trim(); var label = isTextBadge ? data.content : "Made with AI in Macaly"; // Black pill: wordmark on the left, dismiss (×) on the right. Capped at the // viewport so a long whitelabel badge can't push the fixed, right-anchored // container off the left edge. container = document.createElement("div"); container.setAttribute("data-platform-badge-container", ""); container.style.cssText = "position:fixed;bottom:10px;right:10px;display:inline-flex;align-items:center;max-width:calc(100vw - 20px);background:#000;border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,0.18);z-index:2147483647;"; var badge = document.createElement("a"); badge.setAttribute("data-platform-badge", ""); badge.href = data.link; badge.target = "_blank"; badge.rel = "noopener noreferrer"; badge.setAttribute("aria-label", label); badge.style.cssText = "cursor:pointer;display:block;"; if (isTextBadge) { // The default SVG draws its own pill; custom text needs one on the anchor. badge.style.cssText += "display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:#000;color:#fff;padding:8px 12px;font-family:Arial,sans-serif;font-size:13px;font-weight:600;line-height:16px;min-width:0;flex:0 1 auto;overflow:hidden;text-decoration:none;text-overflow:ellipsis;white-space:nowrap;"; badge.textContent = data.content; } else { badge.innerHTML = ''; } // Dismiss hides the badge until the next page load. var closeBtn = document.createElement("button"); closeBtn.setAttribute("data-platform-badge-close", ""); closeBtn.type = "button"; closeBtn.setAttribute("aria-label", "Hide badge"); closeBtn.textContent = "×"; closeBtn.style.cssText = "display:flex;align-self:stretch;align-items:center;justify-content:center;padding:0 8px 0 2px;border:none;background:transparent;color:rgba(255,255,255,0.8);font-family:Arial,sans-serif;font-size:16px;line-height:1;cursor:pointer;"; closeBtn.addEventListener("click", hideBadge); container.appendChild(badge); container.appendChild(closeBtn); document.body.appendChild(container); } function loadBadge() { fetch("https://www.macaly.com" + '/api/badge-config?chatId=' + encodeURIComponent("zz0xsnftt50gbjrxi8u4dvdz")) .then(function (res) { return res.json(); }) .then(function (data) { if (data && data.badgeVisibility && typeof data.link === "string") { renderBadge(data); } }) .catch(function () { // Badge config unavailable: leave the page without a badge. }); } if (document.readyState === "loading") { document.addEventListener("DOMContentLoaded", loadBadge); } else { loadBadge(); } })();

How to Measure Marketing ROI: A CMO's Guide to Data-Driven Decisions

Want to apply this to your business?