tumblr-social-shares.md

Tumblr - Creating informative shares from the index page.

Tumblr lacks the relevant template tags to provide more information, when sharing a post on a social network site, when the share request is made on from the index page.

Currently there are variables {PostTitle} and {PostSummary}, but these only rendered on the Permalink page.

The Goal

The goal is to replicate the information Tumblr creates for the Facebook OG meta tags (which is rendered on the permalink page). Although it is possible to generate the correct OG tags on the index page, this only provides support for Facebook, so other networks still need padding out.

Breakdown

For each post type we should generate and include, if possible, the following {Post} information:

1. Title
2. URL
3. Description
4. Image

It is presumed your share urls will be inside the corresponding post type block. For sanity utilise: {Plaintext} and {URLEncoded} for creating strings.

Afaik this covers all post types. That being said, this is not a complete solution. Some things will be missing due to the nature of embeds (Videos / Audio I am looking at you here!).

If you find any problems fork / comment and I will do my best to assist.

---

Text Post Breakdown:

1. {block:Title}{PlaintextTitle}{/block:Title}
2. {URLEncodedPermalink}
3. {PlaintextBody}
4. http://assets.tumblr.com/images/og/text_200.png

Share URLs:

Facebook

{block:Text}http://www.facebook.com/sharer/sharer.php?s=100&p[title]={block:Title}{PlaintextTitle}{/block:Title}&p[url]={URLEncodedPermalink}&p[images][0]=http://assets.tumblr.com/images/og/text_200.png&p[summary]={PlaintextBody}{/block:Text}

Twitter

{block:Text}https://twitter.com/intent/tweet?text={block:Title}{PlaintextTitle}%20-%20{/block:Title}&url={URLEncodedPermalink}{/block:Text}

Google Plus

{block:Text}https://plus.google.com/share?url={URLEncodedPermalink}{/block:Text}

Pinterest

{block:Text}http://pinterest.com/pin/create/button/?url={URLEncodedPermalink}&description={block:Title}{PlaintextTitle}{/block:Title}&media=http://assets.tumblr.com/images/og/text_200.png{/block:Text}

Reddit

{block:Text}http://reddit.com/submit?url={URLEncodedPermalink}&title={block:Title}{PlaintextTitle}{/block:Title}{/block:Text}

Digg

{block:Text}http://digg.com/submit?url={URLEncodedPermalink}&title={block:Title}{PlaintextTitle}{/block:Title}{/block:Text}

Delicious

{block:Text}http://del.icio.us/post?url={URLEncodedPermalink}&title={block:Title}{PlaintextTitle}{/block:Title}{/block:Text}

StumbleUpon

{block:Text}http://www.stumbleupon.com/submit?url={URLEncodedPermalink}&title={block:Title}{PlaintextTitle}{/block:Title}{/block:Text}

LinkedIn

{block:Text}http://www.linkedin.com/shareArticle?mini=true&url={URLEncodedPermalink}&title={block:Title}{PlaintextTitle}{/block:Title}{/block:Text}

---

Photo Post Breakdown:

1. {PlaintextTitle}
2. {URLEncodedPermalink}
3. {block:Caption}{PlaintextCaption}{/block:Caption}
4. {URLEncodedPhotoURL-250}

Share URLs:

Facebook

{block:Photo}http://www.facebook.com/sharer/sharer.php?s=100&p[title]={PlaintextTitle}&p[url]={URLEncodedPermalink}&p[images][0]={URLEncodedPhotoURL-250}&p[summary]={block:Caption}{PlaintextCaption}{/block:Caption}{/block:Photo}

Twitter

{block:Photo}https://twitter.com/intent/tweet?text={block:Caption}{PlaintextCaption}{/block:Caption}%20-%20&url={URLEncodedPermalink}{/block:Photo}

Google Plus

{block:Photo}https://plus.google.com/share?url={URLEncodedPermalink}{/block:Photo}

Pinterest

{block:Photo}http://pinterest.com/pin/create/button/?url={URLEncodedPermalink}&description={block:Caption}{PlaintextCaption}{/block:Caption}&media={URLEncodedPhotoURL-250}{/block:Photo}

