Creating a Google+ and YouTube App

Updated 3 weeks ago by Chloe Hogan-Weihmann

To start collecting social registrations with Google+ or YouTube, you need to get your Google+ or YouTube app up and running. 

Each service is basically the same process; however, you might choose to use Google+ because the app better fits your brand. 

It's really up to you which one you want to use. Let's get going!

First up, Google+.


1. Log into Google at the Google API Manager site and visit the API Library page



2. Scroll down the menu on the lefthand side and click on Social



3. Click on Google+ API



4. Looking at the Google+ API page, click the blue Enable button

You'll need to enter a project name.



5. Enabled

You'll get a working page and then see the page refresh, showing that you have your Google+ API up and running.



6. Go back to Library

Go back to the Library page because we need to enable the YouTube API so we can gather more user information. From the Library page, choose the category YouTube on the left-hand side.



7. Click on the YouTube Data API v3 icon



8. Click the blue Enable button



9. Enabled

You'll get a working page and then see the page refresh, showing that you have your Youtube API up and running.



10. Credentials

Click Credentials on the sidebar.



11. Select OAuth consent screen from the sub-menu bar



12. Fill in your brand & company details

Make sure you're as complete as possible to present the best view to your customers. Fill them in and press the Save button.



13. Consent screen saved

After a few seconds your info will be saved and you'll see the Credentials screen again. From the Create credentials drop-down, select OAuth client ID.



14. In the Create client ID screen, select Web application



15. Fill in your AE details

There are four fields to fill in with AE details.

Authorized JavaScript origins (2 URLs)

http://theappreciationengine.com
https://theappreciationengine.com

Authorized redirect URIs (2 URLs)

http://theappreciationengine.com/GoogleAuthenticator_Controller
https://theappreciationengine.com/GoogleAuthenticator_Controller

*If you're on a custom AE Enterprise plan, you'll have a custom domain. Make sure to add it in front. 

E.g. https://sony.theappreciationengine.com/GoogleAuthenticator_Controller

Once you've filled in the four URLs, press the Create button at the bottom.



16. Successfully created!

You'll get a pop up with your client ID and client secret for Google+.



17. Go back to your AE dashboard tab

If you don't already have AE open, go to another tab and log into your AE dashboard account

Click on AE Connect from the AE header.



18. From the Connecting Your Social Apps tab, select the Google+ icon



19. Copy your client ID and client secret into the AE window and press the Activate service button



20. You can see your Google+ app is live with AE



21. High five! 

You've connected Google+ to AE.


Now let's do YouTube!



22. Offering YouTube

If you want to offer YouTube for your social login, you can just add another credential.

Head back to the Credentials menu on the lefthand side, then select Create Credentials and then OAuth Client ID.



23. Fill in your AE details

There are four fields to fill in with AE details. This is basically a repeat of what we did above, but with a change to the URIs for YouTube.

Authorized JavaScript origins (2 URLs)

http://theappreciationengine.com
https://theappreciationengine.com

Authorized redirect URIs (2 URLs)

http://theappreciationengine.com/YouTubeAuthenticator_Controller
https://theappreciationengine.com/YouTubeAuthenticator_Controller

*If you're on a custom AE Enterprise plan, you'll have a custom domain. Make sure to add it in front. 

E.g. https://sony.theappreciationengine.com/YouTubeAuthenticator_Controller

Fill in those four fields and press the Create button at the bottom.



24. Successfully created!

You'll get a pop up with your client ID and client secret for YouTube.



25. Go back to your tab with your AE dashboard account

Click on AE Connect from the AE header.




26. From the Connecting My Social Apps section, select the YouTube icon



27. Copy your client ID and client secret into the AE window and press the Activate service button



28. You can see your YouTube app is live with AE



29. Double high five! 

You've connected Google+ and YouTube to AE! 



30. Get it verified

Recently, Google has put in a review process so your app can be verified.

We highly recommend you follow the process outlined here to get your AE app verified. It takes between 24-72 hours for Google to approve and verify your app. 

The basic steps are:

  1. Verify your domain with the webmaster tools
  2. Complete the App Form
  3. You'll need to have a public Privacy Policy that you can link to

Good luck and let us know if you need any help!




Next Step

Connect other social networks or integrate AE Connect, our social login solution, into your website.

How did we do?