1

我在我的网站中实施Google Analytics嵌入的管理页面。一切工作正常,但我想登录按钮文本翻译:更改“访问Google Analytics”按钮文字

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

我已经检查:

enter image description here

此键是被gapi.analytics.auth.authorize()

我的功能看起来像这样ATM叫我找到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')。

编辑:

我试图检查gapi.analytics.auth.isAuthorized()为我想检查用户是否登录的部分,但它始终给出false

+0

我不知道,你可以,但请后,如果你看着办吧:) – DaImTo

+0

我当然会,因为我还没有发现它在网络上做任何事,我真的很想在这里给予的帮助这里的人工智能:) – balintpekker

+1

嵌入式API不是开源(但我一直在努力与团队合作,让他们开源它),如果这是我们可以在代码中挖掘。 – DaImTo

回答

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> 
+0

希望这有助于... – WhiteHat

+0

检查[链接](https://ga-dev-tools.appspot.com/embed-api/third-party-可视化/)在关于第三方可视化演示的问题中,'gapi.analytics.auth.authorize'将按钮放在''embed-api-auth-container''div中,并且你想要隐藏''容器'div。如果我将“容器”更改为所需的类名,它会起作用吗? (对不起,无法检查代码atm。) – balintpekker

+1

至于哪个容器专门隐藏,我不完全确定,只是去问题 - > _如何设置容器的值显示:无;当用户没有登录时(容器ID:''container'') - - 无论如何,你应该能够隐藏/取消隐藏任何你想要的容器 - 如果你需要更具体的帮助,添加相关的代码/ HTML的问题... – WhiteHat

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