更改"访问Google Analytics"按钮文字

时间:2016-12-02 08:02:05

标签: javascript google-analytics google-visualization google-analytics-api

我的网站中有一个管理页面,我在其中实施了Google Analytics嵌入功能。一切正常,但我想翻译登录按钮文本:

enter image description here

此按钮由gapi.analytics.auth.authorize()

调用

我的功能看起来像这个atm:

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

我已查看开发人员指南,我发现userInfoLabel:正在替换文字" You are logged in as:"但我还没有找到任何关于如何替换登录按钮上的文字。

我正在使用Chart.jsThird party visualizations Demo

登录后,我的页面如下所示:

enter image description here

如果没有登录,看起来像这样:

enter image description here

问题是:

  1. 如何更换"访问Google Analytics"文本?
  2. 我该如何设定 当用户不是时,容器的值为display:none; 登录。(容器ID:'container'
  3. 编辑:

    我尝试检查gapi.analytics.auth.isAuthorized()我要检查用户是否已登录的部分,但它总是提供false

1 个答案:

答案 0 :(得分:1)

实际上我找到了另一种方法来替换该按钮上的文字,但我不接受我的回答,希望有人能找到问题的真实答案。

我所做的实际上是我在某些情况下使用的黑客攻击(例如当你有一个非开源的第三方库,就像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;
}

现在,ta'da:

enter image description here