Google API: Not a valid origin for the client: url has not been whitelisted for client ID "ID"

Question

I cleared cache. Started working then.

In Chrome: Settings --> Advanced --> Clear browsing data --> Cached images and files

Had the same problem and here's how I solved it:

1. Activate both Analytics and Google Plus APIs on your project
2. Create new OAUTH 2.0 client credentials
   • Add the Authorized Javascript Origins under Restrictions section
3. Use the new client id.

Enjoy.

Clearing the cache did the trick for me

Try Clearing cache it could be issue with cache/localstorage.

For me, it worked without adding any of the additional APIs like google analytics. Just make sure to add the complete clientid and open the app in incognito window to avoid saving the cache. If already have opened the app in regular window, 1- Close all tabs that app is open at. 2- Clear the cache and cookies. In chrome, its in Settings --> Passwords and forms -> Clear Browsing data -> Advanced (tab) -> select a) Cookies and other site data and b) Cached images and files 3- Open a fresh incognito window and test your app.