Zach’s ugly mug (his face)

Zach Leatherman

I’m Taking Ownership of My Tweets

September 16, 2019

I’ve invested a lot into Twitter and I’ve received a lot of value from Twitter. I’ve made a lot of friends and professional connections on the site. I’ll be sad when Twitter goes away. Without a doubt, it will go away. It’s only a question of when.

I fully expect my personal website to outlive Twitter and as such have decided to take full ownership of the content I’ve posted there. In true IndieWeb fashion, I’m taking ownership of my data.

Features #

  • Each tweet has its own independent page: zachleat.com/twitter/:id.
  • Super fast HTML first rendering (that tweet is 2.0 KB for the entire page)
  • Focus on the text first and less on the media. Links to external media are included (sample) and Videos, images, and animated GIFs are supported. Media are not self hosted (yet) and uses a max-height of 10em. All media are scrunched into a single row. Media is not upscaled like Twitter likes to do on their web site 😱
  • Links:
    • t.co links are bypassed and original hyperlinks URLs are displayed and used.
    • Things are linkified the same as on Twitter: users, tweets being replied to, nicer non-truncated URLs
    • Nicer link formatting for links-to-tweets: @username/:id.
    • Internal links to my own tweets stay within the archive and don’t link out to Twitter.
  • My tweets are threaded (both forwards and backwards) (sample)
  • While I could display favorite and retweet counts, I don’t on individual tweet pages. I only display those on the popular tweet page.
  • Positive and negative sentiment analysis for each tweet (e.g. Mood +8). See the most positive and most negative tweets.
  • Support some markdown: I sometimes use `backtick` markdown notation for code in my tweet text. This translates to <code> properly.
  • Works initially from the Download your Twitter data feature, but also supplements with the Twitter API to update as new tweets are published (that way I don’t have to keep re-exporting every time).

Analytics #

All of these are linked up on the Twitter Archive home page. The only thing that surprised me here was that 60% of my tweets are replies—wow!

The Backlog 😅 #

  • alt on media. It was suspiciously missing from the data export. 😱
  • Clean up the code a little bit for publishing so others can use it (this includes some outstanding color contrast issues 😱)
  • Use a better typeface 😎
  • Some kinda widget for embedding archive tweets in other pages.
  • Make a tool (maybe a bookmarklet) to automatically translate URLs from twitter to my archive.
  • Search
  • I purposefully do not include others tweets (unless I’ve retweeted them). I need to add a mechanism to remove retweets if they have been deleted upstream.
  • Retweet and favorite counts, while minimized, are not yet updated—they are fixed to when the tweet was inserted into the database.
  • Hashtags are not yet linked in tweet text 🤷‍♂️
  • Some nicer data visualizations and graphs
Zach’s ugly mug (his face)

Zach is a builder for the web with Netlify. He’s currently fixated on web fonts and static site generators. His public speaking résumé includes talks in eight different countries at events like Beyond Tellerrand, Smashing Conference, CSSConf, and The White House. He is an emeritus of Filament Group, NEJS CONF, and still helps out with NebraskaJS. Read more about Zach »

Previous
JAMstack_conf_sf 2019
Next
Two Browsers Walked Into a Scrollbar

2 Retweets

Sumeet JainGiamma
8 Likes
the hog that got away 🌳matt northam ᴹᴺGiammaJordan EldredgeNicolas HoizeyIngmarAaron PareckiBeko Pharm
2 Bookmarks
  1. Omg, I want and need to do this.

  2. Jeremy Keith

    Jeremy Keith https://adactio.com/ #

    I’m Taking Ownership of My Tweets—zachleat.com September 16th, 2019 I fully expect my personal website to outlive Twitter and as such have decided to take full ownership of the content I’ve posted there. In true IndieWeb fashion, I’m taking ownership of my data.

4 Replies
  1. Johan Bové

    Johan Bové https://social.johanbove.info/profile/johan #

    Awesome work! Any chance you'll open-source your Own-Your-Tweets code? #indieweb

  2. Zach Leatherman

    Zach Leatherman @zachleat #

    It does re-use one layout for the whole thing and just raw JS for templating. Local build times are about 30 seconds on my machine 👍 (it’s a pretty nice Macbook) This project is a nice motivator to think about and work on incremental building stuff in Eleventy too

  3. this is super cool!! how long do build times take? seems to be pretty light as it doesnt reuse templates. i reckon 2-5 minutes?

  4. Jamie Tanna

    Jamie Tanna https://www.jvt.me #

    This is a great idea! I may have to look at the same. I'm also hoping to start to start publishing from my site first and then having that send the tweet afterwards using https://brid.gy/

    12 Mentions
    1. www.jvt.me #

    2. David Darn Of The Dead 🧟‍♂️

      David Darn Of The Dead 🧟‍♂️ @DavidDarnes #

      Loving @zachleat’s talk from @jamstackconf in SF youtube.com/watch?v=X3SrZu… Written counterpart: zachleat.com/web/own-my-twe…

    3. Paul

      Paul https://pauljacobson.me/author/paul/ #

      I really like how Zach Leatherman has taken control over his tweets, and is sharing them on his site with some great analytics. He provides some insights into how he’s taking his tweets, and republishing them on his site in his post “I’m Taking Ownership of My Tweets” – I fully e… Truncated

    4. Tobias

      Tobias @rixxtr #

      @simonw This would be a great application of twitter-to-sqlite: zachleat.com/web/own-my-twe…

    5. CSS-Tricks

      CSS-Tricks @css #

      It's so appealing to have a web-archive of every tweet, that updates as you tweet. zachleat.com/web/own-my-twe… Or do it in the reverse, and publish to your site to auto-tweet.

    6. medium.com #

    7. Integro Mat https://diggingthedigital.com/author/integromat/ #

      ‘Aaarrrrr Maties! (Talk Like A Pirate Day!) Alle boekaniers, vrijbuiters en matrozen, pak je floret en volg mij naar het benedendeks voor een nieuwe OPEN nieuwsbrief! Komende zaterdag houdt auteur Douglas Rushkoff in Tivoli Vredenburg te Utrecht de lezing “How to stay human in th… Truncated

    8. івась тарасик

      івась тарасик @tivasyk #

      дядько підійшов серйозно до архівування своїх твітів… поважаю: zachleat.com/web/own-my-twe… @ua@mastodon.org.ua

    9. Jan-Lukas Else https://jlelse.dev/ #

      It’s impressive how Zach Leatherman built an archive of all his tweets on his personal website to take ownership of them. That way all his tweets will be preserved even if Twitter goes away one day.I’ve invested a lot into Twitter and I’ve received a lot of value from Twitter. I’… Truncated

    10. Alexander Boldakov

      Alexander Boldakov @boldakov #

      I’m Taking Ownership of My Tweets—zachleat.com zachleat.com/web/own-my-twe…

    11. Adactio Links

      Adactio Links @adactioLinks #

      I’m Taking Ownership of My Tweets—zachleat.com zachleat.com/web/own-my-twe…

    12. jackyalcine 🔜 TwitchCon 2019

      jackyalcine 🔜 TwitchCon 2019 @jackyalcine #

      @zachleat says it clearly - we can’t expect places like Twitter to exist forever. But we can do that for our own identites on platforms we have a say in. I’m even happy to be working on things that help people do that! zachleat.com/web/own-my-twe… (v2.jacky.wtf/post/cb4375f1-…)