Tumblr

From IndieWeb

Tumblr is a popular content hosting silo, especially for found images & video, that explicitly supports multiple types of posts, and through free domain mapping, a content hosting service as well.

History

The "Tumblr" names comes from an early term for short-form blogs, tumblelogs, which later became popularly referred to as microblogs.

How to

There's a lot you can do with Tumblr and the IndieWeb, the "how tos" here are clustered into two chunks, first, as how to use Tumblr as an domain aliasing web hosting provider. The second cluster is for if/when you have your own site independent of Tumblr, and want to (still) interact with posts / people on Tumblr.

These two major clusters are separated by how to "Export", which you'll want to use as part of switching from Tumblr as a web host, to more independent web hosting, and subsequent usage of your Tumblr as merely a POSSE/backfeed proxy.

Use your own domain

See: https://www.tumblr.com/docs/en/blog_management#customdomain

Some key things:

  • Go to http://tumblr.com/settings/blog/(username) where "(username)" is your Tumblr username.
  • Click the pencil next to the username block.
  • Toggle the switch that says "Use Custom Domain"
  • Enter your domain name in the text box
  • Click Save
  • Change your A Record to 66.6.44.4 (Tumblr's IP Address) Note: It may take up to 72 hours to change.

Add rel-me links and use IndieAuth

On your Tumblr page, click the Customize button, then add rel-me links as HTML directly in the Description section. More details.

You can use this snippet to do so:

<code>
{block:Description}
<meta name="description" content="{MetaDescription}" />
<a href="http://yoursite.example.com/" rel="me">Your Site Name</a>
{/block:Description}
</code>

Add microformats support

Tumblr has documentation on How to create a custom HTML theme which you can use to add microformats support, especially h-entry and h-card.

There is a indie web version theme already marked up that you can use. Click on the Edit HTML button and copy and paste this over the existing html.

  1. Go to your Tumblr URL, e.g. yourname.tumblr.com
  2. Click the person icon 👤 (in top right)
  3. Choose "Edit appearance" from the drop down menu
  4. Scroll a bit and click the [Edit theme] button
  5. Click the (Edit HTML) button
  6. add h-entry
    1. scroll down and find all instances of <article class="single_post">
    2. change them to <article class="single_post h-entry">
    3. scroll down and find all instances of class="post_date"
    4. change them to <div class="post_date dt-published">
    5. you may need to update their contents to publish the date and time in ISO format, using the value class pattern etc. These macros may help with that: {Year}-{MonthNumberWithZero}-{DayOfMonthWithZero} {24HourWithZero}:{Minutes}:{Seconds}
    6. change href="{Permalink}" to: class="u-url" href="{Permalink}"
    7. change href="{permalink}" to: class="u-url" href="{permalink}"

You can use the Link feature of Tumblr to send indieweb replies:

Find the section starting block:Link and change it so it looks like this.


{block:Link}
<article class="single_post_wrap">
    
    <article class="single_post h-entry">   

        {block:Date}  
        <h3 class="post_date dt-published">{TimeAgo}</h3>
        {/block:Date} 

                 
        <h2><a class="u-in-reply-to" href="{URL}">{Name}</a></h2>
   
        {block:Description} 
        <div class="description e-content" >{Description}</div>                                                                                                  
        {/block:Description}

To reply to something copy the URL and make it a tumblr link. You will need to manually send webmentions or sign up for Brid.gy

You can also mark up your photos and photosets with microformats.

Look for img src="{PhotoURL-500}" alt="{PhotoAlt}" and change it to: img class="u-photo" src="{PhotoURL-500}" alt="{PhotoAlt}" .

Example Tumblrs with microformats

The following Tumblrs have proper h-entry markup (per the above instructions) and thus may help as examples:

Add webmention support

Tumblr doesn't have built in support for webmentions, but Bridgy can send, receive, and display webmentions for Tumblr blogs. You can also receive webmentions with webmention.io and webmention.herokuapp.com.

  • See https://www.brid.gy/about#blogs for more.
  • Ideally Tumblr would support webmentions natively as part of its own notes system, however; it's very rare for people to view individual item permalinks (especially with the new filtered notes viewer that's part of the dashboard), and even less common for people to interact with Disqus threads.

