[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.

Related Posts

drag-drop-file-5x5-jq-uploader

Responsive Drag and Drop File Uploader/Download Plugin | 5x5_jq_uploader

5x5_jq_uploader plugin can be used to instantly create a drop file area and file queue with a little bit of preparation. Bootstrap is used for responsive planning…

Bootstrap-Dark-Mode

Stylesheet For Implementing Dark Mode with Bootstrap

Bootstrap Dark Mode provides a style sheet and two texts that allow you to implement Dark Mode on your website. Initially loaded based on user preferences, can…

responsive-navigation-menu

Multi-purpose Navigation Menu for Javascript Library | jQuery Corenav

coreNavigation is a multipurpose navigation menu for a jquery based javascript library, comes with more style, and is easy to integrate. 11 Default Menu 2 Responsive Navigation…

Simple-Multi-Select-Dropdown-Pure-Vanilla-Javascript

Simple Multi-Select Dropdown Pure Vanilla Javascript | multiSelect.js

MultiSelect.js is a simple, clean, and progressive JavaScript library designed for easy integration with any type of project or system. The design was heavily influenced by the…

Confetti-Falling-Animation-Effect-party

Confetti Falling Animation Effect In JavaScript | party.js

Party.js is a JavaScript library to brighten user site experience with visual effects! Celebrate success with dom confetti! The library is written in TypeScript and compiled into…

how-to-create-popup-in-html-with-css

How To Create A Popup in HTML with CSS

How to create popup in html with css – Popup without JavaScript is an elegant pop-up panel component with an animated scale, written in CSS. Have you…