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.oerrecommender.org/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.oerrecommender.org/recommendations.pjs?u=http://www.oercommons.org/courses/5-068-physical-methods-in-inorganic-chemistry-spring-2005"></script>

Generates:

See the Javascript

Snippet Options

For example:

<script type="text/javascript" src="http://www.oerrecommender.org/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.oerrecommender.org/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 {}