Implementation Notes

  • Be aware that brid.gy does not parse your h-entries but rather the RSS feed of your Tumblr.
  • To check how your Tumblr looks in rss, add /rss behind the URL of your tumblr post.
  • Make absolutely sure to disable the 'Truncate RSS feed' option inside your Tumblr Template Editor, otherwise URLs will not be shown in the RSS and thus in Brid.gy and no Webmention will happen!
  • Also note that Brid.gy takes about 3 hours to pick up your RSS feed from your Tumblr. So if you post something to check out whether it works and brid.gy does not show it, wait a few hours before you go consider more trouble-shooting.

You might be interested to read BELP's User Experience on Tumblr & Indieweb (non-technical)

Post via Micropub

It is possible to use Micropub clients like Quill to post to blogs on Tumblr using silopub as a bridge. You have to host silopub yourself (there was a service silo.pub in the past which since went offline) and follow the instructions to include the appropriate headers. Then you will be able to log in to any Micropub client using your Tumblr domain as your identity.


How to export your data

The Tumblr API provides XML and JSON for posts. Tumblr's v1 read API is blissfully simple to use although now deprecated. It returns custom XML but it is fairly straightforward to transform this into HTML etc. The v1 API doesn't require authentication.


Feeds

Public feeds are available of Tumblr sites at the path "/rss", e.g.:

How to POSSE

Tumblr used to be able to import an RSS feed; they removed this ability in 2011 according to "Tumblr Removes RSS Import Feature, Becomes Far Less Useful".

How are people POSSEing to Tumblr today? Presumably using their API? Or email?

silo pub to Tumblr

silo.pub supports Micropub to Tumblr, thus if your server can act as a micropub client, it can automatically POSSE your posts to Tumblr.

IndieWeb Examples:

Bridgy Publish POSSE to Tumblr

Bridgy Publish does not yet support POSSE to Tumblr, but there is an open issue on it if you'd like to help make it happen!

POSSE Replies to Tumblr posts

When posting a reply to a Tumblr post, the proper POSSE behavior should be to do a native reply (on Tumblr) of the post that you're reposting on your own site.

See also and consider contributing to Bridgy Publish feature request for this:

IndieWeb community members doing this:

  • none so far (AFAIK)

POSSE Replies to Tumblr

When you do a reply to an indieweb post:

  • look for a u-syndication hyperlink on the indieweb post permalink page to a Tumblr.com post URL
  • if there is such a u-syndication hyperlink with href linking to a Tumblr.com post URL
  • then
    • do a native reply of that Tumblr post URL on Tumblr itself
  • end if

POSSE Reposts of Tumblr posts

When posting a repost of a Tumblr post, the proper POSSE behavior should be to do a native repost (on Tumblr) of the post that you're reposting on your own site.

See also and consider contributing to Bridgy Publish feature request for this:

IndieWeb community members doing this:

  • acegiak is doing this as of 2014-050 per claim[1]
    • Example of original repost: [2]
    • Example of POSSE repost on Tumblr: [3]

Considerations: Reblogging specifically has to be done through the [4] which requires oauth and cannot be done through their email posting service. This is because posting a reblog requires the system to first api fetch the original post that is being reblogged to get it's "reblog_key" that must be sent with it's post id when making the reblog call.

POSSE Reposts to Tumblr

When you do a repost of an indieweb post:

  • look for a u-syndication hyperlink on the indieweb post permalink page to a Tumblr.com post URL
  • if there is such a u-syndication hyperlink with href linking to a Tumblr.com post URL
  • then
    • do a native repost of that Tumblr post URL on Tumblr itself
  • end if

POSSE Favorites of Tumblr posts

When posting a favorite of a Tumblr post, the proper POSSE behavior should be to natively "like" (on Tumblr) the Tumblr post that you're favoriting on your own site.

See also and consider contributing to Bridgy Publish feature request for this:


IndieWeb Example(s):

POSSE Favorites to Tumblr

When you post a favorite of an indieweb post:

  • look for a u-syndication hyperlink on the indieweb post permalink page to a Tumblr.com post URL
  • if there is such a u-syndication hyperlink with href linking to a Tumblr post URL
  • then
    • natively "like" that Tumblr post URL on Tumblr itself
  • end if

Features

Post types

See also: Posts#Kinds of Posts
  • text
  • photo
  • quote
  • link
  • chat
  • audio
  • video

Auto-syndication

