12501 error signing into GooglePlus on Android

I am using Ionic 2 with GooglePlus Authentication. Everything works perfectly for iOS. For Android I build my app as follows:

ionic build android

For the Android build, I need a SHA1 keystore for Google Authentication.

I have a Macintosh HD/Users/myname/.android/debug.keystore, so according to these instructions, I generate a keystore using (default password ‘android’):

keytool -exportcert -list -v -alias androiddebugkey -keystore ~/.android/debug.keystore

The output looks correct. I use this SHA1 to for my Android Credentials as per the above instructions:

enter image description here

But when I try login, I get: error = 12501

From here I believe it’s related to not having the SHA1 in the Google Credentials matching the SHA1 for the Android build of the app.

Question

What SHA1 is my Android build using? How do I check if it matches the one generated above for the credentials?

UPDATE

From reading the following:

enter image description here

I understand it, that for Android, we need to put the SHA1 here:

enter image description here

However, after trying this, I still get the 12501 error.

UPDATE

I have also tried following these instructions, specifically the Android Setup, but I think it’s outdated. But they do say the following:

If you get Error 12501 - User Cancelled, this means you used the wrong
Bundle ID during your iOS/Android configuration steps. Make sure you
are using the correct one, by setting your desired Bundle ID in your
config.xml, and using that ID during the Device Setup

As you can see from the image above, the Package name matches the Bundle ID in config.xml.

<?xml version='1.0' encoding='utf-8'?>
<widget id="com.ionicframework.thewhozooXXXX" version="0.0.1" xmlns="http://www.w3.org/ns/widgets" xmlns:cdv="http://cordova.apache.org/ns/1.0">

SOLUTION

You need to use a Web Client ID and not an Android Client ID for Android (Go Figure!). This worked for me.

enter image description here

code:

        GooglePlus.login({
            'webClientId':'XXXXXX.apps.googleusercontent.com',
            'offline': true
        }).then(googleData => {

What I do not understand however, is that for iOS it works with the iOS Client id. So there’s no consistency.

This does not work properly. It returns user details uid and email address, but not the display name and photo url unfortunately. I am open to anyones help please.