Get Client ID, Client Secret and Developer API Key for Google Developers Console Application

Here is a video guide specially made for Analytify WordPress Plugin users.

The following are the simple steps that can help you to get your Client ID, Client Secret and Developer API Key for your Web Apps or WordPress plugins from Google Developers Console. We wrote this tutorial for Analytify users but It can be beneficial for everyone.

Steps to Get Client ID, Client Secret

Step1

You need to create a Project in Google Developer Console. Click here to go to the Console page. It will ask you to login with your Google Account if you are not logged in already. If you have already created Projects in Google Developers Console, you will see the list of created projects. If not, the following screen will appear.

Step2

In both scenarios, Click on the ‘Create Project‘ button. A page will redirect, where you will enter ‘Project Name‘ and ‘Project ID‘ which will help you to recognize your project in the console.

Step3

By clicking on the Create button, Your project will be created and redirects you to the dashboard, where you will find and Go to APIs Overview you have to click on this option.

Step4

After Clicking on the Go to APIs Overview, Your new project's APIs & Services dashboard will open.

Step5

Now you need to select a Library. Go to the Library page from the navigation menu > APIs & Services > Library from the left corner icon.

Now first Search Google Analytics API and then search the Google Analytics Reporting API.

Select & Enable them both one by one.

Step6

After Enabling the both APIs click on the top Left side Google APIs option.

Step7

Now Click the OAuth consent screen option from the left side menu and select External Option & click on the Create button.

Now add app information and click on save and continue button in all steps.

A new window will open in the OAthu Consent screen where you have to click on the Publish app and confirm the Publish App.

Step8

After Confirming the App, now click on the Credentials option from the left sidebar menu and click on the create credentials option and select OAuth client ID.

A new window will open where you have to select the Application type “Website Application” from the drop-down list.

Now enter Information Name & Authorized redirect URls.

For the Analytify WordPress plugin, you will get Authorized Redirects URIs from Analytify > Settings > Advanced tab.

After clicking on Create Button a popup will appear where you will find the Client ID and Secret ID. Copy them one by one and paste them inside the Analytify > Settings > Advanced tab.

Client ID and Client Secret in Google Developers Console

Here you need to enable the “Do you want to use your own API keys?” option and get the Redirect URL. Copy the URL and paste it into Authorized redirect URI and click on the create button.

Paste Client ID and Client Secret in plugin settings – Google Developers Console.

After pasting the Client ID, Client Secret and Redirect URL in plugin settings, save the settings and log in with your Google Analytics Account to connect with Analytify.

Next, you have to authenticate your Google Analytics account with Analytify, In order to do this go to Analytify>Authentication and click on Login with your Google Analytics Account

After clicking here you will be redirected to Google Accounts, you have to select your Google Account that is associated with your Google Analytics account.

In the next step, it will ask you to Allow the permissions. you have to click on the Allow button.

You will be redirected back to Analytify>Profiles here you need to select profiles of tracking and profiles for showing analytics inside WordPress Dashboard.

Congratulations! you have successfully implemented the APIs for Analytics Tracking inside Analytify. This is how you can get the Client ID and Client Secret from Google Developers Search Console.

30 thoughts on “Get Client ID, Client Secret and Developer API Key for Google Developers Console Application”

Not working! Every time I click ‘Authenticate’, I am taken to http://ideas2live4.com/wp-admin/admin.php?page=analytify-settings

I am asked to enter my API keys BUT there is nowhere to enter those keys! I’ve been going around in circles for 30 minutes. What am I doing wrong???

Adnan says:

January 11, 2015 at 12:43 pm

Hey, you are Premium Customer right ??

You don’t need to enter Keys. Just authenticate and paste the Access code and it should work.

Check this video for Premium customers.

Reply

Hi,

I just installed the plugin and it looks really great. But I miss the click route people have. Where can I see on a page where people came from and what page they went to after this particular page or post? I can’t find it in the overview.

Thanks for your reply in advance.

You should update this tutorial. Google has changed its layout and your instructions do not reflect the actual page.

I am getting a 401 error when requesting “Get your access code”.

Adnan says:

August 29, 2015 at 2:32 pm

Hey @Caio

Yes, I saw that and have update this tutorial. Let me know If it helps ?

Reply
1. SB says:
  
  October 19, 2015 at 1:16 pm
  
  I am still getting this 401 message! What am I doing wrong?
  
  Reply

Pingback: Diving in Google Drive APIs - WPBrigade

