Пользовательская кнопка входа в Google+

Question

Я внедрил вход с помощью обучающих программ Google, но кнопка не совсем вписывается в дизайн веб-сайта, в котором я его использую. Я бы хотел использовать вместо этого создан мой графический дизайнер. Можно ли в настоящее время использовать пользовательские изображения для кнопок входа?

Answer 1

Вы можете использовать gapi.signin.render вынести указанный контейнер в качестве входа в кнопки. Например, если в вашем HTML код у вас есть:

<button id="mySignIn">SignIn</button>

вызов Javascript будет что-то вроде:

gapi.signin.render("mySignIn", { 
    'callback': signinCallback, 
    'clientid': 'CLIENT_ID', 
    'cookiepolicy': 'single_host_origin', 
    'requestvisibleactions': 'http://schemas.google.com/AddActivity', 
    'scope': 'https://www.googleapis.com/auth/plus.login' 
}); 

Кроме того, не забывайте следить за branding guidelines.

Answer 2

Следующий код служит для правильного добавления кнопки входа на портал?

<span id="signinButton"> 
    <span 
     class="g-signin" 
     data-callback="signinCallback" 
     data-clientid="CLIENT_ID" 
     data-cookiepolicy="single_host_origin" 
     data-requestvisibleactions="http://schemas.google.com/AddActivity" 
     data-scope="https://www.googleapis.com/auth/plus.login"> 
    </span> 
</span> 

Вы пытались просто заменить класс «g-signin» на свой собственный класс?

Если g-signin требуется для самих Google, чтобы определить, какая фактическая кнопка входа, вы всегда можете добавить к нему подкласс.

<span class="g-signin custom" ...></span> 

В вашем CSS это будет выглядеть так:

.g-signin .custom { 
/*properties*/ 
}