Pay4Tweet Home
Ad Unit / About / Help & FAQ / Register / Log In

Retrieve Password

Follow Us on Twitter

Pay4Tweet Plugin

Add community-building, revenue-generating, and design enhancing additions to your web site.

Before now, you had to be a web geek in order to set your Twitter page up for advertising. With Pay4Tweet you set your price and we give you a link that lets advertisers pay. That's it?

Use Pay4Tweet’s Twitter Plugin to:

  1. Turn your Twitter account into a revenue-generating text ad source for your web site or blog, and display as few or as many ads as you’d like.
  2. Create a dynamic community by allowing only YOUR followers to have their tweets appear in your embedded Twitter stream.
  3. Place your Tweets, or tweets from any search term, into your website so that they look like they are seamlessly integrated into your design.

Get started by playing with the below demo. No downloads or API use required. Just copy and paste the minimum required code into your web page and you're finished. There's no branding, except yours, and it's fully customizable.

Pay4Tweet Twitter Plugin Resources

Questions?

Ask questions by commenting on the "Pay4Tweet Twitter Plugin" blog article.

Documentation

Use the "Get Documentation" button below to get your own HTML copy of the Pay4Tweet plugin parameter definitions.

By adding a Twitter account you'll be able to make money by selling tweets on your Twitter page.

Need Twitter API Development Help?

  • First Name

    Last Name

    Email

    How Can We Help?

    What is 7 + 0? 

We'll respond to your request within 24 hours

Pay4Tweet Plugin Demo

Modifies CSS Only. Other parameters change the data returned from the Twitter API.

Styling

borderCSS

borderTweetTopCSS

padding (in pixels)

width (in pixels)

fontSize

fontFamily

textColor

anchorColor

Toggle Text

showHeading

showDescription

showHeadLinks

showReloadLink

showAdLink

showNames

showTweetLinks

showProfileLink

