Breadcrumb

Embed Profiles

The application found at profiles.ucr.edu is a campus wide centralized resource that pulls information from various identity management sources. Staff and faculty members can update their page with social media handles, a biography, publications, research areas, and awards. Students are not able to update any information per Human Resources. These profiles can be embedded into websites at the organization, division, and department level. Groups and research areas can also be embedded into a website. To create a Group or Research Area, the Profile Manager role will need to be given to the individual creating the group or research area in EACS.

Profiles application screenshot
Profiles Application

Why is this beneficial to campus? 
Now that profiles can be embedded into sites, it means less duplication and less management for editors. Campus departments frequently created their own profile pages within a site and would have to continually update the information themselves or train faculty how to edit within the CMS. A faculty member could possibly have a profile in various departments, therefore having to maintain multiple profile pages. Also, a listing page was not automatic and would need to also be created on top of the individual pages. With a centralized Profile system, high level data is already generated and if faculty want to add additional information, they can with a very intuitive tool. Departments can then embed this content and faculty members will only need to update in place. 

Adding Profiles to Drupal Sites

  1. Go to profiles.ucr.edu and find the organization, division, or department you would like to display in your site. Alternatively, you could also select a group or research area. 
    Profiles search by selections
    Search by Org (Div, Dept), Group, Research Area
    Example below opens the organization, division, and displays all departments available. 
    Profiles Chancellor Office
  2. Once the appropriate org, div, dept, group, or research area is selected, click the "Embed in Website" at the right of the title.
    Embed in Website button screenshot
  3. Make your selections with the toggles. Then scroll down the window. 
    Embed listing preview
  4. Optionally, an external stylesheet (.css) can be passed in to the Custom Stylesheet URL field. This is for advanced users. 
  5. Click on "Copy", this will copy the Embed Code. 
    Profiles embed code example
  6. Now log in to your Drupal website and navigate to a page or block you want to paste this code into. You will need to paste it into an editor (the WYSIWYG editor).
  7. In the editor, make sure Text format is using "Rich Text Editor (Source). Learn how to switch to Source
  8. Click on the "Source" icon in the editor. 
  9. Paste your code where you want it to display while in source mode.
  10. Click source again to get out of source mode. Save your page or block.