哪里可以获得谷歌品牌的disonnect按钮？

Question

我设置我的网站使用谷歌+登录.

对于登录,谷歌提供了一个或多或少不错的翻译按钮来登录.

代码

<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>

是扩展到:

要遵循Google Google开发人员政策,应用必须提供删除应用与帐户之间关联的方法.(来自:谷歌帐户注销和重定向)

实现很简单,但据我所知,谷歌没有提供(样式/设计)断开按钮.还是我想念它？它看起来应该与登录按钮类似.

Answer 1

为了遵守这些政策，您必须为用户提供一种方法来撤销您的应用对其信息和帐户的访问权限。这与注销不同。

了解如何提供断开连接和撤销访问权限

用户断开连接后，您将执行条款要求的清理步骤。

下面是一个使用文档中的 jQuery 的示例。它假设您将访问令牌存储在全局变量中access_token：

<script type="text/javascript">
function disconnectUser(access_token) {
  var revokeUrl = 'https://accounts.google.com/o/oauth2/revoke?token=' +
      access_token;

  // Perform an asynchronous GET request.
  $.ajax({
    type: 'GET',
    url: revokeUrl,
    async: false,
    contentType: "application/json",
    dataType: 'jsonp',
    success: function(nullResponse) {
      // Do something now that user is disconnected

      // Start account clean up
    },
    error: function(e) {
      // Handle the error
      // console.log(e);
      // You could point users to manually disconnect if unsuccessful
      // https://plus.google.com/apps
    }
  });
}
// Could trigger the disconnect on a button click
$('#revokeButton').click(disconnectUser);
</script>
<button id="revokeButton">Disconnect</button>

编辑：

如果您需要资源来帮助自定义断开连接按钮的外观，以与登录按钮的外观相匹配，您可以使用Google+ 平台品牌塑造指南页面上提供的资源。在该页面上，您可以下载 PhotoShop 源文件，用于为您的站点创建断开连接按钮。您需要按照该页面上的说明进行操作，以遵守品牌指南。

网站如何选择提供断开连接选项取决于设计者。一个站点可能更喜欢断开链接，而另一个站点可能更喜欢使用按钮，设计取决于您。