Hi,,
I created oauth for installed application i.e., android correctly, but when i downloaded json file in that client secret key is missing.How do i find it, is google changed their policy? Pls help me to find client secret key.

Where do I find the google access code? Your Access Code:

Thanks Allan

Adnan says:

November 27, 2015 at 6:38 am

In recent update to WP Analytify, You don’t need access code. Simply login with your Google account and you will be connect.

Update your WP Analytify please.

Reply
1. Allan says:
  
  November 27, 2015 at 3:43 pm
  
  Ok, thanks. How do I update it Adnan!
  
  Just to let you know, that when I t to get short url from inside my blog, it went error, and then I couldn’t access my pages, so had to deactivate the plugin! So hope the updated version works.
  
  🙂
  
  Reply
  1. Allan says:
    
    November 27, 2015 at 3:55 pm
    
    This what I get. Please advise. Thanks!
    
    Fatal error: Uncaught exception ‘Shortify_WP_Google_Service_Exception’ with message ‘Error calling POST https://www.googleapis.com/urlshortener/v1/url: (403) Daily Limit for Unauthenticated Use Exceeded. Continued use requires signup.’ in /home3/becomey1/public_html/wp-content/plugins/wp-shortify/src/Google/Http/REST.php:79 Stack trace: #0 /home3/becomey1/public_html/wp-content/plugins/wp-shortify/src/Google/Http/REST.php(44): Shortify_WP_Google_Http_REST::decodeHttpResponse(Object(Shortify_WP_Google_Http_Request)) #1 /home3/becomey1/public_html/wp-content/plugins/wp-shortify/src/Google/Client.php(503): Shortify_WP_Google_Http_REST::execute(Object(Shortify_WP_Google_Client), Object(Shortify_WP_Google_Http_Request)) #2 /home3/becomey1/public_html/wp-content/plugins/wp-shortify/src/Google/Service/Resource.php(195): Shortify_WP_Google_Client->execute(Object(Shortify_WP_Google_Http_Request)) #3 /home3/becomey1/public_html/wp-content/plugins/wp-shortify/src/Google/Service/Urlshortener.php(136): Shortify_WP_Google_Service_Resou in /home3/becomey1/public_html/wp-content/plugins/wp-shortify/src/Google/Http/REST.php on line 79
    
    Reply
    1. Adnan says:
      
      November 27, 2015 at 4:01 pm
      
      You are talking about Shortify not WP Analytify.
    2. Allan says:
      
      November 28, 2015 at 2:49 pm
      
      Ahhh, so I am. Thanks! 🙂
      
      Will get onto the correct product and try again!
      
      Thanks Adnan

Help me please. I used gdata.youtube.service to upload video on youtube channel – i have YOUTUBE_DEVELOPER_KEY
gdata sends me error now. As a solve of this problem i wanted to go for API3 but it tells me to use
CLIENT_SECRETS_FILE = “client_secrets.json”
What is it? A once more new KEY? Or I cen gen it from
YOUTUBE_DEVELOPER_KEY ?

Adnan says:

December 31, 2015 at 9:26 pm

“client_secrets.json” file actually contains the Keys. You will generate this file from the developers console.

Reply

help a lot ,thanks

Where can i get the redirect URI? I can’t find Redirect URI, Plz help me

Adnan says:

October 11, 2016 at 10:27 am

Redirect URI is your plugin’s settings page.

Reply

Where can i Get Redirect URI? I can’t find Redirect URI, plz help me..

I can not understand what to insert into Authorized redirect URI

logesh says:

December 23, 2017 at 10:49 am

it is your firebase auth url. check in firebase-> Authentication-> SIGN-IN METHOD-> facebook login, OAuth redirect url

Reply

Pingback: Telegram Chat Bot | Software Engineering

Pingback: React Authentication with Twitter, Google, Facebook and Github - tech-1st

Hi,
After I configure my own API key, when I try to login with google analytics account I get 403 Forbidden error.
What is the problem?

Hi,
After I configure my own analytics API key in the plugin when I try to login to my google analytics account I get 403 forbidden error.
What is the problem?

Pingback: 2 – React Authentication with Twitter, Google, Facebook and GitHub | Traffic.Ventures Social

I’m getting a similar issue to Mohammad. When I try to authenticate with my own API, it connects to Google, but once I click allow it redirects me back to a 404 page on my site instead of the analytify authentication page.

Pingback: React Authentication with Twitter, Google, Facebook and Github – Starklabs India

Impressive! Thanks for the article.
King regards,
Harrell Griffin