Google环聊网站按钮

时间:2014-01-25 09:34:12

标签: google-api google-plus hangout

是否可以在我的商家网站上添加Google Hangouts按钮,点击该按钮会向我发起呼叫?我有一个商业网站,我想任何人都可以打电话就像你可以嵌入你的网站页面的Skype按钮。我遇到的问题是我去https://developers.google.com/+/hangouts/button阅读,然后转到https://code.google.com/apis/console/的Google API控制台并打开Goog​​le+环聊API,然后添加了我的Google+个人资料和我的项目ID(app_id),将其输入到html标记示例中并将代码嵌入到我的页面中并显示按钮,但是,当单击该按钮时,它会启动Google Hangouts程序并要求邀请某人。

我需要这个实际上开始打电话给我,因为我的网页上的客户,当他们点击按钮并启动环聊程序时,他们不会知道在这里输入什么。需要像Skype呼叫按钮一样工作并实际呼叫我。

一如既往,非常感谢任何帮助!!

比利

7 个答案:

答案 0 :(得分:4)

@Billy我不确定自从这里的其他答案以来发生了什么变化,但我实际上在这方面取得了一些成功:

script(type="text/javascript" src="https://apis.google.com/js/platform.js")
.g-hangout(data-render="createhangout",
           data-invites="[{id: 'YOUR_GOOGLE_PLUS_ID', invite_type: 'PROFILE'}]")

YOUR_GOOGLE_PLUS_ID是您的个人资料网址中找到的号码(不是您的虚荣ID)。由于我的google plus url包含我的虚荣ID,因此我很容易从'个人资料中获得YOUR_GOOGLE_PLUS_ID。链接在左侧边栏。

点击后,工作流程如下:

  1. 访问者点击"开始视频群聊"按钮
  2. 环聊应用程序启动(chrome,android等)
  3. 提示他们加入,他们点击加入
  4. 系统会提示他们邀请您加入视频群聊。他们这样做了。
  5. 通知您加入。
  6. 我遇到的下一个问题是,第五步似乎只发生在Google Chrome环聊扩展程序上,大约五分钟后发生在电子邮件中。意思是没有通知:Google+网站,Android环聊应用,Android Google Plus应用。

    所以看起来这个特殊的情况已经解决了,因为它可能来自"整合到一个网站"从观点来看,剩下的问题很可能是google-plus / hangout生态系统本身的错误。

    顺便说一下,您可以使用该Google +用户的电子邮件地址,而不是使用YOUR_GOOGLE_PLUS_ID

    script(type="text/javascript" src="https://apis.google.com/js/platform.js")
    .g-hangout(data-render="createhangout",
               data-invites="[{id: 'your.google+email.address@gmail.com', invite_type: 'EMAIL'}]")
    

    虽然我不确定这是否意味着通知仅通过电子邮件发送。

答案 1 :(得分:2)

这是该过程的基础,但我无法锻炼一些代码以便完全重写它。 adding hangouts button to your website

在另一个视频中,有一个元素允许来电者支付你的电话/知识

这个也可能有用: hangouts telephone apo

答案 2 :(得分:1)

我在How to use Google Hangout / on Air as a "contact me" feature on a website上问了同样的问题,并得到了功能请求正在处理中的答案。完整的答案在这里:

目前,没有API调用来提供此功能。您可以看到以下功能请求:https://code.google.com/p/google-plus-platform/issues/detail?id=678

功能请求已于2013年12月8日被接受,并且知道功能请求的工作方式,我希望从现在到2017年之间的某个时间。

答案 3 :(得分:1)

现在这是一个完全支持的功能。

<script type="text/javascript" src="https://apis.google.com/js/platform.js"></script>
<g:hangout render="createhangout"></g:hangout>

有关详细信息,请参阅文档:https://developers.google.com/+/hangouts/button

答案 4 :(得分:0)

我也非常想要这个,但我发现的中间立场是

  1. 在您的信息页https://developers.google.com/+/hangouts/button
  2. 中添加Google环聊按钮
  3. 在旁边写下您的模糊环聊地址,http://www.fingerlakesbmw.org/main/flobfuscate.php

    <p>Invite me, &#104;&#101;&#108;&#108;&#111;&#64;&#100;&#97;&#110;&#99;&#111;&#117;&#114;&#115;&#101;&#46;&#99;&#111;&#46;&#117;&#107;</p>

    <script type="text/javascript" src="https://apis.google.com/js/platform.js"></script>

    <g:hangout render="createhangout"></g:hangout>

  4. 谢谢,DanC

答案 5 :(得分:0)

您可以使用:

<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',
    'invites' : "[{'id': 'youremail@whatever.com','invite_type': 'EMAIL'},{'id': 'anotheremail@gmail.com','invite_type': 'EMAIL'}]",
    'widget_size': 175
  });
</script>

答案 6 :(得分:0)

您可以从此处获取:https://developers.google.com/+/hangouts/button#initial_app_parameters用于Google环聊按钮。