2013-02-27 90 views
5

我設置我的網站使用google+signin哪裏可以買到谷歌品牌的disonnect按鈕?

對於登錄谷歌提供更多或更少的漂亮,翻譯按鈕登錄

代碼

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

enter image description here

要跟隨谷歌開發者政策,應用必須提供一種方法來刪除您的應用與帳戶之間的關聯。 (來自:google account logout and redirect

這個實現很簡單,但據我所知,Google沒有提供(樣式/設計)斷開按鈕。或者我錯過了它? 它應該看起來像/登錄按鈕一樣。

回答

4

要遵守這些政策,您必須爲您的用戶提供一種方式來撤銷應用對其信息和帳戶的訪問權限。這與註銷不同。

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

是的,你是對的。我的問題是誤導。我想要一個按鈕來「斷開」。我會更新這個問題。感謝BrettJ – smartmeta 2013-02-27 17:57:14

+0

感謝BrettJ顯示代碼。我已經有了。如上所述,它是關於按鈕的設計。當你嘗試你的例子時,你會發現你的revokeButton看起來不像登錄按鈕。 – smartmeta 2013-02-28 06:56:51

+0

我會編輯我的答案,向您指出品牌指南。 – BrettJ 2013-02-28 18:47:12

1

僅供參考即使他們的規則確實說你必須爲用戶提供一種撤銷訪問的方式,但並不強迫你讓用戶容易這樣做。大多數網站傾向於放棄在某處的用戶設置菜單中斷開連接的能力,並將其保留爲文本鏈接。你真的不希望用戶很容易斷開連接並永遠離開。

如果你還在上雖然具有按鈕彎曲,看看這裏的CSS解決方案 https://developers.google.com/+/web/signin/#customizing_the_sign-in_button

定製是必要的。祝你好運!

+0

該頁面的網址已更改: https://developers.google.com/+/web/signin/customize – FKasa 2015-05-24 18:41:43

相關問題