Tumblr allows users to set-up auto-syndication of Tumblr posts to Twitter. The UI used for this may be of some use to those implementing POSSE (although it isn't POSSE as Tumblr isn't your "own site", unless perhaps you're using Tumblr as an indieweb host for your domain). See this Webapps StackExchange post for details of the UI of Tumblr's Twitter syndication.

Rich Text Editor

In Tumblr's rich text editor, the formatting buttons appear when you highlight text. When the cursor is on a blank line, options to add media appear. Tumblr staff explained the thinking behind their editor in "A More Pleasant Post"; it launched sometime before 2015-02-13.

Users own their content

The Tumblr TOS assert that users retain ownership and copyright over all content and IP they post. Details in section 6, Content and Subscriber Content. (Checked 2014-07-21.)


IndieWeb Friendly

As the above "How to"s document, there’s a lot you can do to make your Tumblr IndieWeb Friendly.

This section documents built-in IndieWeb support in Tumblr, and efforts to add more.

IndieWeb Support

In Progress

Challenges

  • porting over content and maintaining URL redirects
  • porting over comments
  • porting over reblogs
  • porting over likes

Mapping Tumblr post types

Tumblr posts can be roughly mapped to IndieWeb posts as follows:

text
note or article (depending on length)
photo
photo
quote
quotation
link
bookmark
chat
???
audio
audio
video
video

Building blocks 2022


Brainstorming

How to delete your account

TBD.

Has anyone deleted their Tumblr account? What's the process? How long do they hold your data anyway? Etc.

See also: delete your account

PESETAS

Getting data out of Tumblr is pretty easy as documented above. There is no need to get or use API keys or OAuth tokens or anything.

This makes Tumblr a logical destination silo for a PESETAS setup.


Criticisms

Involuntary Identity Reassignment

Tumblr has (sometimes inexplicably) reassigned a username (and thus *.tumblr.com URL) to someone else, without explicit permission of the original owner / creator of the username and tumblr URL.

Examples:

Releasing inactive accounts

After some period of inactivity, Tumblr will send an email that requires user action, otherwise their username can be released, breaking permalinks. The message they send is:

It's been a while since you've been on Tumblr, and we wanted to make sure that you're still interested in using the username [username]. If so, just hit this button:

button: I'm still [username]

If not, you don't have to do anything. If we don't hear from you within two weeks, we'll just give you a temporary username and release your old one back into the wild. You can come back and change your temporary name to whatever you want, whenever you’re ready. Your content will all still be here when you get back.

Experiences:

  • gRegor Morrill: I've experienced this a few times, after at least one year of inactivity.
  • Tantek Çelik: I have also experienced this (see screenshot below), after an unknown period of inactivity. Only two weeks warning before an involuntary change seems unreasonable.

This is obviously bad for longevity, and makes Tumblr a less attractive free hosting option.

If you do click the [I'm still Username] button in the email, you're taken to a web page that asks you to reset your password:

When you click [ Alrighty ] it take you to another screen where it shows you your login email, and just one field to pick a new password. No old password, no confirm new password, and just accepts it without confirmation.

The Great Termination

"Over the next week, the terminated teens created a huge Facebook group chat; its thousands of messages are filled with anguish and denial and regret: “They took away our lives,” and “The worst part is that everything was just ripped out from under us.” " [5]

Poor Quote Post Presentation

In the dashboard view of your own quote post, it looks like you're quoting yourself, which is misleading:

Poor Repost Presentation

Even worse, reblogs of a quote post look like they're being said by the reblogger, which is doubly indirectly wrong.

DMCA takedowns without merit

  • Like many of the other silos, Tumblr will comply to DMCA takedown requests quickly and without warning, regardless of their merit.

Blocked Feedreader Bloglovin

Tumblr has blocked at least one feed reader (Bloglovin) from accessing their feeds

As of 2014-09-09, Bloglovin reported in a Facebook status (archived) that Tumblr feeds were available again.

Primary vs Secondary blogs and contributors

  • Tumblr allows you to create multiple blogs from your account, but only the primary blog has the full features including follow, like, reply, ask, and submit. Secondary blogs cannot follow other blogs, like posts, ask questions to other users, or submit posts to other blogs.
  • Secondary blogs can have a team of contributors, but primary blogs cannot.
  • Secondary blogs cannot be turned into primary blogs
  • https://www.tumblr.com/docs/en/blog_management

Accessibility

Excessive Login Gating

As of 2022, large portions of Tumblr’s functionality is gated behind login walls. Gated content includes blogs marked as sensitive, scrolling more than a few pages down search results, trying to click on any content in search results despite that content being public and visible in the results.

Downtime

  • 2010-340 16:24:41-0800 (PST) "issue in ... database cluster" 5331910087_c25749d90b_z.jpg

See Also