• Menu
  • Skip to right header navigation
  • Skip to main content
  • Skip to secondary navigation
  • Skip to primary sidebar
  • Skip to footer

Before Header

  • Facebook
  • Instagram
  • LinkedIn
  • Twitter

The Social Media Hat

Always On Top Of Social

  • Home
  • Articles
    • Digital Marketing
    • Social Media Articles
      • Facebook
      • Instagram
      • LinkedIn
      • Pinterest
      • Twitter
      • YouTube
    • Social Media Tools
    • Virtual Events
  • Marketing Resources
    • Newsletter
    • The Virtual Event Strategist Podcast
    • Marketing Hyperdrive Podcast
  • GET HELP
    • Virtual Event VIP Strategy Day
    • Social Media Planner
  • About
  • Search
  • Home
  • Articles
    • Digital Marketing
    • Social Media Articles
      • Facebook
      • Instagram
      • LinkedIn
      • Pinterest
      • Twitter
      • YouTube
    • Social Media Tools
    • Virtual Events
  • Marketing Resources
    • Newsletter
    • The Virtual Event Strategist Podcast
    • Marketing Hyperdrive Podcast
  • GET HELP
    • Virtual Event VIP Strategy Day
    • Social Media Planner
  • About
  • Search

How To Attach Images To Tweet Buttons

Reading Time: 5 minutes Learn how to automatically attach an image when other people tweet out links to your content.

You are here: Home / Social Media Articles / How To Attach Images To Tweet Buttons

March 21, 2016 //  by Mike Allton

Reading Time: 5 minutes

Tweets with image links get 2x the engagement rate of those without. [tweet this stat!]

Most of the time, if you’re tweeting out a link to one of your blog posts, you’ll want to attach an image to help it stand out in the rapid Twitter stream. But how do you make sure that other people who are tweeting out your article have the right image attached?

Twitter Cards are nice, but they only display the article image and information when someone clicks the tweet.

No, an attached image is far better.

I’m going to show you how to set up the attached image, and how to use it in the most common situations.

Follow The Tweeted Image

While you cannot attach images to tweet buttons or click to tweet links, what you can do is include a link to an image that has already been tweeted out.

You see, when you attach an image to a normal tweet, the image is uploaded to Twitter and becomes a hyperlink to that specific image, like this:

pic.twitter.com/XfD62RitTN

Anytime someone sends a tweet that includes a pic link like that, Twitter will automatically grab and attach the linked image and display it as a full image instead of a link.

So that means you can specify an image in any tweet you want… the trick is getting the image link first.

As you might have guessed, you have to issue a tweet and attach the image before you’ll be able to get that link. Create a tweet as you normally would, either using your sharing buttons or tweeting on twitter.com natively, and drag an image from your desktop into the tweet to attach and send it.

Note: If you’re preparing for an article that you haven’t yet published, you can either:

  • Delete the tweet after you’ve found the image link.
  • Wait until you’ve published the article to send the tweet, and then edit it to add your custom button after it’s live.
  • Use a dummy Twitter account that has no followers.

Once you’ve sent the tweet, got your Twitter profile, find the tweet at the top of your timeline, and click on the timestamp to open the tweet in a new modal window.

Note: Do not right-mouse click the image. The image you see in the tweet uses a link like pbs.twimg.com which will not work. We need that pic.twitter.com link.

Using your browser menu, we need to “View Source” to see the HTML code behind the display of the tweet.

  • Chrome: View -> Developer -> View Source
  • Firefox: Tools -> Web Developer -> Page Source
  • Internet Explorer: View -> Source
  • Safari: Develop -> Show Page Source

Select the appropriate option, and a page filled with HTML code will open in a new tab.

Don’t bother trying to read through it… there’s over 5000 lines of code there. Instead, all we need to do now is do a Find (in your browser menu) and type in a word from your tweet. Like this:

View Source

There’ll likely be at least 6 – 7 occurrences of the word, as Twitter uses the text of the tweet to populate Title, Description and other tags and fields. Click through them all until you get to the occurrence that is part of a paragraph tag ( ), likely around line 4000.

