Embed the canvas

Drop the live pixel war on your blog, newsletter, or site. One line. When someone clicks through and paints a pixel, you earn a shield credit.

Basic embed

<iframe src="https://howaboutadollar.com/embed" width="320" height="380" frameborder="0" style="border:1px solid #222;border-radius:8px;"></iframe>

With referral credit (recommended)

Replace YOUR_REF with your session id. Visit /canvas once and check /api/credits to find your session_id.

<iframe src="https://howaboutadollar.com/embed?ref=YOUR_REF" width="320" height="380" frameborder="0" style="border:1px solid #222;border-radius:8px;"></iframe>

Live preview

Sizing: works at any width / height, but ~320×380 is a comfortable fit. Wider than 400px starts to look stretched.

Refresh: the embed snapshots the canvas state at load time. To see changes, reload the parent page.

Tracking: every visitor who clicks through is tagged with utm_source=embed. If you set ?ref=..., you also earn a shield credit when they pay.