Recommend related content in just three lines of code. No backend required.
Grow Your Audience
About Algorithmia Recommends
Algorithmia Recommends generates related content recommendations to delight your audience, and increase your pageviews by highlighting relevant content from your site to your readers.
Fast, secure, and optimized for all devices. The design is 100% customizable. And, best of all, there are no ads, and no third-party content. Ever.
How To Get Started
This is an example of Algorithmia Recommends. Starting from a given page, we list recommendations for the selected url. Clicking on any of the recommendations will select a new url, and recalculate recommendations for the selected link.
Customize How Algorithmia Recommends Looks
Recommendations are added to your webpage using standard HTML markup that can be styled using CSS to match your site. Algorithmia Recommends comes with some default styles in recommends.css to get you started. Every recommendation contains the URL, title, and summary by default. Images are included if they’re included in your site's metadata.
<div class="algorithmia-recommends"> <ul> <li class="algorithmia-recommends-link"> <a href="http://example.com/foo"> <img class="algorithmia-recommends-thumbnail" src="http://example.com/foo.jpg"> </a> <div class="algorithmia-recommends-text"> <a href="http://example.com/foo"> Foo - Example.com </a> <div class="algorithmia-recommends-summary"> This is a summary of the page foo on domain example.com </div> </div> </li> <li class="algorithmia-recommends-link"> <a href="http://example.com/bar"> <img class="algorithmia-recommends-thumbnail" src="http://example.com/bar.jpg"> </a> <div class="algorithmia-recommends-text"> <a href="http://example.com/bar"> /bar - Example.com </a> <div class="algorithmia-recommends-summary"> This is a summary of another page bar on domain example.com </div> </div> </li> </ul> <div class="algorithmia-recommends-error"> Error getting recommendations... </div> </div>
How does it work?
Only pages with this code snippet will be included in the recommendations, making it easy to exclude landing pages, like your homepage, about page, and terms of service pages. Specifically, recommended pages are filtered to only include pages containing the
data-uuid attribute. This attribute can be any unique string such as
You may also impose a freshness constraint on recommendations, by changing the
data-timelimit-months attribute in the code snippet. This an optional integer value that dictates the number of months in the past that will be considered for a given page - i.e. if the value is 24 then all pages older than 24-months will be excluded from the pool of possible recommendations. Set the attribute to -1 (or remove it) to allow all pages from any time to be considered for recommendation.