Social media-mashup

16
Social Media Mash-Up Erik España Associate Director of Web Communications August 2, 2011, 2:00 pm ET COMMUNICATIONS & MARKETING

description

How Union College built a Social Media Mash-Up which incorporates Twitter, Facebook, Flickr, blogs, and video content.

Transcript of Social media-mashup

Page 1: Social media-mashup

Social Media Mash-Up

Erik EspañaAssociate Director of Web Communications

August 2, 2011, 2:00 pm ET

COMMUNICATIONS & MARKETING

Page 2: Social media-mashup

Social Media Mash-Up

Poll

How many schools have a social media directory on their website?

Page 3: Social media-mashup

Social Media Mash-Up

Poll

How many schools have students who blog for their institution?How many schools have faculty who blog for their institution?How many schools have student groups on Facebook and

Twitter?How many schools have administrative depts on Facebook and

Twitter?

Page 4: Social media-mashup

Social Media Mash-Up

Our Goal

• Content from “official” college social media channels• And content from campus social media sites.

Page 5: Social media-mashup

Social Media Mash-Up

Collecting RSS Feeds

Page 6: Social media-mashup

Social Media Mash-Up

• Tab 1: Timeline− Twitter− Blogs− Facebook

• Tab 4: Video• Updated hourly

May 2011

Page 7: Social media-mashup

Social Media Mash-Up

Combining RSS Feeds

TwitterRSS feed

Facebook RSS feed

BloggerAtom Feed

Wordpress RSS Feed

Block

Page 8: Social media-mashup

Social Media Mash-Up

Combining RSS Feeds

• Structured Data Block• Data Definition

− Block Chooser Fields (multiple)

• Assign Feed Blocks to Block Chooser Fields

Page 9: Social media-mashup

Social Media Mash-Up

The Problem

Page 10: Social media-mashup

Social Media Mash-Up

The Problem

We couldn’t format the Structured Data Block.

Feed Blocks

Structured Data Block PageX

Page 11: Social media-mashup

Social Media Mash-Up

The Problem

• pubDates• RSS vs. Atom• Over 20 updates

per feed.

Page 12: Social media-mashup

Social Media Mash-Up

The Solution

Create an intermediate page.

Feed Blocks

Structured Data Block

XML File Page

Page 13: Social media-mashup

Social Media Mash-Up

Intermediate Page

• Publish as XML file• Dates: numerical format (e.g. 20110802140000)

− Sortable

• 1 item per feed• Bring back into Cascade using Feed Block

Page 14: Social media-mashup

XML file

• 8:15 am

Page • 8:30 am

Social Media Mash-Up

Publish Set

Page 15: Social media-mashup

Social Media Mash-Up

Resources

• How to easily display a Facebook page’s feed on your websitehttp://bit.ly/gettingfacebookfeeds

• Twitter REST APIhttp://bit.ly/twiterapirest

• Linkify jQuery Pluginhttp://bit.ly/linkify

• Miro Community platformhttp://www.mirocommunity.org/

Page 16: Social media-mashup

Social Media Mash-Up

Contact Information

Erik España

Email: [email protected]

Twitter: @erikespana

Blog: http://muse.union.edu/espanae

Slideshare: http://www.slideshare.net/erikespana