How To Add a Twitter Feed Widget
The Twitter widget can display a single account or search results of a word, hashtag, or phrase.
- Navigate to Twitter and to the page of the account whose feed you want to import.
- Note the account name. For example, SkidmoreCollege, or ZankelMusicCtr, at the top of the posting timeline.
Add a Custom Script Element to the page
- Click the Click to insert new element link on the page where you want the Twitter Feed widget.
- Select Miscellaneous Elements from the list of categories when the Element Gallery window appears.
- Choose Custom Script from the list of items under Miscellaneous Elements.
- The page will refresh to include the link, Click here to define the Custom Script element.
- Click the Click here to define the Custom Script element link to open the Custom Script Element Window.
- Make sure the Properties tab is selected at the top of the window.
- Copy /www/customcf/feeds/parseTwitter.cfm into the textbox under the Explicit Module header.
- Click the Parameters tab at the top of the Custom Script Element window to tell the widget where to find your twitter account and customize how the feed will look.
- Enter the variables listed below to customize your feed in the large textbox in the Parameters tab.
- Once your settings are made, click Finish.
- Publish your changes.
feedPage = Enter the Twitter user name. For the Skidmore College feed, SkidmoreCollege is the user name and would be entered here.
feedType=[profile/search]Enter profile to display a single account. Enter search to display a feed based on a search word or phrase. feedType defaults to profile.
Common Optional Variables
feedCount=The number of tweets you would like to display on the page.
borderColor=[hex value] Controls the border and header color for the box.
bgColor=[hex value] Controls the background color of the body content area.
titleColor=[hex value] Controls the title text color.
fontColor=[hex value] Controls the body content text color.
linkColor=[hex value] Controls the link color within the body.
setWidth=[number] Enter a number (from 1 - 530) for the width. Left- and right-hand columns on CMS pages are 150 pixels wide, so you would enter 150 for a right- or left-column Twitter feed.
setHeight=[number] Enter a number for the height. It is not recommended to go beyond 400 pixels tall.
setAside=[right/left] Enter either right or left to push the box to that side of the page (if not posting it into the left or right columns). For example, type right if you would like the box be pushed to the right of the page like our example feed.
includeScrollbar=[true/false] True will add the scrollbar to the box while false will hide it.
showAvatars=[true/false] True will include user photos attached to each Tweet while false will hide the photos.
includeLogo=[true/false] True will include the Twitter logo at the bottom of the feed while false will hide it.
marginLeft=[number] Adds spacing between the Twitter box and the text to the left.
marginRight=[number] Addsspacing between the Twitter box and the text to the right.
marginTop=[number] Adds spacing between the Twitter box and the text above.
marginBottom=[number] Adds spacing between the Twitter box and the text below.
Search Feed Optional Variables
searchBy=Enter the word or phrase to be searched in the feed.
boxTitle=Small title text in the heading.
boxSubject=Large title text in the heading.