将Google+登录按钮添加到网站
Adding Google+ Sign in button to website
我正在尝试使用 Google+ 向我的网站添加 HTML 登录按钮,但我遇到了一些问题。
我已按照Google在此页面上提供的说明进行操作,但是我停留在第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']);
}
}
在浏览器中预览时会出现该按钮,但似乎不起作用。谁能提供任何见解?
signinCallback
只是您在按钮的data-callback
属性中命名的Javascript函数:
<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 放在文档的底部,以确保在尝试访问它们之前已加载引用的任何元素。
相关文章:
- 将自定义按钮添加到现有网站
- 在我的网站上以纯文本形式添加最新推文
- 我正在使用php includes来构建一个多页面网站.使用jquery,我将如何添加一个类"活动的”;添加到
- 如何将javascript添加到wordpress网站
- 为网站的所有页面添加标题
- 为网站添加增强功能(无论是通过 C#、Chrome 扩展程序等)——不确定什么会起作用
- 试图在chrome扩展选项页面中将网站添加到本地存储
- 在向wordpress网站添加联系人表单时遇到问题
- Ajax在您“;将网站添加到主屏幕”;在iPhone上
- I'I’我正在尝试向网站添加下拉菜单;m构建(HTML/CSS/JavaScript)
- 向网站添加Javascript
- 使用Javascript向任何网站添加按钮
- 将Facebook按钮从Facebook网站添加到WordPress网站
- 创建一个可以将网站添加到主屏幕的按钮
- 为网站添加整体平滑滚动(不包括同一页面中的锚链接)
- 向遗留网站添加路由
- 我想为一个网站添加按钮之间的空间(也许它被称为空白)
- 谷歌地图API,向网站添加用户自定义地图
- 如何在不编辑代码的情况下向网站添加主题
- WinJS从网站添加相关搜索