Mastodon Interact embedding

Enter your Mastodon account, pick your settings and click on generate. This page will generate a script and a style sheet you need to insert in the <head> section of your page.

<link rel="stylesheet" type="text/css" href="mastodon-interact.css">
<script type="application/javascript" src="mastodon-interact.js"></script>

You need to make sure the paths are correct in the href and src attributes. Your account is embedded in the script and can be changed by assigning a new account to MastodonInteract.account. You can also change the text for the share button with MastodonInteract.sharetext.

The two HTML snippets need to be copy pasted to the part of your page where you want to insert the buttons. Make sure that the paths to the icons are correct and point to where you uploaded the generated icons.

This generator page is entirely selfcontained and can be download to you computer.

Mastodon handle


Download script


Download style

Follow Embed

Download icon

Share Embed

Download icon

Copyright (C) 2022 smpl <>

Source code