Twitter Like Button


Publishers, get the Twitter Like Button here and add SEO to your Twitter marketing efforts! Your visitors can share on Twitter and your content will also be promoted here, complete with relevant backlinks for SEO! It's easy as pie. Wordpress users, check out our Wordpress plugin.

Why is the Like Button for Twitter better?

  • You get relevant backlinks from Truelike, unlike those nofollow links from Twitter.
  • We offer a Like and a 5-star Rating Twitter button!
  • Your visitors' followers will definitely see their review on Twitter. With Facebook's Like button, you never know
  • Add the like button, and get listed on our leaderboards for relevant categories!
  • People like to Like and Rate stuff, not just tweet it!
But enough with the talk and excessive exclamation points, let's build a button:

Button Types

Like Button
 Rate Button

Choose your button type

We recommend "Like" buttons for blogs, articles, pages about people or activities,
and "Rating" buttons for pages about products, places, photos, groups, etc.

Page/Item Name

What is the main topic of your page? For articles use the title,
for people, places, or things use the full name

Page/Item Type

What type of person, place, thing, activity, or we page is it?
Some types also require you to choose a category.

Page URL

For best results, please use the "canonical", or most simple URL that points to your page,
and leave off any tracking codes or optional parameters.
Update code



Building the button

The following section is for people who want to put the Truelike button on many pages on their site. No one wants to make all of those buttons by hand, so we'll show you how to build your own programmatically.

The code we give you consists of two parts, first the Javascript call:

<script type="text/javascript" src="http://truelike.com/js/buttons.js"></script>

We recommend that you place this before the closing </BODY> tag in your page.

The remaining part of the tag has all the fun stuff, and it should be placed where you want the button to appear. It will look something like this:

<a href="http://truelike.com/review"
class="tlc-like-button"
data-text="Truelike"
data-counturl="http://truelike.com"
data-type="website"
data-category="lifestyle"
data-hashtag="favorites">Like</a>

Attributes you can set:

class (Button type)

Examples:

"tlc-like-button"
"tlc-rate-button"

To show a Like button, use "tlc-like-button", or to show a Rating button, use "tlc-rate-button". Easy enough, eh? Now it gets interesting.

data-text

Examples:

"What I did on my summer vacation"
"2011 Audi R8"
"Brad Pitt"

This should be what your page is about. Guildelines for choosing your data-text:

  • If it's an article or blog post, please use the name of the post, and nothing more (not the title of the site)
  • If the page is entirely about a person, place, thing, or activity, use the name of that person place, thing, or activity
  • Your site should have only ONE page about this thing - if it has more than one, please be specific in your naming. For instance, if you have several pages about Justin Bieber (and I know you do), name each appropriately like "Justin Bieber - Photos". Only your main page on Justin should be called "Justin Bieber"
  • In general, whatever you have in your <TITLE> tag is a good start, but please do not include your site name unless the button is being placed on your homepage
  • Do not include marketing text or keywords - stick to the topic of the page, or your link may be removed

data-counturl

Examples

"http://myblog.com/what-i-did-on-my-summer-vacation"
"http://mycarsite.com/2011-audi-r8"
"http://mycelebsite.com/brad-pitt"

This is the primary or canonical URL for your page. This should be the shortest/most basic URL that leads to the page. Each page or item you create a button for must have a unique URL. You have have more than one button on a page, but if they refer to different items, they must have different URLs.

data-type

Examples

"article"
"auto"
"actor"

We primarily use the link types defined by the Open Graph Protocol, but we have added a few extra types for completeness. Available types are:

Group: activity
  • activity
  • sport
  • event
Group: business
  • bar
  • company
  • cafe
  • hotel
  • restaurant
Group: group
  • cause
  • sports_league
  • sports_team
Group: organization
  • band
  • government
  • non_profit
  • school
  • university
Group: person
  • actor
  • athlete
  • author
  • director
  • musician
  • politician
  • public_figure
Group: place
  • city
  • country
  • landmark
  • state_province
Group: product
  • album
  • book
  • drink
  • food
  • game
  • movie
  • product
  • song
  • tv_show
  • auto_product
  • magazine
  • clothing_jewelry
  • computers
  • electronics
  • health_beauty
  • hardware
  • sports_equipment
  • home_garden
  • beer
  • wine
  • spirits
  • recipe
  • video_game
Group: vehicle
  • auto
  • truck_suv
  • motorcycle
  • recreational
  • vehicle_other
Group: website
  • blog
  • website
  • article
  • image
  • video
  • page

data-category

Examples

"education"
"automotive"
"entertainment"

The categories we currently support are:

  • automotive
  • business_finance
  • causes
  • education
  • entertainment
  • fashion
  • food_drink
  • games
  • health_beauty
  • home_family
  • humor
  • lifestyle
  • news_media
  • places
  • politics
  • science_nature
  • sports
  • technology
  • weird

Most of the types are automatically assigned to a category. For those that are not, you will need to specify a category. The link types that will require a category are:

  • activity
  • event
  • company
  • public_figure
  • book
  • product
  • magazine
  • blog
  • website
  • article
  • image
  • video
  • page

data-hashtag

You may specify a hashtag to be appended to the end of your visitors' tweets. You do not need to include the pound sign (#).

Examples

"school"
"audi"
"gossip"

Have questions?

We'd love to help out with any questions you have about the buttons - just hit us up on Twitter or Facebook