OER Recommender Examples - Inserting Recommendations in Web Pages Using HTML Snippets

Return to developer page

• Basic Example
• Inserting Recommendations in a Catalog Page
• Snippet Options
• Recommendations for Foreign Language Resources
• Styling Recommendations

---

Basic Example

The recommendations below are generated by inserting the following html snippet in the page:

  <script type="text/javascript" src="http://www.folksemantic.com/recommendations.pjs?u=http://ocw.usu.edu/Biological_and_Irrigation_Engineering/Surface_Irrigation_Design"></script>

See the Javascript

---

Inserting Recommendations in a Catalog Page

Catalogs that provide the urls of both their catalog pages and the resource pages they describe receive links to both pages when they request recommendations.

  <script type="text/javascript" src="http://www.folksemantic.com/recommendations.pjs?u=http://www.oercommons.org/courses/5-068-physical-methods-in-inorganic-chemistry-spring-2005"></script>

Generates:

See the Javascript

---

Snippet Options

limit

Number of items to retrieve. 5 is the default when requesting XML and using the HTML scriptlet. 20 is the maximum that is ever returned. Example

title

Specify true to request a title be displayed above the list of recommendations.

more_link

Specify true to request a link to more links be displayed below the list of recommendations.

direct_link_text

Use to specify the anchor text for [direct link] links in catalog pages.

details

Specify true to request that all available details be displayed.

omit_feeds

Specify a comma delimited list of collections to not include in the returned recommendations.

For example:

<script type="text/javascript" src="http://www.folksemantic.com/recommendations.pjs?
details=true&limit=12&title=true&more_link=true&direct_link_text=[go]
&u=http://www.oercommons.org/courses/molecular-spectra-and-molecular-structure-spring-1996"></script>

Generates:

See the Javascript

---

Recommendations for Foreign Language Resources

When requesting recommendations for foreign languages, the title and more related resources link are displayed in the language of the document.

  <script type="text/javascript" src="http://www.folksemantic.com/recommendations.pjs?title=true&more_link=true&u=http://cnx.org/content/col10516/latest/"></script>

Generates:

See the Javascript

---

Styling Recommendations

Use the following styles to style the list:

  .oer_recommender_container {}
  .oer_recommender_title {}
  .oer_recommender_list {}
  .oer_recommender_item {}
  .oer_recommender_more_link {}
  .oer_recommender_recommendation_link {}
  .oer_recommender_direct_link {}
  .oer_recommender_published_at {}
  .oer_recommender_relevance_score {}
  .oer_recommender_description {}
  .oer_recommender_uri {}