Hola usuario de nuestra web, encontramos la solución a lo que buscas, continúa leyendo y la verás un poco más abajo.
Ejemplo 1: botón de inicio de sesión de Google
<divclass='g-sign-in-button'><divclass=content-wrapper><divclass='logo-wrapper'><imgsrc='https://developers.google.com/identity/images/g-logo.png'>div><spanclass='text-container'><span>Sign in with Googlespan>span>div>div><style>*, *:before, *:afterbox-sizing: border-box;.g-sign-in-buttonmargin:10px;display: inline-block;width:240px;height:50px;background-color:#4285f4;color:#fff;border-radius:1px;box-shadow:02px4px0rgba(0,0,0,0.25);transition: background-color .218s, border-color .218s, box-shadow .218s;.g-sign-in-button:hovercursor: pointer;-webkit-box-shadow:003px3pxrgba(66,133,244,0.3);box-shadow:003px3pxrgba(66,133,244,0.3);.g-sign-in-button:activebackground-color:#3367D6;transition: background-color 0.2s;.g-sign-in-button.content-wrapperheight:100%;width:100%;border:1px solid transparent;.g-sign-in-button imgwidth:18px;height:18px;.g-sign-in-button.logo-wrapperpadding:15px;background:#fff;width:48px;height:100%;border-radius:1px;display: inline-block;.g-sign-in-button.text-containerfont-family: Roboto,arial,sans-serif;font-weight:500;letter-spacing:.21px;font-size:16px;line-height:48px;vertical-align: top;border: none;display: inline-block;text-align: center;width:180px;style>Ejemplo 2: inicio de sesión html con google
<htmllang="en"><head><metaname="google-signin-scope"content="profile email"><metaname="google-signin-client_id"content="YOUR_CLIENT_ID.apps.googleusercontent.com"><scriptsrc="https://apis.google.com/js/platform.js"asyncdefer>script>head><body><divclass="g-signin2"data-onsuccess="onSignIn"data-theme="dark">div><script>functiononSignIn(googleUser)// Useful data for your client-side scripts:var profile = googleUser.getBasicProfile();console.log("ID: "+ profile.getId());// Don't send this directly to your server!console.log('Full Name: '+ profile.getName());console.log('Given Name: '+ profile.getGivenName());console.log('Family Name: '+ profile.getFamilyName());console.log("Image URL: "+ profile.getImageUrl());console.log("Email: "+ profile.getEmail());// The ID token you need to pass to your backend:var id_token = googleUser.getAuthResponse().id_token;console.log("ID Token: "+ id_token);script>body>html>Nos puedes añadir valor a nuestra información colaborando tu experiencia en las anotaciones.
¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)