Gdzie można uzyskać przycisk odłączania google pod marką Google?

Question

Konfiguruję moją stronę internetową, aby używać google+signin.

Dla google logowania zapewnia bardziej lub mniej przyjemny, tłumaczone przycisk, aby zalogować się

Kod

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

jest expandet do:.

Aby śledzić gogli zasady programisty, aplikacja musi umożliwiać usunięcie powiązania między aplikacją a kontem. (Od: google account logout and redirect)

Implementacja jest łatwa, ale o ile zrozumiałem, Google nie udostępnia przycisku rozłączenia (stylizacji/desigendu). Czy może tęskniłem za tym? Powinno to wyglądać podobnie/jak przycisk logowania.

Answer 1

Aby zachować zgodność z zasadami, musisz umożliwić swojemu użytkownikowi unieważnienie dostępu aplikacji do informacji i konta. To różni się od wylogowania.

Zobacz how to provide that disconnection and revoking of access

Po rozłączeniu użytkownika, wtedy byłoby wykonać oczyścić czynności wymaganych warunków.

Oto przykład użycia jQuery z dokumentacji. Zakłada ona, że ​​przechowywana token dostępu w globalnej zmiennej 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> 

Edit:

Jeśli chcesz zasobów do pomocy przy dostosowywaniu wyglądu przycisku Rozłącz, aby dopasować się z wygląd przycisku logowania, możesz użyć zasobów dostępnych na stronie Google+ Platform branding guidelines. Na tej stronie można pobrać pliki źródłowe programu PhotoShop, za pomocą których można utworzyć przycisk rozłączania dla witryny. Aby zachować zgodność z wytycznymi dotyczącymi brandingu, musisz postępować zgodnie z instrukcjami na tej stronie.

Sposób, w jaki witryny oferują opcję rozłączenia, zależy od projektanta. Jedna strona może preferować połączenie rozłączne, a druga używać przycisku, projekt należy do ciebie.

Answer 2

FYI, chociaż ich reguły mówią, że musisz umożliwić użytkownikowi odwołanie dostępu, nie zmuszają cię to do ułatwienia użytkownikowi. Większość witryn ma tendencję do ukrywania możliwości rozłączania się w menu ustawień użytkownika, zachowując je jako łącze tekstowe. Naprawdę nie chcesz, aby użytkownicy odłączyli się i zostawili to tak łatwo.

Jeśli nadal zgięty posiadania przycisk choć rzucić okiem tutaj na rozwiązanie CSS https://developers.google.com/+/web/signin/#customizing_the_sign-in_button

Dostosuj jak to konieczne. Powodzenia!