Get Google reviews & display in HTML | Double Marvellous
Back to Blog
Development Jul 16, 2024 4 min read

Get Google reviews & display in HTML

Get Google reviews & display in HTML

So I noticed a lot of people looking for something that just outputs the Google reviews onto your site from your Google account. Should be simple right? Well you would think it would be a little simpler than this but hey. It’s not too bad. You need a few things….

Get the google maps API. Go here to get started: https://cloud.google.com/maps-platform/

You need to set up a project and set up billing on it. You can still use it pretty much for free. But this wn’t work if you havn’t done that.

Next you need to get an API key…go here: https://developers.google.com/maps/documentation/embed/get-api-key

IMPORTANT: Once you have this API key, you need to enable two things. The places API and the Google Maps Javascript api. This is just a case of finding these two APIs and clicking “enable” on them. https://stackoverflow.com/questions/29284580/how-do-you-activate-google-maps-javascript-api-v3-service

Okay – then you need to get the id of the business – search it here: https://developers.google.com/places/place-id

So you should have:

An API key with Places and Google Maps javscript API enabled on it.
A Places ID

If so, go here and try out this gist. It’s got a style tag at the top, some html with Bulma css for the grid and some js at the bottom. Change out you ids where prompted and you should see your reviews appearing in the id=”reviews” div. Remember that Google restricts them to 5. Style as required.

https://gist.github.com/DoubleMarv/6c34e18f3e360557954b6527fd32b6c4

Double Marvellous

AI Chatbot

Double Marvellous.