Googleブランドの接続解除ボタンはどこで入手できますか？

Question

google+signinを使用するように私のウェブサイトをセットアップしました。 。ゴーグルを追跡するには

：ログインGoogleにとって

にログインする多かれ少なかれ素敵な、翻訳ボタンを提供

コード

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

がにexpandetされますアプリケーションはアプリとアカウントの関連付けを削除する手段を提供する必要があります。 （From：google account logout and redirect）

実装は簡単ですが、わかっている限り、Googleは（接続された/接続されていない）切断ボタンを提供しません。それとも私はそれを見逃しましたか？ ログインボタンと同様に表示されます。

Answer 1

ポリシーに従うには、ユーザーが自分のアプリの情報とアカウントへのアクセスを取り消す方法を提供する必要があります。これはログアウトとは異なります。

は、あなたが条件によって必要なクリーンアップ手順を実行することになり、ユーザーが切断した後how to provide that disconnection and revoking of access

を参照してください。

ここでは、ドキュメントの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+ Platform branding guidelinesページで提供されているリソースを使用できます。このページでは、PhotoShopソースファイルをダウンロードして、サイトの切断ボタンを作成することができます。ブランディングガイドラインに従うには、そのページの指示に従う必要があります。

サイトがどのように切断オプションを提供するかは、設計者の責任で行ってください。 1つのサイトは切断リンクを、もう1つはボタンを使用することを好みます。デザインはあなた次第です。

Answer 2

FYIユーザーがアクセスを取り消す方法を提供する必要があるとしているにもかかわらず、ユーザーが簡単にアクセスできるようにする必要はありません。ほとんどのサイトでは、ユーザー設定メニューのどこかで切断する機能を取り除き、テキストリンクとして保持しています。あなたは本当にユーザーが切断して永遠にそれを簡単に残すことを望んでいません。

あなたはまだかかわらず、ボタンを持つに曲がっている場合は、必要に応じてCSSソリューション https://developers.google.com/+/web/signin/#customizing_the_sign-in_button

カスタマイズのために、ここで見ています。がんばろう！