2014-09-03 51 views
0

我已成功将Google环聊和按钮嵌入到我的网站上。但是,它们都不起作用。在我的网站上嵌入谷歌环聊(从y网页全功能)

我可以在我的网站上看到Google环聊聊天页面和按钮,但我无法使用登录功能,发送会议邀请等等。除了实际登录之外,其他所有功能都可以使用。我只想启动Google所有成员都可以留在我的网页上,但仍然使用环聊会议功能。

任何人都可以建议,如果谷歌允许这个和我是否缺少一些必要的代码,以使其工作,或者它与其他网站不兼容?

回答

1

你有几个选择,但都不会以我想要的方式代替聊天室。

您可以根据Google Developers嵌入Google+环聊按钮。

首先,请确保您指定一个有效的应用程序ID,你可以找到如Initial app parameters section

接下来描述,你需要确保应用程序的JavaScript数组是有效的,并且是实际上是一个数组,而不仅仅是一个JavaScript对象。在出现问题的以下示例中,会传递JavaScript对象而不是数组,这会阻止应用使用Google+环聊应用。

邀请他人加入视频群聊

您可以指定的人员名单在启动时,邀请到了会话。该列表只是对启动环聊的用户的建议。环聊开始前,该用户将可以跳过邀请或更改人员列表。

您可以指定一个邀请通过三个不同的标识符(代表谁邀请对象):

  • Google+个人资料的ID:该ID绑定到特定的Google+使用者。您可以用 几种方式获得此ID:

  • Google+ signin flow。用户登录后,您可以使用具有特殊价值的People get API来获取授权用户的Google ID。

  • 来自各种其他People APIs

  • 来自用户的公开个人资料URL。这些通常是形式https://plus.google.com/

  • Hangout app。几个API返回一个Participant对象,person.id字段是Google ID。

  • Google+ circle ID:圆的标识符。请注意,这与启动环聊的用户密切相关;只有用户拥有的圈子的ID才能起作用。获取圈子ID只能通过Circles API for Google Apps获得。

  • 电子邮件地址:标准电子邮件地址。

  • 或者,您可以邀请电话号码加入环聊。您可以邀请只有一个电话号码,你不能邀请其他人作为记录上述

但是,如果用户没有登录到自己的谷歌帐户,它会重定向到登录界面结合了电话号码。

最基本版本嵌入的是这样的:

<script src="https://apis.google.com/js/platform.js"></script> 
<div id="placeholder-div1"></div> 
<script> 
    gapi.hangout.render('placeholder-div1', { 
    'render': 'createhangout', 
    'initial_apps': [{'app_id' : '184219133185', 'start_data' : 'dQw4w9WgXcQ', 'app_type' : 'ROOM_APP' }] 
    }); 
</script> 

为了获得更好的性能异步加载会更好:

<html> 
<head> 
    <title>Hangout button demo: Async load</title> 
    <link rel="canonical" href="http://www.example.com" /> 
</head> 
<body> 
    <div id="placeholder-div"></div> 
    <script type="text/javascript"> 
    window.___gcfg = { 
     lang: 'zh-CN' 
    }; 
    (function() { 
     var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true; 
     po.src = 'https://apis.google.com/js/platform.js?onload=renderButtons'; 
     var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s); 
    })(); 

    function renderButtons(){ 
     gapi.hangout.render('placeholder-div', { 
      'render': 'createhangout', 
     }); 
    } 
    </script> 
</body> 
</html> 

另外,您可以使用Hangouts on Air和广播从您的网站,并与其他人交互式聊天。它很快捷,但不能替代“聊天室”类型的界面,因为您需要进行广播。