【问题标题】:Google Hangouts website buttonGoogle Hangouts 网站按钮
【发布时间】:2014-01-25 09:34:12
【问题描述】:

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

我需要这样做才能真正开始给我打电话,因为客户在我的网页上单击按钮并启动环聊程序时,他们不知道在此处输入什么。需要像 Skype 通话按钮一样工作并实际给我打电话。

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

-比利

【问题讨论】:

    标签: google-api google-plus hangout


    【解决方案1】:

    @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. 通知您加入。

    我遇到的下一个问题是,第五步似乎只出现在 Google Chrome 环聊扩展程序上,大约五分钟后出现在电子邮件中。意味着没有通知:Google+ 网站、Android Hangout 应用、Android Google Plus 应用。

    因此,从“集成到网站”的角度来看,这种特殊情况似乎已得到解决,剩下的问题很可能是 google-plus/hangout 生态系统本身的错误。

    顺便说一句,您可以使用该 google-plus 用户的电子邮件地址,而不是使用 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'}]")
    

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

    【讨论】:

    • 您是否有一个链接到您正在进行的工作,我们可以在(有点)行动@airtonix 中看到
    • @airtonix:请制定工作流程:1) 访客点击“开始环聊”按钮 2) 环聊应用启动(chrome、android 等) a) 提示他们加入并自动,他们加入 b) 通知您加入。如果此工作流程不可行,您可以在环聊中打开 BUG 问题吗?作为社区,我们都投票支持该功能。
    【解决方案2】:

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

    在另一个视频中,有一个元素可以让来电者为通话/知识付费

    这个也可能有帮助: hangouts telephone apo

    【讨论】:

    • 请输入工作示例。 SO 中的答案必须是 100% 防弹的答案,不要像懒惰的答案一样友好地留下它们。
    【解决方案3】:

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

    <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】:

      我在 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 年之间的某个时间。

      【讨论】:

        【解决方案5】:

        我也很想要这个,但是我找到的中间立场是,

        1. 将 Google Hangout 按钮添加到您的页面 https://developers.google.com/+/hangouts/button
        2. 在旁边写上你的模糊环聊地址,http://www.fingerlakesbmw.org/main/flobfuscate.php

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

          &lt;script type="text/javascript" src="https://apis.google.com/js/platform.js"&gt;&lt;/script&gt;

          &lt;g:hangout render="createhangout"&gt;&lt;/g:hangout&gt;

        谢谢,DanC

        【讨论】:

        • 丹你明白了吗?
        【解决方案6】:

        你可以用这个:

        <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>
        

        【讨论】:

          【解决方案7】:

          您可以从这里获取它:https://developers.google.com/+/hangouts/button#initial_app_parameters 用于 Google 视频群聊按钮。

          【讨论】:

          • #Soyab :简短的回答,很好。
          • #Divyesh 查看此内容。
          猜你喜欢
          • 2015-03-20
          • 1970-01-01
          • 1970-01-01
          • 2015-03-16
          • 2015-09-21
          • 2023-04-10
          • 1970-01-01
          • 2017-09-11
          • 1970-01-01
          相关资源
          最近更新 更多