OU Mashup

Overview

The OU Mashup module is a tool for institutions to easily display content from a wide range of social media networks, including Facebook, Twitter, Instagram, YouTube, and Flickr, all on one customizable page. The page can be modified to display posts from usernames or pages by updating the configuration file in OU Campus.

Displaying OU Mashup

OU Mashup takes advantage of a combination of server-side scripts and client scripts that are used to import the social media posts from different social networking sites, using their API calls. 

Configuration

OU Mashup consists of three parts: a configuration .pcf file, a page that displays the module on the website, and a folder of all the scripts for both styling the module and calling the APIs. 

The social media accounts that OU Mashup supports integration with are Facebook, Flickr, Google+, Instagram, Twitter, Pinterest, and Youtube, as well as an RSS feed from your site. When implementing OU Mashup, you the user can decide which of these social media accounts you want to integrate with. OU Mashup supports integration with only one account per social media type (e.g. one Facebook account, one Twitter account). 

Similarily, OU Mashup functions as a single module placed onto one site of your choosing, as opposed to being an account-wide module. 

Display Page

The display page is a regular page, usually named mashup.pcf or social.pcf. It exists in a location of your choosing in the file structure of your website, sometimes in a folder labeled /social as well. 

The social media displayed on the page is pulled in using JavaScript. There is an option for editable content on the page, but it does not affect the social media display, only content on the page body itself. 

Editing the Display Page

This page will update automatically when content is posted on any of the connected social media sites, but must be refreshed to view any updates. 

When viewing the page on the live website, content can be filtered by clicking any of the social media icons at the top of the page. Selecting the double-arrow button displays content from all the connected accounts.

Displaying Youtube Posts on OU Mashup

Configuration File

The configuration file is a .pcf labeled _oumashup.pcf, placed in the same folder location as the display page. It utilizes MultiEdit, and lists the configuration information (such as User IDs, API keys and Client IDs) that connect each social media account to the module. These code sequences are needed for the scripts to pull posts from the social media sites.

Configuration File Displayed

 

When OU Mashup is implemented, our Professional Services team will provide you with instructions on how to find the user ID (or similar identifier) for each social media account you wish to integrate with. 

In the event that you need to change any of these identifiers, the page is edited by selecting the orange MultiEdit button at the top of the page and editing the appropriate field. All edits must be saved and the page published for change to take effect. 

Styling Folder

 All styling for the display page is contained in its own folder, located in _resources > social > css. From here you can edit the source code that controls the styling for the displayed posts, and customize it per social media type. The social folder also contains the JavaScript for calling each social media type.

Additional Options

OU Mashup only supports the previously-specified social media types, with one account per type. If you want multiple feeds from one social media source (such as pulling in from two Facebook accounts) or to integrate a type of social media not included, contact your OmniUpdate sales representative. 

Additionally, OU Mashup only supports C# or PHP server-side scripting languages; if you have a different server language you would wish to use, please also contact your sales representative.