HOT
22bulbjungle
No Result
View All Result
22bulbjungle
No Result
View All Result
Home Web Development

How To Find Your Google Place Id and Create Places API Key

in Web Development
Reading Time: 2 mins read
439 18
0
629
SHARES
2.9k
VIEWS
Share on FacebookShare on Twitter

In this tutorial, I’m going to show you how to find your google place id, create a “places API key.”
One of the reasons why you need this is because you want to pull reviews from your Google business profile.

Search the existing business

First, let’s find the place id of the business
Now let’s create an example. I’m going to find an existing business and find its place id.

RelatedPosts

How To Create a Beating Heart Shape Animation Using CSS

How To Transition a Height of Zero to a Height of Auto?

How To Apply CSS to Half of a Character

Say, new york dental NY, and see if this exists.
So there are 3 results.
I’m going to select the 3rd one cause it has a lot of reviews.

Look for “data-pid” Attribute

Now you want to find the value of “data-pid” attribute because that is the place id.
Right click-inspect element on the page.

and then find the value, ctr-f to search, and enter “data-pid.”
You must find 1 instance of that attribute.

As you can see, we found the “places ID.” Now you can copy it and use on your project.

Next, we want to create and get our API key.

Create a Project on Google Developers Console

We go to console.developers.google.com
Sign in.

Next, click on select a project and create a new project.

Let’s name our project – “Website 01” and hit create.

We are now on the project dashboard.

Next, we need to enable 2 APIs, places API and maps API.

Click on the left top toggle menu and click API dashboard.

Next Click on “enable APIs and services.”

Open Places API and Maps Javascript API on a new tab and then activate them.

Now we go back to our API dashboard. Both of them are now enabled, as you can see them listed here.

Get the API key

Next, we need to get the API key.

Click on credentials
Create credentials -click on the API key.
Done, Now you need to enable the billing account for this project.
Unfortunately google now requires you to add your billing information to continue using the service.

Click on the toggle menu and click on Billing.
link a billing account.

You will be redirected to a form in which you are going to fill out all the billing information.

Once it’s all done, you are ready to use your API key.

Tags: apisgooglegoogle apis
Share252Tweet157Share63

Related Posts

How To Create a Beating Heart Shape Animation Using CSS
CSS

How To Create a Beating Heart Shape Animation Using CSS

by 22bulbjungle
December 28, 2022
0

Create the HTML structure Create the HTML structure for the heart shape. We'll use a div element with the class "heart": <div...

Read more
How to transition a height of zero to a height of Auto

How To Transition a Height of Zero to a Height of Auto?

December 23, 2022
How To Apply CSS to Half of a Character

How To Apply CSS to Half of a Character

December 23, 2022
How To Set Cellpadding and Cellspacing Using CSS

How To Set Cellpadding and Cellspacing Using CSS

December 22, 2022
Electronics, Smartphone, Computer & Tablet Repair Kit
How To Create a Beating Heart Shape Animation Using CSS

How To Create a Beating Heart Shape Animation Using CSS

December 28, 2022
How to transition a height of zero to a height of Auto

How To Transition a Height of Zero to a Height of Auto?

December 23, 2022
How To Apply CSS to Half of a Character

How To Apply CSS to Half of a Character

December 23, 2022
How To Set Cellpadding and Cellspacing Using CSS

How To Set Cellpadding and Cellspacing Using CSS

December 22, 2022
How To Prevent or Disable Copy and Paste in an Input Field

How To Prevent or Disable Copy and Paste in an Input Field

December 21, 2022
How To Turn Image Into Vintage With CSS

How To Turn Image Into Vintage With CSS

December 21, 2022

Free Do it yourself tutorials on CSS, HTML, Photoshop, Wordpress, and Woocommerce to help you learn web development and graphic design.

Follow Us

Affiliate Disclosure: 22bulbjungle is a participant in the Amazon Services LLC Associates Program, an affiliate advertising program designed to provide a means for sites to earn advertising fees by advertising and linking to Amazon.com.

Recent Tutorials

How To Create a Beating Heart Shape Animation Using CSS

How To Create a Beating Heart Shape Animation Using CSS

December 28, 2022
How to transition a height of zero to a height of Auto

How To Transition a Height of Zero to a Height of Auto?

December 23, 2022

Categories

  • CSS
  • Duda Builder
  • Ecommerce
  • Elementor
  • Graphic Design
  • htaccess
  • Javascript
  • jQuery
  • PC Tips
  • Photoshop
  • PHP
  • Responsive design
  • Shopify
  • Video
  • Web Design
  • Web Development
  • Webdev Tips
  • Woocommerce
  • Wordpress
  • Home
  • Blog
  • Web Development
  • Graphic Design

© 2022 22BulbJungle.

No Result
View All Result
  • Home
  • Blog
  • Web Development
    • CSS
    • Javascript
    • WordPress
  • Graphic Design
    • Photoshop

© 2022 22BulbJungle.

Welcome Back!

Login to your account below

Forgotten Password?

Retrieve your password

Please enter your username or email address to reset your password.

Log In
This website uses cookies. By continuing to use this website you are giving consent to cookies being used. Visit our Privacy and Cookie Policy.