Press "Enter" to skip to content

[Ratings] Display Google Reviews of a Place on Google Maps

Google Reviews is a simple jquery Plugin that uses Google API to get data from anywhere on Google Maps. This plugin integrates Google Reviews and Place Match ratings into a webpage using the Google Places API.

How to make use of it:

1. Load the mandatory jQuery library and Google Places API within the doc.

<script src="/path/to/cdn/jquery.min.js"></script>
<script src="https://<a href="#!">map</a>s.googleapis.com/maps/api/js?v=3.exp&libraries=places&key=YourGoogleAPIKeyHere"></script>

2. Load the jQuery google-reviews plugin’s information within the doc.

<script src="jquery-google-reviews.js" defer></script>
<link href="jquery-google-reviews.css" rel="stylesheet">

3. The plugin needs an id to work together with, finest with an empty div.

<div id="google-reviews"></div>

4. Call the function on the DIV aspect and insert the placeId into the JavaScript as complying with. You can discover a placeID here.

$("#google-reviews").googlePlaces({
  placeId: 'Place Code Here'
});

5. All configuration choices to customize Google’s opinions and ratings.

$("#google-reviews").googlePlaces({

  // place ID
  placeId: 'Place Code Here',

  // header content
  header: "<h3>Google Reviews</h3>",

  // footer content
  footer: '',

  // maximum number of reviews
  maxRows: 6,

  // minimum number of ratings
  minRating: 4,

  // localize month names
  months: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"],

  // break length
  text_break_length: "90",

  // shorten names
  shorten_names: true,

  // more reviews button url
  moreReviewsButtonUrl: '',
  
  // button label
  moreReviewsButtonLabel: 'Show More Reviews',
  
  // write review button url
  writeReviewButtonUrl: '',
  
  // button label
  writeReviewButtonLabel: 'Write New Review',

  // show review datte
  showReviewDate: false,
  
  // show profile picture
  showProfilePicture: true
  
});

Display Reviews And Google Maps, jQuery Google Reviews Plugin/Github

Display-Google-Reviews-Demo


See Demo And Download

Official Website(simonneutert): Click Here

This superior jQuery/javascript plugin is developed by simonneutert. For extra advanced usage, please go to the official website.

Be First to Comment

    Leave a Reply

    Your email address will not be published.