Google ब्रांडेड डिस्कनेक्ट बटन कहां प्राप्त करें?

Question

मैंने अपनी वेबसाइट google+signin का उपयोग करने के लिए सेटअप की है।

लॉगिन गूगल के लिए एक कम या ज्यादा अच्छा, अनुवाद बटन में लॉग इन करने प्रदान करता है

कोड

<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 है:।

Googles का पालन करें डेवलपर नीतियां, ऐप को आपके ऐप और खाते के बीच संबंध हटाने का एक तरीका प्रदान करना होगा। (से: google account logout and redirect)

कार्यान्वयन आसान है, लेकिन जहां तक ​​मुझे समझा जाता है कि Google एक (स्टाइल/desigend) डिस्कनेक्ट बटन प्रदान नहीं करता है। या मुझे याद आया? यह समान दिखने वाला/लॉगिन बटन जैसा दिखना चाहिए।

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 पृष्ठ पर प्रदान किए गए संसाधनों का उपयोग कर सकते हैं। उस पृष्ठ पर, आप फोटोशॉप स्रोत फ़ाइलों को डाउनलोड कर सकते हैं जिनका उपयोग आप अपनी साइट के लिए डिस्कनेक्ट बटन बनाने के लिए कर सकते हैं। ब्रांडिंग दिशानिर्देशों का अनुपालन करने के लिए आपको उस पृष्ठ के निर्देशों का पालन करना होगा।

डिस्कनेक्ट विकल्प प्रदान करने के लिए साइटें कैसे डिज़ाइनर पर निर्भर करती हैं। एक साइट एक डिस्कनेक्ट लिंक पसंद कर सकती है और दूसरा बटन का उपयोग करने के लिए, डिज़ाइन आपके ऊपर है।

Answer 2

एफवाईआई हालांकि उनके नियम कहते हैं कि आपको उपयोगकर्ता को पहुंच रद्द करने का एक तरीका प्रदान करना होगा, यह आपको उपयोगकर्ता को ऐसा करने में आसान बनाने के लिए मजबूर नहीं करता है। अधिकतर साइटें किसी उपयोगकर्ता सेटिंग मेनू में डिस्कनेक्ट करने की क्षमता को दूर करती हैं, इसे टेक्स्ट लिंक के रूप में रखते हुए। आप वास्तव में नहीं चाहते हैं कि उपयोगकर्ता आसानी से डिस्कनेक्ट हो जाएं और हमेशा के लिए छोड़ दें।

आप अभी भी हालांकि बटन होने पर आमादा हैं, तो यहां एक सीएसएस समाधान https://developers.google.com/+/web/signin/#customizing_the_sign-in_button

आवश्यक के रूप में अनुकूलित के लिए एक नजर है। सौभाग्य!