当前位置:  开发笔记 > 编程语言 > 正文

Google使用自定义文字登录网站

如何解决《Google使用自定义文字登录网站》经验,为你挑选了1个好方法。

我已按照Google的官方教程为我的网站实现了Google登录:https : //developers.google.com/identity/sign-in/web/sign-in

使用上面的教程,我得到以下按钮

现在,我正在尝试将按钮的文本从“登录”更改为“与Google连接”,但是什么也没有发生。

我的Javascript代码

           function onSignIn(googleUser) {

            var profile = googleUser.getBasicProfile();
            loginpassword = profile.getId();
            loginemail =  profile.getEmail();
        };

HTML代码

     
Connect with Google

知道如何更改文本吗?即使我提供了platform.js文件的客户端ID和外部链接,它仍然无法正常工作..请帮助。



1> Beofett..:

Google的platform.js库正在渲染按钮以及文本。

为了覆盖它,您需要构建自己的定制按钮。以Google为例:



  
  
  
  
  

请注意,您可以在Google服务器上找到要下载的实际图标文件。

设置样式和Javascript后,您可以通过调用按钮本身HTML,此时您可以指定文本:

  
  
  
Sign in with:
Google

请注意,您必须遵守Google的品牌指南。

推荐阅读
手机用户2402851335
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有