At the end of that snippet of code, you’ll see the pic.twitter.com link for the URL. Highlight and copy the entire URL, like this:

Copy link

Now you’ve got your image link!

Here’s what you can do with it:

Creating A Click To Tweet With Image

First, I found a quote that I thought would be great for this particular article, “The secret of getting ahead is getting started” by one of my favorite authors, Mark Twain.

I pulled up the article, edited it, and added the quote in where I wanted it to go. I formatted it and added some text at the for the tweet link, like this:

“The secret of getting ahead is getting started.” – Mark Twain

Next, we get to use our old friend ClickToTweet.com. The free service will create for us a single URL that, when clicked, will open a tweet dialogue allowing the individual to review the tweet and then share it with their audience.

You’ll need to enter the text that you want tweeted, along with a shortened link to the article, like this:

Click To Tweet Example

Now, in order to attach an image, you’ll need to paste in the pic.twitter.com image link that you found above. Paste it in after the link to your article.

Take a moment to review your text, add hashtags, or any other changes you’d like, and then click Generate New Link.

That will give you a shortened link that you can then apply to your text or an image as needed. In my case, I hyperlinked the ‘tweet this’ text after the Mark Twain quote. When clicked, the tweet sent will look like this, automatically:

"The secret of getting ahead is getting started." – Mark Twain https://t.co/fKkarqgaBs pic.twitter.com/pYFGV6LWpT #quote

— Mike Allton (@mike_allton) March 12, 2016

Creating A Tweet Button With Image

Another option to encourage tweets of your content is to embed a custom Tweet button. You can use Twitter’s button generator to select the size and shape of the button. And if you do, you’ll be able to take advantage of Twitter’s tweet counts.

You can leave Share URL to the default page, unless you need to specify a different URL than where you’re putting the button.

For the Tweet text, use the page title or whatever text you want, but you have to specify the text and then Insert the image link you copied above.

Adjust the other options as you see fit, and then copy the HTML snippet to the right of the fields. Once you embed that code into your page or post, the button will render like this:

Tweet

Other Uses Of Twitter Images

JustRetweet – I love setting up reciprocal tweet shares on JustRetweet, and this technique works just as well there. Just create your Tweet as you normally would and include the pic.twitter.com image link at the end.

Twitter Sharing Buttons – Some social sharing systems, like Social Warfare, allow you to specify the text that you want tweeted out by default when someone clicks a normal tweet button. While editing your post, you can edit that field to include the pic.twitter.com image URL so that your preferred image will be attached to all outgoing tweets.

Triberr – If you’ve connected your blog to Triberr, each time you publish a new blog post, it will be imported into Triberr and made available for your tribemates to share. If you click on Stream, change the filter to My Posts, and click on Edit Post, you can paste your pic.twitter.com image link after the title of your blog post. All subsequent shares will have the image attached automatically!

Have another great use of pre-programmed Twitter images? Let me know in the comments!

Using Images In Tweets Increases Engagement

As a reminder, in a study done by TrackMaven, it was found that including a great image along with tweets resulted in:

  • 18% more clickthroughs
  • 89% more favorites
  • 150% more retweets

Using Images In Tweets Increases Engagement

Source: http://trackmaven.com/retweet-report-thank-you/

Give it a try on your next blog post. Include a nice quote or statistic and make sure that your click to tweet has a great image attached to it!

Next, learn how to growth hack your Twitter account and start bringing in hundreds of new, targeted followers a day!

Related

Category: Social Media ArticlesTag: Twitter

About Mike Allton

Mike Allton is a Content Marketing Practitioner – a title he invented to represent his holistic approach to content marketing that leverages blogging, social media, email marketing and SEO to drive traffic, generate leads, and convert those leads into sales. He is an award-winning Blogger, Speaker, and Author, and Head of Strategic Partnerships at Agorapulse.

Mike is a Virtual Event Consultant and has partnered with Jenn Herman, Stephanie Liu, Amanda Robinson and Eric Butow to write Ultimate Guide to Social Media Marketing published by Entrepreneur Press.

