Muso Widget

Your credits. Live. On your own website.

Sign in with Muso, pick your profile, and copy one line of code. Every visitor to your site sees your verified credits and your streams counting up in real time — straight from Muso.

Three steps, about a minute

1
Sign in with Muso

Use the Muso account you already have. First time here? Your platform account is created on sign-in.

2
Pick your profile and look

Choose from the profiles you manage on Muso, add your website, pick credits, analytics or both, and any colour — the preview is live.

3
Paste one line

Copy the line into your site builder's embed block. That's it — it updates itself from then on.

Credits, analytics, or both — in any colour

The same live widget, three ways. Pick one in your studio; the colour follows your site.

Credits · White
Analytics · Black
Both · Custom

The whole install

Your studio gives you this line with your own widget id filled in. Paste it where the widget should appear.

your-site.html
<script src="https://platform.muso.ai/embed/widget.js" data-widget="mw_…your widget id…" async></script>

Building with React or another framework? Load the script once and use the element anywhere: <muso-widget widget="mw_…"></muso-widget>. Optional data-type (both, credits, analytics), data-theme (auto, light, dark), data-bg / data-accent (any hex colour), data-corners (rounded, square) and data-size (full, compact) override the look you picked.

Where to paste it

WordPressEdit the page → add a Custom HTML block → paste the line → Update.
SquarespaceEdit the page → Add block → Code → paste the line (leave Display Source off) → Save.
WixAdd → Embed Code → Embed HTML → Code → paste the line → Update. Size the box to fit the card.
WebflowDrag an Embed element onto the page → paste the line → Save & Close → Publish.
ShopifyOnline Store → Customize → Add section → Custom Liquid → paste the line → Save.
Plain HTMLPaste the line where the widget should appear, anywhere inside <body>.

Site with a Content-Security-Policy? Allow:

script-src 'self' https://platform.muso.ai;
connect-src 'self' https://platform.muso.ai;
img-src 'self' https://platform.muso.ai https:;
style-src 'self' 'unsafe-inline';
font-src 'self' https://platform.muso.ai;

Already have one of these directives? Add the Muso sources to it and keep your existing ones — a second copy of a directive is ignored.

Questions

Where do the numbers come from?

Straight from Muso — the same credits and the same live Audio Streams figure you see in the Muso app for your profile. The widget never calculates its own numbers.

What does “live” mean?

The streams figure counts up in real time across Spotify, YouTube Music, Audiomack, SoundCloud, Qobuz and Anghami. It shows when your profile has Muso analytics; otherwise the widget shows your credits.

Which widget should I pick?

Credits shows every song you're credited on — scrollable, searchable, filterable by role, with artwork. Analytics shows your live Audio Streams plus Shazams and videos. Both puts them in tabs. Choose White, Black, or any colour to match your site.

Can someone put my widget on their site?

No. A widget only answers the websites you registered. You can add or remove sites, issue a new id, or turn it off at any time.

Is it safe to paste on my site?

It carries no password or key — only a public widget id. It sets no cookies, loads nothing from third parties, is style-isolated from your page, and if anything fails it simply doesn't show.

Does it slow my site down?

The script is about 14 KB compressed, loads asynchronously, and waits until the widget scrolls into view before fetching anything.

Put your credits on your site

Developers who want full control can build on the same data with the API and publishable keys.