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，要确定哪个是实际的登录按钮，你总是可以为它添加一个子类。

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

在CSS中，这将显示为：

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

Google+登录按钮自定义图片

2 个答案: