Utilizo el siguiente código para autenticar a un usuario en mi sitio web:
function handleCredentialResponse(response) { console.log("Encoded JWT ID token: " + response.credential); window.onload = function() { google.accounts.id.initialize({ client_id: "XXXXXXX.apps.googleusercontent.com", callback: handleCredentialResponse }); google.accounts.id.renderButton( document.getElementById("buttonDiv"), { theme: "outline", size: "large" } ); <div id="buttonDiv"></div>Pero necesito personalizar el botón con el diseño de mi sitio...
¿Es posible crear mi propio botón como este?
<button type="button" onclick="googleLogin();">Connection with Google</button>Y con el onlick me puedo conectar. Probé varias variantes pero no funciona, la inicialización no ocurre...
¿Cómo puedo personalizar el botón manteniendo el código actual (o simplemente modificándolo un poco)?
Tienes una idea ?
De acuerdo, probablemente no haya otra forma de modificar el estilo del botón que no sea usar las opciones de renderButton o simplemente CSS.
Pero hay otra opción, hay una 'segunda' API. Afaik, esa API JS se considera obsoleta y Google quiere que uses la segunda.
Así que aquí se trata de integrarlo en una aplicación y aquí de personalizar el botón en sí.