在我的网站上嵌入 Google Hangout（从 y 网页功能齐全）答案

【问题标题】：Embed Google Hangout on my website (fully functional from y webpage)在我的网站上嵌入 Google Hangout（从 y 网页功能齐全）
【发布时间】：2014-09-03 09:10:52
【问题描述】：

我已成功将 Google Hangouts 和按钮嵌入我的网站。但是，它们都不起作用。

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

谁能告知 Google 是否允许这样做，以及我是否遗漏了一些必要的代码以使其正常工作，或者它与其他网站不兼容？

【问题讨论】：

标签： javascript hangout

【解决方案1】：

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

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

首先，确保您指定了一个有效的应用 ID，您可以按照Initial app parameters section 中的说明找到该 ID

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

邀请人们加入环聊

您可以指定要在环聊开始时邀请的人员列表。该列表只是对发起环聊的用户的建议。在环聊开始之前，该用户将能够跳过邀请或更改人员列表。

您可以通过三个不同的标识符指定邀请（表示邀请对象的对象）：

Google+ 个人资料 ID：此 ID 与特定的 Google+ 用户相关联。你可以通过以下几种方式获取此 ID：
来自Google+ signin flow。用户登录后，您可以使用特殊值 me 的 People get API 来获取授权用户的 Google ID。
来自其他各种People APIs。
来自用户的公开个人资料 URL。这些通常采用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 并从您的站点进行广播，并与其他人进行交互式聊天。它既快速又简单，但不能替代“聊天室”类型的界面，因为您需要进行广播。

【讨论】：