Skip to content

Instantly share code, notes, and snippets.

@mikedidthis

mikedidthis/tumblr-social-shares.md

Created July 5, 2013 12:55
Show Gist options
  • Save mikedidthis/5934358 to your computer and use it in GitHub Desktop.
Save mikedidthis/5934358 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
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, when the share request happens on the Indexpage.

We currently have access to {PostTitle} and {PostSummary}, but are only rendered on the Permalink page.

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

Breakdown

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

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

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

Afaik this is a complete working set, if there are any issue 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}{/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:%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}:{PlaintextQuestion}
  2. {URLEncodedPermalink}
  3. {PlaintextAnswer}
  4. http://assets.tumblr.com/images/og/chat_200.png
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment