Table of Contents

Social Media Modules

There are three social media module types available:

Facebook - available in row layouts that use two or more columns
Flickr - available only in single column rows (appears as available in the first column of any row layout, but it'll only work in a single column row)
Instagram - available in row layouts that use two or more columns
Twitter - available in row layouts that use two or more columns

The second screenshot displays how all of the modules appear on the live site. The top row row is showing the bottom of a Flickr module. In the second row, the first column has a Facebook module, the second has a Twitter, and the last two have Instagram modules. The first Instagram module is a carousel, and the second is the stacked option.

Each site is associated with a social media ID. If you feel at any time that your social media modules are pulling the wrong items, please submit a ticket to http://www.sandiego.edu/web-requests/.

Click here to view an example of a Social Media Module.

A social media module has the following field:

Social Media
Choose whether you want your social media module to feed in Facebook, Flickr, Instagram, or Twitter.

Flickr

Flickr Album ID (optional) - If Flickr is select, you can also stipulate a specific album to pull. The album ID displays at the end of the URL in Flickr when viewing that album. Copy and paste just the ID number into this field to display only photos in that album. Flickr also requires the UserID. In the URL for flickr, the UserID will be the word or numbers and letters following "photos/". For example: https://www.flickr.com/photos/usdevents/ – the user id is usdevents For https://www.flickr.com/photos/143252960@N06/ The user id is 143252960@N06 The user id needs to be placed in the site settings file.

Instagram

Carousel or Stacked - If Instagram is select, you can also stipulate whether the images appear in a carousel or stacked.

Instagram requires maintainers to provide certain account access options in the Instagram account. Here are complete instructions on setting up Instagram for your site.

Browser not supported