Reddit

{block:Photo}http://reddit.com/submit?url={URLEncodedPermalink}&title={block:Caption}{PlaintextCaption}{/block:Caption}{/block:Photo}

Digg

{block:Photo}http://digg.com/submit?url={URLEncodedPermalink}&title={block:Caption}{PlaintextCaption}{/block:Caption}{/block:Photo}

Delicious

{block:Photo}http://del.icio.us/post?url={URLEncodedPermalink}&title={block:Caption}{PlaintextCaption}{/block:Caption}{/block:Photo}

StumbleUpon

{block:Photo}http://www.stumbleupon.com/submit?url={URLEncodedPermalink}&title={block:Caption}{PlaintextCaption}{/block:Caption}{/block:Photo}

LinkedIn

{block:Photo}http://www.linkedin.com/shareArticle?mini=true&url={URLEncodedPermalink}&title={block:Caption}{PlaintextCaption}{/block:Caption}{/block:Photo}

---

Photoset Post Breakdown:

1. {PlaintextTitle}
2. {URLEncodedPermalink}
3. {block:Caption}{PlaintextCaption}{/block:Caption}
4. {block:Photos}{URLEncodedPhotoURL-250}{/block:Photos} (* The last image in the set will be used)

Share URLs:

Facebook

{block:Photoset}http://www.facebook.com/sharer/sharer.php?s=100&p[title]={PlaintextTitle}&p[url]={URLEncodedPermalink}{block:Photos}&p[images][0]={URLEncodedPhotoURL-250}{/block:Photos}&p[summary]={block:Caption}{PlaintextCaption}{/block:Caption}{/block:Photoset}

Twitter

{block:Photoset}https://twitter.com/intent/tweet?text={block:Caption}{PlaintextCaption}{/block:Caption}%20-%20&url={URLEncodedPermalink}{/block:Photoset}

Google Plus

{block:Photoset}https://plus.google.com/share?url={URLEncodedPermalink}{/block:Photoset}

Pinterest

{block:Photoset}http://pinterest.com/pin/create/button/?url={URLEncodedPermalink}&description={block:Caption}{PlaintextCaption}{/block:Caption}{block:Photos}&media={URLEncodedPhotoURL-250}{/block:Photos}{/block:Photoset}

Reddit

{block:Photoset}http://reddit.com/submit?url={URLEncodedPermalink}&title={block:Caption}{PlaintextCaption}{/block:Caption}{/block:Photoset}

Digg

{block:Photoset}http://digg.com/submit?url={URLEncodedPermalink}&title={block:Caption}{PlaintextCaption}{/block:Caption}{/block:Photoset}

Delicious

{block:Photoset}http://del.icio.us/post?url={URLEncodedPermalink}&title={block:Caption}{PlaintextCaption}{/block:Caption}{/block:Photoset}

StumbleUpon

{block:Photoset}http://www.stumbleupon.com/submit?url={URLEncodedPermalink}&title={block:Caption}{PlaintextCaption}{/block:Caption}{/block:Photoset}

LinkedIn

{block:Photoset}http://www.linkedin.com/shareArticle?mini=true&url={URLEncodedPermalink}&title={block:Caption}{PlaintextCaption}{/block:Caption}{/block:Photoset}

---

Quote Post Breakdown:

1. {PlaintextQuote}
2. {URLEncodedPermalink}
4. http://assets.tumblr.com/images/og/quote_200.png

Share URLs:

Facebook

{block:Quote}http://www.facebook.com/sharer/sharer.php?s=100&p[title]={PlaintextQuote}&p[url]={URLEncodedPermalink}&p[images][0]=http://assets.tumblr.com/images/og/quote_200.png{/block:Quote}

Twitter

{block:Quote}https://twitter.com/intent/tweet?text={PlaintextQuote}%20-%20&url={URLEncodedPermalink}{/block:Quote}

Google Plus

{block:Quote}https://plus.google.com/share?url={URLEncodedPermalink}{/block:Quote}

Pinterest

