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