Tumblr

From IndieWeb
Jump to: navigation, search

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.

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

Contents

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=" --Link to Site Goes Here--" rel="me">--Site Name Goes Here--</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.

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. Sign in to silo.pub, 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.

tommorris ported most of his personal site content over from Tumblr.


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 rel-syndication hyperlink on the indieweb post permalink page to a Tumblr.com post URL
  • if there is such a rel-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 rel-syndication hyperlink on the indieweb post permalink page to a Tumblr.com post URL
  • if there is such a rel-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 rel-syndication hyperlink on the indieweb post permalink page to a Tumblr.com post URL
  • if there is such a rel-syndication hyperlink with href linking to a Tumblr post URL
  • then
    • natively "like" that Tumblr post URL on Tumblr itself
  • end if

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.

Porting to the IndieWeb

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

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.)

Features

Post types

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

UI/process documentation

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.

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

Criticisms

Tumblr's 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]

Downtime

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

Poor Quote Post Presentation

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

tumblr-quote-post-aaronpk.png

Poor Repost Presentation

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

tumblr-quote-reblog.png

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.

tumblr terminater screen.jpg

Blocked Feedreader Bloglovin

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

See Also

Retrieved from "https://indieweb.org/Tumblr"
Personal tools
Namespaces
Variants
Actions
Recent & Upcoming
Resources
Toolbox