{block:Quote}http://pinterest.com/pin/create/button/?url={URLEncodedPermalink}&description={PlaintextQuote}&media=http://assets.tumblr.com/images/og/quote_200.png{/block:Quote}

Reddit

{block:Quote}http://reddit.com/submit?url={URLEncodedPermalink}&title={PlaintextQuote}{/block:Quote}

Digg

{block:Quote}http://digg.com/submit?url={URLEncodedPermalink}&title={PlaintextQuote}{/block:Quote}

Delicious

{block:Quote}http://del.icio.us/post?url={URLEncodedPermalink}&title={PlaintextQuote}{/block:Quote}

StumbleUpon

{block:Quote}http://www.stumbleupon.com/submit?url={URLEncodedPermalink}&title={PlaintextQuote}{/block:Quote}

LinkedIn

{block:Quote}http://www.linkedin.com/shareArticle?mini=true&url={URLEncodedPermalink}&title={PlaintextQuote}{/block:Quote}

---

Link Post Breakdown:

1. {PlaintextName}
2. {URLEncodedPermalink}
3. {block:Description}{PlaintextDescription}{/block:Description}
4. http://assets.tumblr.com/images/og/link_200.png

Share URLs:

Facebook

{block:Link}http://www.facebook.com/sharer/sharer.php?s=100&p[title]={PlaintextName}&p[url]={URLEncodedPermalink}&p[images][0]=http://assets.tumblr.com/images/og/link_200.png&p[summary]={block:Description}{PlaintextDescription}{/block:Description}{/block:Link}

Twitter

{block:Link}https://twitter.com/intent/tweet?text={PlaintextName}%20-%20&url={URLEncodedPermalink}{/block:Link}

Google Plus

{block:Link}https://plus.google.com/share?url={URLEncodedPermalink}{/block:Link}

Pinterest

{block:Link}http://pinterest.com/pin/create/button/?url={URLEncodedPermalink}&description={PlaintextName}&media=http://assets.tumblr.com/images/og/link_200.png{/block:Link}

Reddit

{block:Link}http://reddit.com/submit?url={URLEncodedPermalink}&title={PlaintextName}{/block:Link}

Digg

{block:Link}http://digg.com/submit?url={URLEncodedPermalink}&title={PlaintextName}{/block:Link}

Delicious

{block:Link}http://del.icio.us/post?url={URLEncodedPermalink}&title={PlaintextName}{/block:Link}

StumbleUpon

{block:Link}http://www.stumbleupon.com/submit?url={URLEncodedPermalink}&title={PlaintextName}{/block:Link}

LinkedIn

{block:Link}http://www.linkedin.com/shareArticle?mini=true&url={URLEncodedPermalink}&title={PlaintextName}{/block:Link}

---

Chat Post Breakdown:

1. {block:Title}{PlaintextTitle}{/block:Title}
2. {URLEncodedPermalink}
3. {block:Lines}{block:Label}{PlaintextLabel}{/block:Label}{PlaintextLine}%0A{/block:Lines}
4. http://assets.tumblr.com/images/og/link_200.png

Share URLs:

Facebook

{block:Chat}http://www.facebook.com/sharer/sharer.php?s=100&p[title]={block:Title}{PlaintextTitle}{/block:Title}&p[url]={URLEncodedPermalink}&p[images][0]=http://assets.tumblr.com/images/og/chat_200.png&p[summary]={block:Lines}{block:Label}{PlaintextLabel}{/block:Label}{PlaintextLine}%0A{/block:Lines}{/block:Chat}

Twitter

{block:Chat}https://twitter.com/intent/tweet?text={block:Title}{PlaintextTitle}{/block:Title}%20-%20&url={URLEncodedPermalink}{/block:Chat}

Google Plus

{block:Chat}https://plus.google.com/share?url={URLEncodedPermalink}{/block:Chat}

Pinterest

{block:Chat}http://pinterest.com/pin/create/button/?url={URLEncodedPermalink}&description={block:Title}{PlaintextTitle}{/block:Title}&media=http://assets.tumblr.com/images/og/chat_200.png{/block:Chat}

Reddit

{block:Chat}http://reddit.com/submit?url={URLEncodedPermalink}&title={block:Title}{PlaintextTitle}{/block:Title}{/block:Chat}

