OU Mashup


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.

OU Mashup integrates with third-party platforms, such as Instagram and Twitter, that are not managed by OmniUpdate. Please note, OmniUpdate is not responsible for changes made by third party providers that may impact how the module performs. Workarounds will be posted as updates are provided by third party providers. If modifications are required based on the initial implementation of OU Mashup, a professional services engagement may be required during this time.

If your OU Mashup was implemented in 2018 or later, then you have version 2 of this module. For more information on OU Mashup v2, go to this page.

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. 


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 supported by OU Mashup 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 include. 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 contact your sales representative.