Twitter for Umbraco 1.4

Rating: No reviews yet
Downloads: 0
Released: Dec 9, 2009
Updated: Jul 15, 2010 by warrenbuckley
Dev status: Beta Help Icon

Available Downloads

There are no downloads associated with this release.

Release Notes

New in version 1.4

  • The regEx in the function CWS.Twitter:FormatUrls has been vastly improved by umbraco community user @readingdancer
    • Supports multiple http:// & https:// links
    • Supports multiple @username replies
    • Supports #hashtags
  • The option to display your geo encoded tweets on a map, using the Google Static Maps API

Feature removed

I have removed the feature of showing your friends tweets in the timeline. As passing your twitter username and password as macro parameters was a security risk, as it was possible to view these when using the debug querystring ?umbDebugShowTrace=true

Download Twitter for Umbraco 1.4

You can download the package zip file from the project page on the http://our.umbraco.org website
Twitter for Umbraco 1.4 on Our.Umbraco.org

How to use this version (1.4)

  • Install the Twitter for Umbraco package
  • Insert the XSLT CWS - Twitter macro into your template
  • Fill out the parameters for the macro
    • Twitter Username - Your twitter username of the account you wish to display tweets from
    • Number of Statuses - The number of statuses you want to display (Upto 200)
    • Display @ Replies? - If you wish to show tweets where you are replying to a user
    • Display Google Maps? - If you wish to display google maps for geo encoded tweets
    • Google Maps - API Key - Your google maps API key
    • Google Maps - Zoom Level - Zoom level of the map
    • Google Maps - Map Size - Size of the map in pixels (eg: 500x500)
    • Google Maps - Map Type - The type of map (roadmap, satellite, hybrid ,terrain)
  • Edit the XSLT file - CWS_twitter.xslt to customise your markup and output for the tweets you wish to show.

Editing the XSLT file

Open up CWS_twitter.xslt and edit only the markup inside this template:

  <xsl:template match="status" mode="tweet">
    <!-- Change the XHTML here for how you want each tweet to be displayed -->
    <div>
      <p>
        <img src="{user/profile_image_url}" />
        <strong>
          <xsl:value-of select="user/name"/>
        </strong>
        -
        <xsl:value-of select="umbraco.library:FormatDateTime(CWS.Twitter:FormatTwitterDate(created_at), 'ddd d MMM yy @ H:mm')"/>
        <xsl:value-of select="CWS.Twitter:FormatUrls(text)" disable-output-escaping="yes"/>        
      </p>
      
      <!-- Show Map of Tweet - IF value there & user enabled maps -->
      <xsl:if test="geo/georss:point != '' and $displayMaps = 1">
        <p>
          <!-- Pass coordinates to map template-->
          <xsl:call-template name="map">
            <!-- Google wants coordinates as comma seperated so replace (space) with comma -->
            <xsl:with-param name="coordinates" select="umbraco.library:Replace(geo/georss:point,' ',',')" />
          </xsl:call-template>
        </p>
      </xsl:if>
    </div>
    </xsl:template>

Twitter XML format

Here is the tweet XML that twitter returns, so you can customise your tweet markup even further.

Reviews for this release

No reviews yet for this release.