You can use Live Tweets for:
- Showing your live Tweets on your website.
- Show live user comments through Twitter on your website.
- Get on top of your customers, where are they talking about?
Creating a LiveTweets token
Due to the new Twitter API 1.1 all unauthorized requests to the API are forbidden. In order to authorize you must perform a oAuth authentication. A LiveTweets token bypasses that bust must be setup first. It's easy and its safe, you can create a LiveTweets token at: http://livetweets.johandorper.com
Follow the steps and watch the video, to create a LiveTweets token you must own a Twitter account. When you have questions about LiveTweets token you can email me at: firstname.lastname@example.org
* Please not that LiveTweets token generator is a free service.
How to implement?
First include the jQuery library to the 'head' section of your webpage. Then include LiveTweets, I'd recommend using the minified version (js/twitlive-min.js).
When the implementation is done you can setup LiveTweets by adding the following lines to the end of hour 'head' section on your webpage:
liveTweetsToken: "Your Token Here (see howto generate a token)"
And you are done, liveTweets will now look for an element with the class 'tweets' and load in Tweets that match the operator, in this case #google.
LiveTweets comes with a set of options which can be set on startup, a description of the options:
operator Sets the operator (keyword, user, hashtag) more information about the use of operators: http://search.twitter.com/operators
startMessages Number of tweets to show at startup, max 10.
liveTweetsToken The token to authorize your requests to the Twitter 1.1 API timeBetweenTweetsNumber of seconds between tweets that popup
showThumbnailsShow the thumbnail of the tweet? (true or false)
convertTextlinkAutomaticly convert text links to HTML? (Handee for bit.ly links) (true or false)
linkHashtagsAutomaticly convert hashtags to URL? (true or false)
linkUsernamesAutomaticly convert uvernames to URL? (true or false)
Styling Live Tweets
All elements are editable through CSS, Live Tweets uses these classes:
.tweet (Wrapper of the complete tweet)
.tweet.first (The first tweet to enter te screen)
.tweet_foto (The thumbnail)
.tweet_text (The tweet message)
.tweet_text span (The timecode)
.tweet_text a (Links in tweet messge)
Click on the customize button at the top right of the Live Tweets app. And fill in your own search operator.
Poke me on Twitter.