Digg

{block:Chat}http://digg.com/submit?url={URLEncodedPermalink}&title={block:Title}{PlaintextTitle}{/block:Title}{/block:Chat}

Delicious

{block:Chat}http://del.icio.us/post?url={URLEncodedPermalink}&title={block:Title}{PlaintextTitle}{/block:Title}{/block:Chat}

StumbleUpon

{block:Chat}http://www.stumbleupon.com/submit?url={URLEncodedPermalink}&title={block:Title}{PlaintextTitle}{/block:Title}{/block:Chat}

LinkedIn

{block:Chat}http://www.linkedin.com/shareArticle?mini=true&url={URLEncodedPermalink}&title={block:Title}{PlaintextTitle}{/block:Title}{/block:Chat}

---

Audio Post Breakdown:

1. {block:TrackName}{PlaintextTrackname}{/block:TrackName}{block:Artist}%20-%20{PlaintextArtist}{/block:Artist}
2. {URLEncodedPermalink}
3. {block:Caption}{PlaintextCaption}{/block:Caption}
4. {block:AlbumArt}{URLEncodedAlbumArtURL}{/block:AlbumArt}

Share URLs:

Facebook

{block:Audio}http://www.facebook.com/sharer/sharer.php?s=100&p[title]={block:TrackName}{PlaintextTrackname}{/block:TrackName}{block:Artist}%20-%20{PlaintextArtist}{/block:Artist}&p[url]={URLEncodedPermalink}&p[images][0]={block:AlbumArt}{URLEncodedAlbumArtURL}{/block:AlbumArt}&p[summary]={block:Caption}{PlaintextCaption}{/block:Caption}{/block:Audio}

Twitter

{block:Audio}https://twitter.com/intent/tweet?text={block:TrackName}{PlaintextTrackname}{/block:TrackName}{block:Artist}%20-%20{PlaintextArtist}{/block:Artist}%20%3A%20&url={URLEncodedPermalink}{/block:Audio}

Google Plus

{block:Audio}https://plus.google.com/share?url={URLEncodedPermalink}{/block:Audio}

Pinterest

{block:Audio}http://pinterest.com/pin/create/button/?url={URLEncodedPermalink}&description={block:TrackName}{PlaintextTrackname}{/block:TrackName}{block:Artist}%20-%20{PlaintextArtist}{/block:Artist}&media={block:AlbumArt}{URLEncodedAlbumArtURL}{/block:AlbumArt}{/block:Audio}

Reddit

{block:Audio}http://reddit.com/submit?url={URLEncodedPermalink}&title={block:TrackName}{PlaintextTrackname}{/block:TrackName}{block:Artist}%20-%20{PlaintextArtist}{/block:Artist}{/block:Audio}

Digg

{block:Audio}http://digg.com/submit?url={URLEncodedPermalink}&title={block:TrackName}{PlaintextTrackname}{/block:TrackName}{block:Artist}%20-%20{PlaintextArtist}{/block:Artist}{/block:Audio}

Delicious

{block:Audio}http://del.icio.us/post?url={URLEncodedPermalink}&title={block:TrackName}{PlaintextTrackname}{/block:TrackName}{block:Artist}%20-%20{PlaintextArtist}{/block:Artist}{/block:Audio}

StumbleUpon

{block:Audio}http://www.stumbleupon.com/submit?url={URLEncodedPermalink}&title={block:TrackName}{PlaintextTrackname}{/block:TrackName}{block:Artist}%20-%20{PlaintextArtist}{/block:Artist}{/block:Audio}

LinkedIn

{block:Audio}http://www.linkedin.com/shareArticle?mini=true&url={URLEncodedPermalink}&title={block:TrackName}{PlaintextTrackname}{/block:TrackName}{block:Artist}%20-%20{PlaintextArtist}{/block:Artist}{/block:Audio}

---

Video Post Breakdown:

1. {PlaintextName}
2. {URLEncodedPermalink}
3. {block:Caption}{PlaintextCaption}{/block:Caption}
4. {block:VideoThumbnail}{VideoThumbnailURL}{/block:VideoThumbnail}

