Reviews Javascript Widget

The Reviews Javascript Widget (BETA) is the easiest way to include your Nearby Now reviews on your website.

Note: Unlike our server-side API and WordPress/Joomla plugins, the Javascript API offers no SEO value for your website. The widget HTML is loaded asynchronously it will not be discovered by search engines.

Javascript Widget

Simply copy this script on the page you want to display the widget, and add a nn-reviews div anywhere on your page that you’d like to reviews to be displayed.

Configuration Options

You can customize the widget script by adding data tags. Here’s a list of the available data tags:

Required

data-key Your API Token

Optional

data-type The type of widget you want to display (defaults to mini)
data-count The number of reviews to display (sidebar and full widgets only)
data-container The div element to append the widget to (defaults to nn-reviews)
data-tech The email address of the user who’s reviews you want to display

Widget Types

There are three types of widgets available. The default type is “mini”. You can supply a type data tag to change the default widget type.

Mini

data-type="mini"
The mini widget displays your accounts aggregate review rating, number of stars, and a count of total reviews. Example

Sidebar

data-type="sidebar"
The sidebar widget displays the mini-widget, plus a lite version of your three most recent reviews. You can change the widget to display more reviews by supplying a count data tag: data-count="5". This widget is great for displaying reviews on your website sidebar. Example

Full

data-type="full"
The full widget displays the mini-widget, plus your three most recent reviews including the sub-ratings. You can change the widget to display more reviews by supplying a count data tag: data-count="5". Use this widget if you want to display your reviews as the primary content of a page. For example, this widget fits nicely on a home page below your existing home page content. Example

Examples

Here are a few examples of various ways to embed the widget:

 <script src="https://s3.amazonaws.com/reviewcloud/widget/v2/reviews.min.js" data-key="your_api_token"> </script>  <div id="nn-reviews"></div> <script src="https://s3.amazonaws.com/reviewcloud/widget/v2/reviews.min.js" data-key="your_api_token" data-type="sidebar"> </script>  <div id="nn-reviews"></div> <script src="https://s3.amazonaws.com/reviewcloud/widget/v2/reviews.min.js" data-key="your_api_token" data-type="full"> </script>  <div id="nn-reviews"></div> <div id="my-sidebar-container"></div>   <script src="https://s3.amazonaws.com/reviewcloud/widget/v2/reviews.min.js" data-key="your_api_token" data-type="full" data-container="my-sidebar-container" data-count="5"> </script>

Here’s a full working example of a custom user profile page:

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>John's Recent Reviews</title> <meta name="description" content=""> <meta name="viewport" content="width=device-width, initial-scale=1"> <link href="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.0.3/css/bootstrap.css" rel="stylesheet"> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> </head> <body> <div class="container"> <div class="row"> <div class="col-md-12"> <h2>John's Recent Reviews</h2> <div id="tech-reviews"></div> </div> </div> </div> <script src="https://s3.amazonaws.com/reviewcloud/widget/v1/reviews.min.js" data-key="<Your API Token Here>" data-tech="john@yourdomain.com" data-container="tech-reviews" data-type="full" data-count="10"> </script> </body> </html>