tumblr-social-shares.md

Tumblr - Sharing a post via social networks from the Indexpage

Sadly Tumblr lacks the relevant template tags to provide useful information when sharing a post via a social networks. We currently have access to {PostTitle} and {PostSummary}, but these only work on the Permalink page.

The idea is to replicate the information Tumblr creates for the Facebook OG meta tags on the Permalink page. Though it is possible to generate the correct OG tags on the Indexpage, this only provides support for Facebook.

For each {PostType} we should have the following {Post} information:

1. Title
2. URL
3. Description (Can be omitted if social network doesn't truncate)
4. Image

It is presumed these will be wrapped in the parent template tag. For sanity we utilise: {Plaintext} and {URLEncoded} for creating our strings.

---

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}&media={block:Photos}{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