Stream

  • stream = "user"

    Returns tweets from @pay4tweet.
  • stream = "search"

    Returns tweets from the search term "Oil Spill"
  • stream = "follower" Returns tweets from followers of @pay4tweet that use the search term "social".

  • Toggle Source

    numTweets

    Other Toggles

    useAvatar

    limit_numTweets

    Code Examples

    The script that you can use to get started is pretty simple. You can copy and paste the few lines below and be on your way.

    The Minimum Required Code

    The parameter divName is the ID of the DIV tag that will contain the Twitter feed.
    <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
    <script type="text/javascript" src="http://www.pay4tweet.com/tools/pay4tweet.js"></script>
    <script type="text/javascript">
    $(document).ready(function() {
    	getTweets_func();
    });
    				
    function getTweets_func() {
    	$("#twitter1").getTweets({
    		divName: "#twitter1";
    	})
    }
    </script>
    The corresponding HTML is even simpler
    <html>
    <body>
    <div id="twitter1"></div>
    </body>
    </html>

    Default Code for the Demo

    The initial state of the demo Twitter feed above uses the code below. All available parameters have been used to illustrate the syntax for each of their values.
    <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
    <script type="text/javascript" src="http://www.pay4tweet.com/tools/pay4tweet.js"></script>
    <script type="text/javascript">
    $(document).ready(function() {
    	getTweets_func();
    });
    				
    function getTweets_func() {
    	
    	$("#twitter1").getTweets({
    		divName: "#twitter1",
    		stream: "search",
    		userName: "moluv00",
    		query: "Oil Spill",
    		width: 500,
    		padding: 10,
    		numTweets: 10,
    		followerLimit: 15,
    		useAvatar: false,
    		slideIn: true,
    		showHeading: true,
    		showHeadLinks: true,
    		showProfileLink: true,
    		showDescription: true,
    		showAdLink: true,
    		showReloadLink: true,
    		showTweetLinks: true,
    		showNames: true,
    		limit_numTweets: false,
    		loaderText: "Loading messages...",
    		headingText: "<h3 style=\"margin-top:0px;font-size:2em;padding-bottom:5px;\">Pay4Tweet Twitter Stream</h3>",
    		description: "Put your description text, and maybe <a href='http://twitter.com/moluv00' target='_blank' onClick=\"javascript:urchinTracker('/follow_moluv00');\">a link</a> in this space. You can have a link that <a href='http://twitter.com/home?status=YOUR%20TEXT%20HERE%20%23luv' target='_blank' >creates a tweet</a> also.",
    		fontSize: "8pt",
    		fontFamily: "arial",
    		textColor: "#333",
    		anchorColor: "null",
    		borderCSS: "1px solid #ccc",
    		borderTweetTopCSS: "1px dashed #ccc",
    	});
    }
    </script>

    Pay4Tweet Plugin Parameters

    There are a number of configuration options that can be used for the Pay4Tweet Plugin. Below is a complete list of everything that is available.
    PARAMETER DEFAULT VALUE DESCRIPTION SAMPLE VALUES DEPENDENCIES
    Twitter API, Pay4Tweet-specific, and Required Fields
    divName* none The ID of the DIV used as a container fot the plugin. This name will also be used as part of the name for each tweet's div. This name must be a unique CSS ID within the HTML. (*indicates this is a required field) "#TWTTR1"
    stream "search" Determines the source of the tweets. user: Pulls only tweets from the specified userName. search: Generates tweets from the specified query. follower: Returns only search results from the followers of the specified user. Requires a Pay4Tweet account that includes the userName. "user" or "search" or "follower" userName, query
    userName "@pay4tweet" The Twitter screenname being referenced "@pay4tweet"
    query "pay4tweet.com" Any valid query for Twitter search. "Oil Spill", "from:pay4tweet", "Oil Spill from:moluv00" If empty, userName is required
    pay4tweetAdLink null The link provided by Pay4Tweet to allow users to purchase a tweet-based text ad from you. This link is created when you assign a price to your Twitter feed within your Pay4Tweet account. http://www.pay4tweet.com/buy.php?r=25 showAdLink
    Numeric Dimensions and Limits
    width 220 The maximum width (without border) that the div will display as (including padding). 400, 220, 600
    padding 10 The padding surrounding the container div (space between text and border) in pixels. 0, 5, 10
    numTweets 10 The total number of tweets that can be returned at once (max 100). 15, 20, 50, 100
    followerLimit 5 This limits returned tweets from userName's followers to only those who have more than the specified number of followers. Requires a Pay4Tweet account that includes the userName. 0,10,100,4567 userName, stream="followers"
    frequency 240 Time in seconds that the plugin will refresh the Twitter feed. Twitter rate-limits at 1 attempt every 24 seconds per IP address. Having multiple browsers open will impact the rate limit, and can cause the user to exceed Twitter's rate limit. This will cause the user not to be able to access Twitter any longer. 10, 60, 300
    Feature Toggles
    useAvatar true Display the tweeter's avatars next to the tweet message. true or false
    slideIn false Animate the tweets the first time they load into the page. true or false
    showHeading true Display the heading specified in headingText true or false [headingText]
    showHeadLinks true Show the links that appear beneath the heading and description. true or false
    showProfileLink true Display the userName and link to Twitter feed at the bottom of the DIV. true or false [userName]
    showDescription false Show description text defined by description directly beneath the heading text. true or false [description]
    showAdLink false Display the pay4tweetAdLink specified true or false [pay4tweetAdLink]
    showReloadLink true Display the "Stop Message Loading" link. This link can be used during testing to prevent you from hitting Twitter's rate limit. true or false
    showTweetLinks true Display the relative time, "reply", "retweet", " direct message", and "follow" links beneath each tweet. true or false
    showNames true Display the screen name of the tweet author true or false none
    limit_numTweets false Never display more tweets than what's specified in numTweets. If false, or not defined, new tweets will be prepended to the list of previously generated tweets. true or false numTweets
    Plugin Styling and Personalization
    loaderText "Loading tweets…" This message is displayed before the tweets have been loaded. "loading", "don't have a cow, man"
    headingText "Latest Tweets" Topmost text displayed within the containing DIV. "My Twitter Feed" showHeading
    description "" Text displayed directly below headingText. "What my followers are saying:", "Twitter searches for 'Oil Spill'" showDescription
    fontSize "12pt" The default size of the text within the containing DIV specified by divName. "1em", "12pt", "14px"
    fontFamily "Arial, Helvetica" The family of fonts to be used for the containing DIV specified by divName. "Trebuchet MS", "Times", "Georgia"
    textColor "#000000" The color of text, in an acceptable CSS format, to be used within the containing DIV specified by divName. "#c33","red","#FF1234"
    anchorColor null The color of anchor tags, in an acceptable CSS format, within the containing DIV specified by divName. "#c33","red","#FF1234"
    borderCSS null A CSS statement for the border property of the containing DIV specified by divName. "2px dashed #00FF00"
    borderTopTweetCSS "1px dashed #ccc" A CSS statement that defines the separation line between tweets. "2px solid #888888"