How to Pre-Populate Twitter Status Updates the NEW Way via Links & Web Intents

tweet_chat_updated_sm

About a year and a half ago, I posted a “How To” article to teach people on how to tweet out messages from your website via a URL or web link. Unfortunately, that method no longer works as of a few days ago. Twitter has updated the process for doing this. However, I now have the NEW way to do this which seems to be working just fine.

tweet_chat_updated_sm

Twitter recently moved over to its Web Intents platform and what that means is that buttons (yes all of those older “Tweet” buttons are broken) and link that use the old query string that I outlined in my previous how-to article are broken and will not let you tweet out your messages. GASP!

The new Web Intents method is actually an improvement, in my opinion, and allows for more interactivity. If you aren’t logged in, for example, you will be asked to log in.

How To Pre-Populate Twitter Statuses the NEW Way

Ok, first a bit of history. If you want to read on how it used to work, just read my old post.

The new way is just as easy to craft actually.

To tweet out a message like this:

“I learned the NEW way of how to pre-populate Twitter statuses at: https://www.hightechdad.com Thanks @hightechdad”

You would simply code the link to look like this:

http://twitter.com/intent/tweet?text=I+learned+the+NEW+way+of+how+to+pre-populate+Twitter+statuses+at:+https://www.hightechdad.com+Thanks+@hightechdad

Go ahead, test it out now! –> TWEET IT

However, you still need to use an HTML character for hashtags (#). To do that, use “%23” for # – without the quotes.

To tweet out this message, for example:

“I learned the NEW way of how to pre-populate Twitter statuses at: https://www.hightechdad.com Thanks @hightechdad #cool”

You would use the following code:

http://twitter.com/intent/tweet?text=I+learned+the+NEW+way+of+how+to+pre-populate+Twitter+statuses+at:+https://www.hightechdad.com+Thanks+@hightechdad+%23cool

Go ahead, test it out now! –> TWEET IT

Of course, there are other ways of doing this and the Web Intents page has a lot of fairly easy to understand documentation on other creative things you can do with the new query process. I only wanted to demonstrate the fundamentals here.

tweet_boxes

You can do a lot by encoding links to pre-populate Twitter statuses to help socialize your content whether is it simply content on your website or embedding them in a white paper. Twitter has made this process even better now with this new method. Let the creativity begin!

HTD says: Be sure to share this article via Twitter!

31 Responses

  1.  Funny, I just tried my tweet this on my website (using Share and Follow plugin) and it worked, so I’m assuming that what’s been changed is the previous linkage/advice you’d provided?

  2. The “Interactive Share Buttons” of Share and Follow seem to use the new Web Intents method and what I outlined in my post. However, the static buttons (Share icons) seem to use the old method and don’t work. Are you talking about the Interactive ones?

  3. Q for then – is that why my Share and Follow Plugin button for Twitter
    {that I have on each post} wont’ work anymore?
    Is there a fix for that? Know of any Share PlugIn that still works??

    Ex: here’s my site:  http://www.myorganizedchaos.net
     

  4. Yep, that is why. I’m sure he will update that Share and Follow Plugin soon. This only recently rolled out and it’s an easy fix in the code. If you use the interactive buttons, those should work fine.

    Take a look at Digg Digg. That’s what I use as the side scroller on the left.

  5. Thanks SO much for sharing this. I just realized our code for pre-populated Twitter status was not working!

  6. No problem! Someone pointed it out to me as well…even though I read
    the story about it and didn’t connect the dots.

  7.  This is awesome thanks! I ran mine through a url shortener service and then converted that url into a QR code, so just a quick scan and your done!

  8. Very cool implementation. You should write up how you did it and publish a link!

  9.  Thanks so much! Had to update my “share and follow” wordpress app to do this instead of the previous code, noted you here http://wordpress.org/support/topic/share-and-follow-twitter-wont-post?replies=4#post-2123522

  10. Thanks for posting that to WordPress.org. I am sure that the Share and
    Follow plugin will be updated soon. I think the interactive buttons
    already work, just not the chicklet/static ones.

  11. thank you thank you thank you.  Just tried to send out a newsletter with the old Tweet This code and it didn’t work.  Thank you!!!!!!!!

  12. Thanks, think this has been overlooked by a lot of people – have written an article on my site about it as well.  Yours was the only place I managed to find useful information!

  13. I just sent you a DM on Twitter too, wondering how to get an ‘&’ in there?

  14. I believe that you need to put it in as an HTML character. Try putting
    in “& amp ;” but without the quotes and the spaces and let me know if
    that works.

  15. Use the tool at the bottom of this page to easily construct the Twitter text for the link: http://www.blooberry.com/indexdot/html/topics/urlencoding.htm

  16. I have seen this page three or 4 times and I just roll right past it because the window you use to represent your code is rather un user friendly..  As a matter of fact I come across this site for code snippets often and do the same thing.  Seems like you have 50% of it figured out.  You drive lots of people here and then their user experience is diminished due to the access to the content.

  17. I’m using your technique and it works well on my laptop Safari but not on my iPad Safari.  The %23 is converting automatically to # and the RT won’t load.  If 
    I manually change it back it works.  How can I prevent this from happening?  Thanks,
    Pete

  18. Thank you! Was exactly what I was looking for…I gave myself five min to find it and it only took one ;-) Thank you!!

  19. Thanks for your post! Quick question, though: how do you get the links to open up in the popup windows? When I paste the code on my site and click on the link, it opens in a new tab instead of a popup.

  20. You may went to check the twitter Dev site to see what changes they have made more recently. I wrote the article a while ago.

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Other articles of interest

Global Product Review Disclosure

Disclosure: This is a global disclosure for product review articles on HighTechDad. It does not apply to Automobile reviews and there are other exceptions. Therefore, it may or may not be applicable to this particular article. I may have a material connection because I may have received a sample of a product for consideration in preparing to review the product and write this or other content. I was/am not expected to return the item after my review period. All opinions within this and other articles are my own and are typically not subject to the editorial review from any 3rd party. Also, some of the links in the post above may be “affiliate” or “advertising” links. These may be automatically created or placed by me manually. This means if you click on the link and purchase the item (sometimes but not necessarily the product or service being reviewed), I will receive a small affiliate or advertising commission. More information can be found on my About page.

About HighTechDad

Michael Sheehan (“HighTechDad”) is an avid technologist, writer, journalist, content marketer, blogger, tech influencer, social media pundit, loving husband and father of 3 beautiful girls living in the San Francisco Bay Area. This site covers technology, consumer electronics, Parent Tech, SmartHomes, cloud computing, gadgets, software, hardware, parenting “hacks,” and other tips & tricks.

Recent Articles

Explore Categories