Menampilkan Google Review di Website

Oleh Juniawan89 02 Sep, 2019 2 komentar

Selamat Sore kawan-kawan semua

Setelah sekian lama vakum, akhirnya bisa posting lagi.

Kali ini saya ingin posting bagaimana cara Menampilkan Google Review di Website.

Langsung saja ya :

Sebelum ke koding, hal yang harus disiapkan adalah :

1. API Key untuk menggunakan Google Maps, kalian bisa cari disini.
2. Place ID untuk Bisnis, kalian bisa dapatkan disini.
3. Google Places script untuk menarik Google Review, kalian bisa cari disini.

Setelah semuanya kalian dapatkan, kalian bisa memulai nya.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 

<script src="/js/google-places.js "></script> 

<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&libraries=places&key=[API_KEY]">
</script> 

Copy code diatas diantara <head>
Ganti [API_KEY] dengan API yang kalian buat tadi.

Sekarang kita buat koding Javascriptnya :

 <script>  jQuery(document).ready(function() {  $("#google-reviews").googlePlaces({  placeId: '[PLACES_ID]',  render: ['reviews'],  min_rating: 5,  max_rows: 0  });  });  </script> 

Ganti [PLACES_ID] dengan Place ID yang kalian buat tadi.
Untuk min_rating, adalah minimum rating yang ingin kalian tampilkan.

Yang terakhir, buat koding <div> :

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

Letakan <div> dimana kalian ingin menampilkan rating ini.

Semoga Bermanfaat.
Sekian