Why is 'gapi.client' from Google Plus Api undefined ?

Question

I am trying to use google+ api, and i had to modify the sample authentification example to fit my needs like this:

Answer 1

You must use the ?onload callback parameter, it is called when the JS Client has finished loading asynchronously. By running on dom ready, you are trying to access gapi.client before it has been defined. What's happening is that the /js/client.js script defines gapi and some helper functions, but gapi.client and gapi.auth aren't defined until the JS client has finished loading. When you inspect the Object logged by console.log(gapi), the client has finished loading, so you see gapi.client and gapi.auth defined.