Embedding social media feeds
Twitter makes it very easy. You can either get a list of a single feed or a public list.
For either you:
- go to publish.twitter.com/
- Put in the url of the feed you want to embed
- Optional: click on ‘set the customization options’ to choose the dark or light theme and set the width if want to.
- Click Copy Code and paste into your page.
When I first tried this only the link to the feed showed up (the first line fallback option below). The reason was an extension I was using blocked the external feed. I tried it in a different browser and it worked.
Once you have the code you can easily change themes from dark to light and change the width by directly editing the code.
1<a class="twitter-timeline" data-width="400" data-theme="dark" href="https://twitter.com/GretaThunberg?ref_src=twsrc%5Etfw">Tweets by GretaThunberg</a>
2
3<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
Tumblr
NOT SURE THIS METHOD WORKS STILL. It looks like Tumblr may have blocked access to b when it’s embedded in a web page. You CAN get the feed directly in a browser tab though.
So this is based on an article by Finlay Craig.
The Tumblr api can be accessed like so replacing username with the name of the user whose feed you want.
1https://username.tumblr.com/api/read