Добавление кнопки Google+ на сайт

Question

Я пытаюсь добавить кнопку входа в систему HTML на свой сайт с помощью Google+, но у меня есть несколько вопросов.

Я следил за инструкциями, данными Google по телефону this page, но я застрял на шаге 5 - Обращайтесь к входу.

Я не уверен, как и где ввести следующий код.

Javascript:

function signinCallback(authResult) { 
 
    if (authResult['status']['signed_in']) { 
 
    // Update the app to reflect a signed in user 
 
    // Hide the sign-in button now that the user is authorized, for example: 
 
    document.getElementById('signinButton').setAttribute('style', 'display: none'); 
 
    } else { 
 
    // Update the app to reflect a signed out user 
 
    // Possible error values: 
 
    // "user_signed_out" - User is signed-out 
 
    // "access_denied" - User denied access to your app 
 
    // "immediate_failed" - Could not automatically log in the user 
 
    console.log('Sign-in state: ' + authResult['error']); 
 
    } 
 
}

Кнопка отображается при предварительном просмотре в браузере, но не появляется на работе. Может ли кто-нибудь дать представление?

Answer 1

signinCallback просто функция Javascript, что вы назвали в атрибуте вашей кнопки data-callback:

<span id="signinButton"> 
    <span 
    class="g-signin" 
    data-callback="signinCallback" <!-- HERE --> 
    data-clientid="CLIENT_ID" 
    data-cookiepolicy="single_host_origin" 
    data-requestvisibleactions="http://schema.org/AddAction" 
    data-scope="https://www.googleapis.com/auth/plus.login"> 
    </span> 
</span> 

Потому что это просто нормальная функция, вы можете поместить его в любом месте на странице (не забудьте завернуть его в <script></script>.

Общая практика разместить Javascript в ноге вашего документа, чтобы гарантировать, что любые элементы, упомянутые были загружены, прежде чем пытаться получить доступ к ним.