Facebook

{block:Video}http://www.facebook.com/sharer/sharer.php?s=100&p[title]={PlaintextName}&p[url]={URLEncodedPermalink}&p[images][0]={block:VideoThumbnail}{VideoThumbnailURL}{/block:VideoThumbnail}&p[summary]={block:Caption}{PlaintextCaption}{/block:Caption}{/block:Video}

Twitter

{block:Video}https://twitter.com/intent/tweet?text={block:Caption}{PlaintextCaption}{/block:Caption}%20-%20&url={URLEncodedPermalink}{/block:Video}

Google Plus

{block:Video}https://plus.google.com/share?url={URLEncodedPermalink}{/block:Video}

Pinterest

{block:Video}http://pinterest.com/pin/create/button/?url={URLEncodedPermalink}&description={block:Caption}{PlaintextCaption}{/block:Caption}&media={block:VideoThumbnail}{VideoThumbnailURL}{/block:VideoThumbnail}{/block:Video}

Reddit

{block:Video}http://reddit.com/submit?url={URLEncodedPermalink}&title={block:Caption}{PlaintextCaption}{/block:Caption}{/block:Video}

Digg

{block:Video}http://digg.com/submit?url={URLEncodedPermalink}&title={block:Caption}{PlaintextCaption}{/block:Caption}{/block:Video}

Delicious

{block:Video}http://del.icio.us/post?url={URLEncodedPermalink}&title={block:Caption}{PlaintextCaption}{/block:Caption}{/block:Video}

StumbleUpon

{block:Video}http://www.stumbleupon.com/submit?url={URLEncodedPermalink}&title={block:Caption}{PlaintextCaption}{/block:Caption}{/block:Video}

LinkedIn

{block:Video}http://www.linkedin.com/shareArticle?mini=true&url={URLEncodedPermalink}&title={block:Caption}{PlaintextCaption}{/block:Caption}{/block:Video}

---

Answer Post Breakdown:

1. {lang:Asker asked}%3A%0A{PlaintextQuestion}
2. {URLEncodedPermalink}
3. {PlaintextAnswer}
4. http://assets.tumblr.com/images/og/chat_200.png

Facebook

{block:Answer}http://www.facebook.com/sharer/sharer.php?s=100&p[title]={lang:Asker asked}:{PlaintextQuestion}&p[url]={URLEncodedPermalink}&p[images][0]=http://assets.tumblr.com/images/og/chat_200.png&p[summary]={PlaintextAnswer}{/block:Answer}

Twitter

{block:Answer}https://twitter.com/intent/tweet?text={lang:Asker asked}%3A%0A{PlaintextQuestion}%20-%20&url={URLEncodedPermalink}{/block:Answer}

Google Plus

{block:Answer}https://plus.google.com/share?url={URLEncodedPermalink}{/block:Answer}

Pinterest

{block:Answer}http://pinterest.com/pin/create/button/?url={URLEncodedPermalink}&description={lang:Asker asked}%3A%0A{PlaintextQuestion}&media=http://assets.tumblr.com/images/og/chat_200.png{/block:Answer}

Reddit

{block:Answer}http://reddit.com/submit?url={URLEncodedPermalink}&title={block:Caption}{PlaintextCaption}{/block:Caption}{/block:Answer}

Digg

{block:Answer}http://digg.com/submit?url={URLEncodedPermalink}&title={lang:Asker asked}%3A%0A{PlaintextQuestion}{/block:Answer}

Delicious

{block:Answer}http://del.icio.us/post?url={URLEncodedPermalink}&title={lang:Asker asked}%3A%0A{PlaintextQuestion}{/block:Answer}

StumbleUpon

{block:Answer}http://www.stumbleupon.com/submit?url={URLEncodedPermalink}&title={lang:Asker asked}%3A%0A{PlaintextQuestion}{/block:Answer}

LinkedIn

{block:Answer}http://www.linkedin.com/shareArticle?mini=true&url={URLEncodedPermalink}&title={lang:Asker asked}%3A%0A{PlaintextQuestion}{/block:Answer}