Изменение кнопки «Доступ к Google Analytics»

Question

У меня есть страница администратора на моем сайте, где я внедрил Google Analytics Embed. Все работает отлично, но я хочу, чтобы перевести текст кнопки Войти:

Эта кнопка вызывается gapi.analytics.auth.authorize()

Моя функция выглядит следующим образом ата:

gapi.analytics.auth.authorize({ 
    userInfoLabel: 'Logged in as: ', 
    container: 'embed-api-auth-container', 
    clientid: 'CLIENTID' 
    }); 

Я проверил Руководство разработчика, где я нашел userInfoLabel:, который заменяет текст «You are logged in as:», но я ничего не нашел о том, как заменить текст на кнопке входа.

Я работал с Chart.js и Third party visualizations Demo.

Моя страница выглядит следующим образом, если вход в систему:

И выглядит это, если не вошли в систему:

Вопросов:

1. Как можно ли заменить текст «Доступ к Google Analytics»?
2. Как я могу установить значение контейнера display:none;, когда пользователь не вошли в систему (контейнер ID: 'container').

---

EDIT:

Я пытался проверить gapi.analytics.auth.isAuthorized() для той части, где я хочу проверить, вошел ли пользователь в систему или нет, но он всегда дает false.

Answer 1

1) не нашел Опция, позволяющая текст кнопки, чтобы изменить

независимо, меняется с css или даже javascript должна быть тонкой

так долго, как это дает желаемый результат

2), а не скрывая container, когда пользователь не вошел в ...

-> скрыть container по умолчанию

, затем откройте окно, когда пользователь входит в систему, используя событие signIn

, например.

<style> 
    .hidden { 
    display: none; 
    visibility: hidden; 
    } 
</style> 

<div class="hidden" id="container"></div> 

<script> 
    gapi.analytics.auth.authorize({ 
    userInfoLabel: 'Logged in as: ', 
    container: 'embed-api-auth-container', 
    clientid: 'CLIENTID' 
    }); 

    gapi.analytics.auth.on('signIn', function() { 
    // un-hide container 
    document.getElementById('container').className = ''; 
    }); 
</script> 

Answer 2

На самом деле я нашел другой способ заменить текст на этой кнопке, но я не буду принимать свой ответ, надеюсь, кто-то может найти реальный ответ на вопрос.

Что я на самом деле делал в некоторых ситуациях (например, когда у вас есть сторонняя библиотека, которая не является Open Source, как сказал DalmTo).

Я обнаружил, что кнопка находится в <span> элемента с классом определенного:

<span class="gapi-analytics-auth-styles-signinbutton-buttonText">Access Google Analytics</span> 

Так что я решил использовать CSS, чтобы заменить текст:

span.gapi-analytics-auth-styles-signinbutton-buttonText { 
    visibility: hidden; 
} 
span.gapi-analytics-auth-styles-signinbutton-buttonText:after { 
    content: 'Bejelentkezés a Google Analyticsbe'; 
    display: block; 
    visibility: visible; 
    padding: 5px; 
    margin-top: -18px; 
    margin-left: -13px; 
} 

И теперь, та «да: