How to embed altmetrics in your website
All three altmetrics services provide a means for embedding your altmetrics data into your personal website.
Altmetric.com: Altmetric offers cut-and-paste code that allows you to embed multiple item-level badges on your website. First, copy and paste the Altmetric.com javascript snippet into the HTML of your website. Then, find the DOI or other persistent identifier of the item you'd like to display a badge for and use it to build a badge for your website. Once you've finished building your badge, you can then copy and paste a simple snippet of HTML into your webpage where you want the badge to appear. For more information, see the embedding instructions on the Altmetric.com website.
PlumX: PlumX also provides cut-and-paste code that allows you to embed both item- and researcher-level widgets on your website. On the author or itempage, you'll see an "Embed Widget" button in the upper-right hand corner of the screen. Click on the button and, on the next page, choose what you want to appear on your widget. Then, at the bottom of the page, copy the code from the "Code Snippets" section and paste it into your website where you want the widget to appear.
Impactstory: You can use cut-and-paste code to embed a badge and link to your Impactstory profile in your website. Or, you can use your profile's open data to embed the metrics themselves in your website. (This process is a bit more technical, but allows for a lot of customization.) You can add your profile- or item-level JSON data files to your website, using your favorite language to parse the code into XML or HTML. See this tutorial for more information on how to do that.
Examples