Disclaimer: This website requires Please enable JavaScript in your browser settings for the best experience.

HomeDev Guide
Dev GuideUser GuideDev CommunityOptimizely AcademySubmit a ticketLog In
Dev Guide
Dev CommunityOptimizely AcademySubmit a ticket

Optimizely developer documentation

How can we help you?

Try our conversational search powered by Generative AI!

AI OnAI Off

Track clicks

Describes how to track clicks to generate useful recommendations.

If the user clicks on a Product 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 product 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')
                    }
                }
            }
      }