Free Virtual Event Webinar

10 Benefits of Virtual Events for SaaS Brands
Hosted by  Mike Allton
Most people are hesitant to try virtual events because they don’t understand all the benefits. They think it’s just a webinar or a conference call, but there’s so much more that can be done! 10 Benefits of Virtual Events for SaaS Brands is the answer to your questions. In this webinar, Mike Allton will teach you everything you need to know about virtual events. You’ll learn how to make them work for your company and get everyone on board with the idea.

Join The Community!

17 savvy marketers sign up every day to get the latest social media insights and ideas.


Previous Post: « How To Save Time and Get Paid Faster
Next Post: The Book On How To Promote Your Blog Is Available Now! »

Primary Sidebar

LISTEN to The Virtual Event Strategist Podcast

Virtual Event VIP Strategy Day

Meet Mike

Mike Allton is a Virtual Event Strategist, and an award-winning blogger, speaker, and author at The Social Media Hat, where he has been educating businesses and organizations on the best use of content marketing for reaching and converting target audiences. He has spearheaded dozens of live shows and virtual events, reaching tens of thousands of potential customers on behalf of represented brands.

Since 2012, Mike has excelled at helping his community understand the nuance and best practices involved in utilizing social platforms, leveraging social media management tools, and creating 10X content. He has established a reputation for being able to explain complex tools or topics in easy to understand ways, all while bringing a necessary sense of overall brand strategy and business purpose.

Featured Posts

From Blah Webinars To Sold Out Summits – My Virtual Event Journey

November 8, 2021 //  by Mike Allton

Reading Time: 7 minutes Learn From My Virtual Event Experiences

Virtual Event Speaker

4 Ways to Impress Virtual Event Speakers – Pro Tips for Success

September 11, 2021 //  by Mike Allton

Reading Time: 6 minutes Support Your Virtual Event Speakers

Virtual Event Strategist Podcast background

Virtual Event Strategy: Your Why is Why You’re Unfocused

May 4, 2022 //  by Mike Allton

Reading Time: 6 minutes Season 01 Episode 01 of the Virtual Event Strategist Podcast

More Like This

  • Virtual Events As Powerful Customer Discovery Tools
  • Steal This Virtual Event Plan For A Flawless Event
  • Virtual Event Strategy: How To Narrow Focus To Achieve Broader Goals

Footer

Recent Posts

  • Virtual Event Strategy: How To Rally Resources To Help You
  • Virtual Event Planner Options You Need To Consider Today
  • Virtual Event Strategy: Getting Started With Elephantine Events
  • Virtual Events As Powerful Customer Discovery Tools
  • Steal This Virtual Event Plan For A Flawless Event
  • Virtual Event Strategy: How To Narrow Focus To Achieve Broader Goals
  • Virtual Event Strategy: Your Why is Why You’re Unfocused
  • Introducing The Virtual Event Strategist Podcast by Mike Allton

Key Topics

Agorapulse Bing Blab Blogging Buffer Business Canva Content Marketing Easil Email Marketing Evernote Facebook Google+ Holidays Hootsuite Influencer Marketing Infograph Instagram Klout LinkedIn Live Video Marketing Meerkat Mobile MySpace Pinterest Podcast ROI SEO SnapChat Social Media Marketing Social Pulse Summit Strategy Tailwind Triberr Twitter Video Vine Virtual Event Virtual Event Planning Virtual Event Speakers Virtual Event Strategy Yahoo Yelp YouTube
  • Home
  • Virtual Event Strategy
  • Subscribe
  • About The Social Media Hat
  • Contact Us
  • Privacy Policy
  • Disclosure

Site Footer

The Virtual Event Strategist Podcast

  • Listen on Apple
  • Listen on Spotify
  • Listen on Amazon
  • Listen on Stitcher
  • Social Media Articles
  • Digital Marketing Articles
  • Social Media Tools & Resources
  • Virtual Events Articles
  • Facebook
  • Instagram
  • LinkedIn
  • Twitter

Copyright © 2022 The Social Media Hat · All Rights Reserved