Difference between revisions of "Twitter App Follow Button Element"

From ADF Docs
Jump to: navigation, search
m (Alternate Method)
 
(One intermediate revision by the same user not shown)
Line 4: Line 4:
 
== Setup ==
 
== Setup ==
 
1. Import the ''Follow Button'' custom element. <br /> <br />
 
1. Import the ''Follow Button'' custom element. <br /> <br />
'''Note:''' Verify the path for the render handler points to the ''ADF'' mapping, not the current site's mapping.<br /><br />
+
'''Note:''' Verify the path for the render handler points to the ''ADF'' mapping, not the current site's mapping.<br />
  
 
== Demo ==
 
== Demo ==
Line 18: Line 18:
 
<cfoutput>
 
<cfoutput>
 
Follow buttons can be placed anywhere, like this one to follow CommonSpot:
 
Follow buttons can be placed anywhere, like this one to follow CommonSpot:
#application.papertweet.twitterService.followButton('commonspot')#. <br />
+
#application.twitter.twitterService.followButton('commonspot')#. <br />
 
Notice that the button changes when it knows you are already following someone.
 
Notice that the button changes when it knows you are already following someone.
 
</cfoutput>
 
</cfoutput>

Latest revision as of 19:32, 16 August 2010

Overview

A Follow Button custom element was developed using Twitter's @Anywhere API. It is extremely easy to use.

Setup

1. Import the Follow Button custom element.

Note: Verify the path for the render handler points to the ADF mapping, not the current site's mapping.

Demo

To set up a demo of the Follow Button custom element, follow these steps:

  1. Create a new page and place the Follow Button element on the page.
  2. Click the 'New Data' button.
  3. Type in the Twitter username for the button and click Save.
  4. Submit the changes to the page.

Alternate Method

You can also add Follow Buttons programatically inside a Custom Script like this:

<cfoutput>
Follow buttons can be placed anywhere, like this one to follow CommonSpot:
#application.twitter.twitterService.followButton('commonspot')#. <br />
Notice that the button changes when it knows you are already following someone.
</cfoutput>