Quick Web Tip – Creating Tweetable Links


This post is more technical than usual.  If you are a UU webmaster or blogger, check it out.  Otherwise best to skip it.

There are many tools for making it possible to Tweet something found online.  One simple way is to create a simple hyperlink using a format that will turn it into a pre-formatted Tweet when clicked. Basic how to below. I’ll let you figure out where or when you might put this into use on your site.😉

Let’s start with a simple example.

1)  The following HTML CODE:

<a href=”http://twitter.com/home?status=I just discovered the UU Growth Blog! Check it out at http://uugrowth.com”>Tell people about the UU Growth Blog</a>

2) Will generate this clickable text:

Tell people about the UU Growth Blog

3) Resulting in this Tweet:

I just discovered the UU Growth Blog! Check it out at http://uugrowth.com

Including # and @ symbols

On Twitter it is common to include # in front of keywords, known as a hashtag, as well as @username.  You can’t just drop these symbols into a link address or URL. Instead you have to swap in a code where the symbols should be.  Use %23 where you want a #. Use  %40 where you want a @.

1) The following HTML CODE:

<a href=”http://twitter.com/home?status=Leaders of %23UUA member congregations. Check out http://uugrowth.com and follow Peter on Twitter %40uuplanet” >Tell people about the UU Growth Blog</a>

2) Will generate this clickable text:

Tell people about the UU Growth Blog

3) Resulting in this Tweet:

Leaders of #UUA member congregations. Check out  http://uugrowth.com and follow Peter on Twitter @uuplanet

If you put this code to use please come back and tell us what you did.

One idea for putting this to use

If your congregation is on Twitter you could include something like “Tell your Twitter followers about our congregation. Click Here to tweet. You can edit before sending.”

2 thoughts on “Quick Web Tip – Creating Tweetable Links”

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s