Javascript Migration Guide (Pre August 2020 to v2.0)

Upgrading to our new JavaScript v2.0 implementation is a simple process. Our benchmarking has shown our new implementation to be significantly faster than our earlier solutions, so there's good reason to upgrade. Just update your dependencies and switch over to using our new custom elements to load your content using this easy to follow guide.

Installation

Replace Your Existing JavaScript Dependencies

Our earlier JavaScript libraries are loaded in one of the following ways. Depending on your installation, you will find one of the following snippets on your page(s). Which must first be removed.

<script 
  defer="defer" 
  src="//mark.reevoo.com/assets/reevoo_mark.js" 
  id="reevoomark-loader" 
  type="text/javascript"
></script>

<script 
  src="https://mark.reevoo.com/reevoomark/TRKREF.js" 
  type="text/plain">
</script>

In place, the following should be placed on your page(s). The code below imports our library, with client specific configurations. Please place it to the page header, and only include it once per page.

<script 
  defer="defer" 
  src="https://widgets.reevoo.com/loader/TRKREF.js" 
  id="reevoo-loader"
  type="text/javascript">
</script>

Remove Your Existing CSS Dependencies

One of the benefits of our JavaScript 2.0 library is that there is no need to import CSS dependencies separately - everything you need is loaded through the single snippet, above. The following code snippet should be removed from your page(s).

<link 
  rel="stylesheet" 
  href="//mark.reevoo.com/assets/embedded_reviews.css"
  type="text/css" 
/>

Updating Custom Elements

In order to make our service more intuitive, we've renamed some of the custom elements used to import user generated content onto your page(s). We've also removed the need to supply your TRKREF each time you use our custom elements.

Brand Badges

Replace reevoo-customer-experience-badge with reevoo-badge
Remove the TRKREF element
Add the type="brand" attribute

<reevoo-customer-experience-badge 
  trkref="TRKREF" 
></reevoo-customer-experience-badge>

<reevoo-badge
  type="brand"
></reevoo-badge>

Product Badges

Replace reevoo-reviewable-badge`` with reevoo-badge```
Remove the TRKREF element
Add the type="product" attribute

<reevoo-reviewable-badge 
  trkref="TRKREF" 
  sku="SKU"
  variant="category_page"
></reevoo-reviewable-badge>

<reevoo-badge 
  type="product"
    sku="SKU"
  variant="category_page"
></reevoo-badge>

Ask An Owner Badges

Replace reevoo-conversations-badge`` with reevoo-badge```
Remove the TRKREF element
Add the type="aao" attribute

<reevoo-conversations-badge 
  trkref="TRKREF" 
  sku="SKU"
  variant="category_page"
></reevoo-conversations-badge>

<reevoo-badge 
  type="aao"
  sku="SKU"
  variant="category_page"
></reevoo-badge>