在我的网站中设置环聊按钮答案

【问题标题】：Setup hangout button in my website在我的网站中设置环聊按钮
【发布时间】：2015-03-25 09:54:39
【问题描述】：

我有一个奇怪的问题。我正在尝试在我的网站中集成环聊按钮，以使用户能够直接从网站打开讲座，我使用了 Google Hangout API 文档中的示例代码 https://developers.google.com/+/hangouts/button#hangout_button_code 按钮不起作用，那是什么问题？

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

【问题讨论】：

标签： javascript google-api google-hangouts

【解决方案1】：

我认为您的问题与您推迟库脚本这一事实有关，而不是 gapi.hangout.render 脚本。所以，我猜你的 gapi.hangout.render 代码在它使用的库被加载之前就已经运行了。

尝试仅删除 async 和 defer 属性，看看是否适合您。

如果您的 render 方法在库完全加载之前被调用，我想象的异步也可能会导致问题。

【讨论】：

【解决方案2】：

为了跟进，我查看了gapi.hangout.render方法，并不清楚第一个参数，但无视我之前的答案并尝试这个：

<script>
 gapi.hangout.render(document.querySelector('#placeholder-div3'), {
'render': 'createhangout',
'hangout_type': 'onair',
'initial_apps': [{'app_id' : '184219133185', 'start_data' : 'dQw4w9WgXcQ', 'app_type' : 'ROOM_APP' }],
'widget_size': 175
 });
</script>

【讨论】：