Substituir botão de login do google

[xiro 0]

Boa noite, pessoal.

como eu faço para substituir o botão login por uma imagem.

Quero executar essa função quando clicar na imagem, já tentei usar onclick mas não faz nada.

Peguei o exemplo neste site .http://mariovalney.com/como-colocar-o-login-do-google-no-meu-site/

function onSignIn(response) {
            // Conseguindo as informações do seu usuário:
            var perfil = response.getBasicProfile();
 
            // Conseguindo o ID do Usuário
            var userID = perfil.getId();
 
            // Conseguindo o Nome do Usuário
            var userName = perfil.getName();
 
            // Conseguindo o E-mail do Usuário
            var userEmail = perfil.getEmail();
 
            // Conseguindo a URL da Foto do Perfil
            var userPicture = perfil.getImageUrl();
 
            document.getElementById('user-photo').src = userPicture;
			document.getElementById('user-name').innerText = userName;
            document.getElementById('user-email').innerText = userEmail;
			document.getElementById('user-Id').innerText = userID;
			
			
            // Recebendo o TOKEN que você usará nas demais requisições à API:
            var LoR = response.getAuthResponse().id_token;
            console.log("~ le Tolkien: " + LoR);
			
			
			
};

[kelvim 11]

De acordo com a documentação do google (https://developers.google.com/identity/sign-in/web/build-button), basta você trocar a div de classe g-signin2 por isso

<div id="customBtn" class="customGPlusSignIn">
    --> sua imagem ou botão personalizado
</div>

// script ao carregar a página

attachSignin(document.getElementById('customBtn'));

[xiro 0]

Desculpa, mas não consegui entender muito bem o seu exemplo.

<div id="customBtn" class="customGPlusSignIn">
    <input type="button" value="google" />
</div>

function customGPlusSignIn(response) {
            // Conseguindo as informações do seu usuário:
            var perfil = response.getBasicProfile();
 
            // Conseguindo o ID do Usuário
            var userID = perfil.getId();
 
            // Conseguindo o Nome do Usuário
            var userName = perfil.getName();
 
            // Conseguindo o E-mail do Usuário
            var userEmail = perfil.getEmail();
 
            // Conseguindo a URL da Foto do Perfil
            var userPicture = perfil.getImageUrl();
 
            document.getElementById('user-photo').src = userPicture;
			document.getElementById('user-name').innerText = userName;
            document.getElementById('user-email').innerText = userEmail;
			document.getElementById('user-Id').innerText = userID;
			
			
            // Recebendo o TOKEN que você usará nas demais requisições à API:
            var LoR = response.getAuthResponse().id_token;
            console.log("~ le Tolkien: " + LoR);
			
			
			
};

[kelvim 11]

<div id="customBtn" class="customGPlusSignIn">
    <input type="button" value="google" />
</div>

attachSignin(document.getElementById('customBtn'));

function customGPlusSignIn(response) {
            // Conseguindo as informações do seu usuário:
            var perfil = response.getBasicProfile();
 
            // Conseguindo o ID do Usuário
            var userID = perfil.getId();
 
            // Conseguindo o Nome do Usuário
            var userName = perfil.getName();
 
            // Conseguindo o E-mail do Usuário
            var userEmail = perfil.getEmail();
 
            // Conseguindo a URL da Foto do Perfil
            var userPicture = perfil.getImageUrl();
 
            document.getElementById('user-photo').src = userPicture;
			document.getElementById('user-name').innerText = userName;
            document.getElementById('user-email').innerText = userEmail;
			document.getElementById('user-Id').innerText = userID;
			
			
            // Recebendo o TOKEN que você usará nas demais requisições à API:
            var LoR = response.getAuthResponse().id_token;
            console.log("~ le Tolkien: " + LoR);
			
			
			
};

Teste assim

[xiro 0]

Infelizmente não funcionou :(