How to Set Google Hangouts in your website? : APIs Console Project for Pravin Water Well Drilling.

Google Hangouts with the Hangout button that you can set in your website. This's the real case of using it with one of my www.ecommerce-center.com customer.

Setting Google Hangouts

 1.Choose "APIs Console"

Start using the Google API console to manage your API usage.

 2. The "APIs Console" will lead you to "Create project". This step you have to create project first.

Cloud Console.

3. You can choose "Cloud Console" if you want the new console that google present it to you.

Google APIs Terms of Service.

4.Read Google APIs Terms of Service.

Google Translate API Terms of Service.

5.Read Google Translate API Terms of Service.

Accept Google Cloud Developer Console.

6. Check in the box in front of Google APIs and Translate API terms of Service to tell google that you've read it then click "Accept".

Google Cloud Developer Console.

7. Now you can enter Google Cloud Developer Console.

The code of  Hangout button.

8. At this link: https://developers.google.com/+/hangouts/button you scroll down to see the code of  Hangout button. You have to change the number of app ID that I've marked it as in the picture above. 

Google app ID.

9. For example, if the URL is //cloud.google.com/console/project/399082114790/, then the app ID is 399082114790.

Change Google app ID.

10. I have changed it in Notepad. You can change it directly in your website backend, It's OK. 

HTML box in wordpress.

11. In your website console or your website backend such as wordpress or anything elses paste the code in the HTML box.

Hangout button in your website.

12. You can see the Hangout button now in your website.

Click Hangout button in your website and log in.

13. Click Hangout button in your website and log in.

Google Hangout Screen.

14. Add anyone that you want to hangout with.

15. You can say Hi to them and it will appear in their google email inbox..

Advertising by Google