在我的网站上嵌入Google环聊(从y网页全功能)

时间:2014-09-03 09:10:52

标签: javascript hangout

我已成功将Google Hangouts和按钮嵌入到我的网站上。但是,它们都没有发挥作用。

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

任何人都可以建议谷歌是否允许这样做,以及我是否缺少一些必要的代码才能使其正常工作或者与其他网站不兼容?

1 个答案:

答案 0 :(得分:2)

你有两个选择,但是不会以我认为你想要的方式代替聊天室。

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

  

首先,请确保您指定了有效的应用ID,您可以按Initial app parameters section

中的说明找到该ID。      

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

邀请其他人加入环聊

您可以在启动时指定要邀请加入环聊的人员列表。该列表仅是启动环聊的用户的建议。在环聊开始之前,该用户将能够跳过邀请或更改人员列表。

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

  • Google+个人资料ID:此ID与特定的Google+用户相关联。您 可以通过多种方式获取此ID:

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

  • 来自其他各种People APIs

  • 来自用户的公开个人资料网址。这些通常采用https://plus.google.com/

  • 的形式
  • 来自Hangout app。有几个API返回Participant对象,person.id字段是Google ID。

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

  • 获取圈子ID
  • 电子邮件地址:标准电子邮件地址。

  • 或者,您可以邀请电话号码加入环聊。您只能邀请一个电话号码,如上所述,您无法将电话号码与邀请其他人合并

但是,如果用户未登录其Google帐户,则会重定向到登录屏幕。

最基本版本的嵌入是:

<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并从您的网站进行广播,并以互动方式与其他人聊天。它既快捷又简单,但不能替代聊天室&#39;你需要广播的类型界面。