Try our conversational search powered by Generative AI!

Loading...
Area: Optimizely Product Recommendations
Applies to versions: Not applicable

Marking clicks

Recommended reading 

If the user clicks on a Recommendations item, the click must be tracked to generate useful recommendations. Two JavaScript functions are available to achieve this.

  • Peerius.smartRecsClick(id) must be called when a recommendation is clicked and the click takes the customer to a new page.
  • Peerius.smartRecsSendClick(id) should be called if the user stays on the same page following the click. (smartRecsSendClick(id) sends the click to our servers via a background request).

Usage of smartRecsClick(id) is demonstrated in the example below:

window.PeeriusCallbacks={
	// utility function to create the html code of a product
	// using jquery.
	product:function(json) {
		var title=json.title
		var h="<p>"+title+"</p>"
		h+="<a href='"+json.url+"'>"
		h+="<img src='"+json.img+"'/>"
		h+="</a>"
		var p=$('<div>').html(h)
		p.click(function(){
			// extra care to be taken so that the correct recommendation
			// id is used (for reporting purposes)!
			Peerius.smartRecsClick(json.id)
		})
		return p
	},
	// implementation of the Peerius callback
	smartRecs:function(jsonArray) {
		$('<div id="jsonRecs">').html("JSON recommendations").appendTo('.body-content-div')
		for(i in jsonArray)
		{	var widget=jsonArray[i]
			for(j in widget)
			{	var json=widget.recs[j]
				var p=this.product(json)
				p.appendTo('#jsonRecs')
			}
		}
	}
}
Do you find this information helpful? Please log in to provide feedback.

Last updated: May 23, 2018

Recommended reading