Embedded Customer Experience Reviews (Deprecated)

📘

This documentation covers our pre August 2020 implementation. We strongly recommend upgrading to our latest JavaScript implementation to take advantage of performance improvements and additional features. Our migration guide can be found here.

Embedded Customer Experience reviews have the same requirements and challenges as Embedded Product Reviews described in the section above. The only difference is the snippets to trigger the “rendered” and “click” events are slightly different. You can see this snippets below:

📘

Remember - If you use the standard Reevoo widgets, the tracking associated to Embedded Customer Experience Reviews is set up automatically. If you implement your own Embedded Customer Experience Reviews using our API, you need to trigger the tracking events manually by following the instructions below.

In all cases make sure you include in your page the Reevoo Javascript library where the embedded reviews are displayed.

Scenario 1 - Clicking on the customer experience reviews badge

If the only way to get to the reviews is by clicking on a customer experience reviews badge then this case is the most straightforward as the user needs to click the badge to get to the reviews. In this case as long as you’ve added the relevant onclick event to your badge, as explained in the “Customer Experience Badges” section of this document, then the required tracking information will be collected.

Scenario 2 - Clicking on a tabbed component tab

In this case, the user can get to the reviews just by clicking the reviews tab, so we need to trigger the event on the tab onclick. You can do this as in the snippet below:

<div 
  onclick="reevooMark(
    'trackBadgeClick', 
    'TRKREF', 
    { 
      contentType: 'customer_experience', 
      badgeType: 'overall' 
    }
  );"
>
  CUSTOMER EXPERIENCE REVIEWS TAB
  <script>
    if (typeof window.afterReevooMarkLoaded === 'undefined') { 
      window.afterReevooMarkLoaded = []; 
    }
    afterReevooMarkLoaded.push(function() { 
      reevooMark(
        'trackBadgeDisplay', 
        'TRKREF', 
        { 
          contentType: 'customer_experience', 
          badgeType: 'overall' 
        }
      ); 
    });
  </script>
</div>

Make sure to replace TRKREF in the snippet above by the appropriate values assigned to your organisation by Reevoo.

Scenario 3 - Directly accessible reviews

This is the most complicated use case to get right. The reviews are available and visible in your page from the moment the page loads. The user does not need to take any action to read the reviews, in most cases they just need to scroll down to the section of the page where the reviews are visible.

In this case we recommend the following:

Step 1

You should include the following snippet somewhere in your page. This snippet will trigger the “rendered” event, which lets Reevoo know there are reviews available in the page.

<script>
  if (typeof window.afterReevooMarkLoaded === 'undefined') { 
    window.afterReevooMarkLoaded = []; 
  }
  afterReevooMarkLoaded.push(function() { 
    reevooMark(
      'trackBadgeDisplay', 
      'TRKREF', 
      { 
        contentType: 'customer_experience', 
        badgeType: 'overall' 
      }
    ); 
  });
</script>

Make sure to replace TRKREF in the snippet above by the appropriate values assigned to your organisation by Reevoo.

Step 2

Then, you also need to let us know when the user has read reviews. For that you need to trigger a “click” event in that scenario. To trigger a click event you will need to implement more complex logic where you track when the user scrolls to the area of the page where the reviews are visible. Then you need to track the time the user spends in that area of the page. When the user has been in the reviews section for more than ten seconds you should trigger the “click” event using the following javascript call:

onclick="reevooMark(
  'trackBadgeClick', 
  'TRKREF', 
  { 
    contentType: 'customer_experience', 
    badgeType: 'overall' 
  }
);"

Again make sure to replace TRKREF in the snippet above by the appropriate values assigned to your organisation by Reevoo.