Google Hangouts website button - google-api

Is it possible to add a Google Hangouts button to my business site that when clicked on initiates a call to me? I have a business website and I would like for anyone to be able to call be like the Skype button that you can embed on your website page does. Problem that I have is I went to https://developers.google.com/+/hangouts/button and read and then went to the Google API Console at https://code.google.com/apis/console/ and turned on the Google+ Hangouts API and then added my Google+ profile and my Project ID (app_id) and entered it into the html markup example(s) and embeded the code into my page and it does show the button, however, when the button is clicked, it launches the Google Hangouts program and asks to invites someone.
I need to this to actually start call me because the customer at my webpage, when they click the button and the Hangouts program launches, they are not going to know what to enter here. Needs to work like the Skype call button does and actually call me.
As always, any help is greatly appreciated!!
-Billy

#Billy I'm not sure what's changed since the other answers here, but I'm actually having some success with this approach :
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'}]")
Where YOUR_GOOGLE_PLUS_ID is the number (not your vanity id) found in your profile url. Since my google plus url contains my vanity id, I obtained my YOUR_GOOGLE_PLUS_ID easily from the 'profile' link in the left sidebar.
Once clicked, the workflow goes like this :
Visitor clicks the "start hangout" button
the hangout app launches (chrome, android, etc)
they are prompted to join, they click join
they are prompted to invite you to the hangout. they do so.
you are notified to join.
The next problem I'm experiencing is that step five only seems to occur on the Google Chrome hangout Extension and roughly five minutes later in an email. Meaning no notifications on: Google+ Website, Android Hangout App, Android Google Plus App.
So it seems that this particular situation is as solved as it could be from the "integrate into a website" point of view, the remaining issue is most likely a bug with the google-plus/hangout ecosystem itself.
By the way, instead of using a YOUR_GOOGLE_PLUS_ID you can use the email address of that google-plus user :
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'}]")
Although I'm not sure if this means that notification is via email only.

This was the basis of the process but i couldn't workout some of the code in order to rewrite it fully. adding hangouts button to your website
in another video, there was an element of this which would allow the caller to PAY you for the call/knowle
this one might be helpful too:
hangouts telephone apo

This is now a fully supported feature.
<script type="text/javascript" src="https://apis.google.com/js/platform.js"></script>
<g:hangout render="createhangout"></g:hangout>
See the documentation for more detail: https://developers.google.com/+/hangouts/button.

I asked same question on: How to use Google Hangout / on Air as a "contact me" feature on a website and got an answer that the feature request is under process. The complete answer here:
Currently, there is no API call to provide this functionality. You can see the following feature request: https://code.google.com/p/google-plus-platform/issues/detail?id=678
The feature request was accepted on the 8th of December 2013 and knowing how feature requests tend to work, I'd expect it sometime between now and 2017.

I so want this too, however a middle ground I'm finding is,
Add a Google Hangout button to your page https://developers.google.com/+/hangouts/button
Write your obfuscated Hangout Address next to it, http://www.fingerlakesbmw.org/main/flobfuscate.php
<p>Invite me, hello#dancourse.co.uk</p>
<script type="text/javascript" src="https://apis.google.com/js/platform.js"></script>
<g:hangout render="createhangout"></g:hangout>
Thanks, DanC

You can use this :
<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>

You can get it from here: https://developers.google.com/+/hangouts/button#initial_app_parameters for google hangout button.

Related

Remove domain from reCAPTCHA service

I signed up at https://www.google.com/recaptcha/admin when I was setting up a forum page at mysite.com/forum but the method I used added a badge to the bottom right of every page on my site.
The badge looks like this right here.
I dislike the badge and my mobile users are very frustrated about it.
In an effort to remove it, I clicked the trash icon to delete my domain from the reCAPTCHA Admin Console area on Google. Two days later and it hasn't gone away.
I don't even use the forum anymore, yet somehow Google is able to insert an iframe onto every page of my site for some kind of invisible reCAPTCHA.
I didn't add any code to my site. I don't understand how they are doing this. It even shows on Firefox. When I search for how to remove the badge, I only see CSS solutions.
I do not want a CSS solution. I want it permanently gone. As if I never added my domain to their service. Maybe there is a specific amount of time before their service knows I deleted my domain from it?
My site uses Cloudflare and on the first visit you see the badge. Note that I am NOT talking about the challenge page.
How do I remove the "protected by reCAPTCHA" badge without using CSS?
remove
reCAPTCHA
من ال login
from cpanal

Test invisible recaptcha

We have integrated invisible recaptcha in one of our websites. Whenever we submit the form it automatically submits.
I read in some google groups that we would get a challenge when accessed on edge browser. But for us, it is automatically submitted.
Any specific steps to test the invisible recaptcha?
You can test invisible recaptcha by using Chrome emulator.
You will need to add a new custom device (BOT) in developer tools, and set User Agent String to Googlebot/2.1 on Desktop. Then use the new BOT device when testing on your site to trigger the recaptcha authentication.
Note: ReCaptcha v3 will still let the google bot pass as it has a score of 0.9 when emulating in Chrome.
V2 INVISIBLE
In this case just use Incognito or Private browsing to see it works.
Here is the testing link where ReCaptcha is working:
https://www.google.com/recaptcha/api2/demo?invisible=true
Please give the credits to the guys in comments below.
I found an excellent answer that works as of 2018-08-27.
In Chrome, hit F12 to open the Developer Console. Next, toggle the Device Toolbar, select a device and click Edit... Now, add a new device with the following configuration:
Once you hit save and use the new device, the ReCaptcha should open a modal requiring the user to match images.
Credit: This answer was originally posted on https://www.tectite.com/fmhowto/test-invisible-recaptcha.php?WWWTECTITE=p32j2na5otc4rmtbmfsmf9rci6
May 2021
Everyone was talking about using the demo page to test it out. What we get after we tested and how it should looks like is what everyone miss out. Or probably thats why most of us are still searching for the answer.
Even though this question is 3yrs old, still its not clear how this recaptcha works. Iam trying my best to break in steps. Let me know if its works for you.
Google Demo page test
Important
Follow the steps below in the Incognito window
with the parameter
Go to this url https://www.google.com/recaptcha/api2/demo?invisible=true (notice the url has ?invisible=true parameter at the end)
You should see nothing but an pre-filled form with an active 'submit' button with no 'checkbox' captcha, instead you will see the badge at the bottom right.
Click the 'Submit' button and you should see something like this. This is the verification check point.
4. Select the relevant image and the page should redirect with the message saying
Verification Success... Hooray!
But what if you didn't see any image?
If you are not seeing any verification image and the form submits with
Verification Success... Hooray!
then either the form is not working (mostly that's not the case) or you need to clear your browser cache and try again.
without the parameter
Go to this url, https://www.google.com/recaptcha/api2/demo (notice, i have removed the ?invisible=true parameter from the url)
You should see the good 'ol robot checkbox captcha above the 'Submit' button.
3. Also you can notice there won't be captcha badge at the bottom right.
Your Website
Try it in the Incognito window
Just like the demo you should get the same result in your website if you use invisible captcha. (Don't worry about the url parameters)
If your page displayed the captcha badge at the bottom right then after clicking the 'submit' button you should see the popup image window.
If you do not get any popup and the form submits then there's an issue with your captcha or could be browser cache.
Not seeing the checkbox ... ?
Here are some notes from reCaptcha help page - https://support.google.com/recaptcha#6223828
If you're seeing this reCAPTCHA challenge, your browser environment doesn't support the reCAPTCHA checkbox widget.
There are a few steps you can take to improve your experience:
Make sure your browser is fully updated (see minimum browser requirements)
Check that JavaScript is enabled in your browser
Try disabling plugins that might conflict with reCAPTCHA
Please note that some sites may have incorrectly integrated with reCAPTCHA - in this case please contact the site's webmaster.
WordPress Contact Form 7 users
You do not need to add the [recaptcha] tag.
reCAPTCHA v3 doesn’t need a CAPTCHA widget (the “I’m not a robot” checkbox used in reCAPTCHA v2) to work, so [recaptcha] form-tags are no longer necessary. If [recaptcha] form-tags are found in a form template, Contact Form 7 5.1 or higher ignores them and replaces them with an empty string.
https://contactform7.com/recaptcha/
As of 2019-06-21, it appears that it is sufficient with Google Chrome (v74.0.3729.169) to bring up a new incognito window to force the recaptcha to execute. (I had needed this for our own recaptcha testing, so I'm glad I found it.)
I am still struggling a little bit with this but I found that the following things make invisible recaptcha puzzle more likely to appear:
Log into the recaptcha admin and set it to maximum security
Open your site from an incognito tab.
Sometimes leaving the login page open and trying to login after some time has passed seems to trigger the recaptcha puzzle.
I must admit though that these don't work all of the times and there are times that I really struggle to get it to work.
Update: It seems a bit strange but I have found that the invisible ReCaptcha is more likely to appear when I submit a form using the Enter key instead of pressing a button with the mouse.
Invisible recaptcha check fails if you try to access your page via automated tests (in my case chrome browser) since chrome has a feature to recognize if the browsers is controlled by such software... so try to create easy tests in Python or Java(+webdriver), to see if recaptcha is implemented correctly.
If you did not implement the code yourself, the first thing to check is the source code, see if reCaptcha is actually loaded. When using a CMS, I search for this line (or similar):
script type='text/javascript' async defer src='https://www.google.com/recaptcha/api.js?onload=renderInvisibleReCaptcha&render=explicit&hl=de-CH'
If you have the luxury of a VPN, switch to a bad rep IP or country or an IP commonly used for P2P. This works for me most of the time.
Go thru the steps to test the re-captcha with dev tools open. Go to the network tab and find the POST where the form is submitted. Right click that line and copy as cURL.
Paste into the CLI and voila, you get the failure and the output of the cURL is the HTML that the server sent back.
2022 Answer that worked for me!
Please do give this one a go as it's the only one that actually worked for me after hours of testing.
Go to your reCAPTCHA admin account: https://www.google.com/recaptcha/admin/
Go to your site settings
Move the "Security Preference" slider all the way to the right to make reCAPTCHA trigger more often
Open an Incognito window, or even better a secure web browser with a built in encrypted proxy (I think this makes reCAPTCHA more suspicious of your browser) - I used a browser call Epic Browser, which is also Chromium based: https://www.epicbrowser.com/. Note: Just using Incognito on Chrome did not work for me, hence why I went to go use Epic.
Attempt to submit your form - you should hopefully receive the popup check!
As others mentioned you can also test if the browser alone triggers reCAPTCHA check by going to https://www.google.com/recaptcha/api2/demo?invisible=true and submitting the form.
This finally helped me as I was going crazy thinking my reCAPTCHA setup was not working and that I coded something wrong... But no, it was working! Just not very suspicious apparently.
I hope this helps someone as it did me!
The way I tackled it:
Go to your POST to google.com/recaptcha/api/siteverify
Before the response is returned, set the success property in the response to false.
I'm using Guzzle in Laravel (thanks to this example):
$response = $client->post('https://www.google.com/recaptcha/api/siteverify', [
'query' => [
'secret' => env('RECAPTCHA_V3_SECRET_KEY'),
'response' => $value,
'remoteip' => $_SERVER['REMOTE_ADDR'],
]
]);
$body = $response->getBody();
$contents = json_decode($body->getContents());
$contents->success = false;
return $contents;

How to create a Google Hangout button for chat-only?

I added a Google Hangout button to my page following the instructions:
<script src="https://apis.google.com/js/platform.js" async defer>
</script>
<g:hangout
render="createhangout"
topic="cpp11"
hangout_type="moderated"
invites="[{ id : '74838920', invite_type : 'PROFILE' },
{ id : 'my.email#gmail.com', invite_type : 'EMAIL' }]">
</g:hangout>
When I press that button a Video Hangout starts (informaing me I should enable video). I am also not sure if I have the hangout invitee correctly, but I will adress that later.
How to let let a chat-only window open on the button press?
I looked at the documentation and there is no way of doing it.
https://developers.google.com/+/hangouts/api/gapi.hangout.av#gapi.hangout.av.CameraMuteEvent
The only way to do it is to ask the participants to click on the "Turn Camera Off" button on the top once they enter the hangout.
There is an option now:
Use https://hangouts.google.com/chat/person/profileID. The profile ID is a unique ID of the user and can be retreived via People API
I don't think chat/text only functonality is available. Your question has been asked before in more general terms (not specific to Google+ Hangout button):
Hangout (chat only) integration in web page - getting started?
Can Google Hangouts be used for Text Only Live Chat from my WordPress website?
There's not even a way to disable the video by default.
Disable video by default in Google hangout?
I can't find official documentation stating chat only is not possible, but the tag line for Google Hangout Apps is: "Some things are better face-to-face." The APIs also suggests video is really the focus for Google Hangouts.
there certainly is a way. if you visit someone's G+ page you will find a hangout-symbol right below their profile - clicking this opens a chat-window, not a videocall.
https://plus.google.com/u/0/replace_this_with_a_google_id/posts

How to handle rel="async-post" dialog in TWebbrowser Delphi(Lazarus))?

I am making an app for FB to be able to ban people from my facebook page even when they have not yet commented or liked my page. Just like detailed here. I have a browser written in Lazarus, it logs onto facebook, navigates to page/settings, selects the first user on the "People who like this" list and changes the url and gives me a confirm dialog:
The below code creates this dialog:
<a class="_54nc" href="/pages/likes/label_fans/?action=remove&page_id=1234567890&user_id=1234567890" rel="async-post" role="menuitem"><span><span class="_54nh">Remove</span></span></a>
I would like to parse the popup dialog when it hits OnDocumentComplete event, but I am not able "catch" it. (I guess it is due to the fact this is made with AJAX(?) and with "async-post". )
Anyone knows why?
Thanks in advance,
modzsi
It looks like you can do it via API:
https://developers.facebook.com/docs/graph-api/reference/v2.0/app/banned
It doesn't mention any restriction to the user id's you can pass in.
I guess you'll need another API call to retrieve the list of people "Who Like This".

Google Analytics Event Tracking not working?

I've added the following code to my web app, so that when a user clicks on a button, a google tracking event should be recorded:
//links jquery to button
$(this).click(function() {
//toggles a window on the screen here....
//GOOGLE tracking code
//keep track of what the user clicks on
_gaq.push(['_trackEvent', 'libraryWidget', 'togglesLibrary']); (breakpoint stops here)
});
The problem is, absolutely no events are showing up on my analytics page (page views work fine). I've placed a breakpoint in the code and google chrome does successfully break here. I looked at the console for error messages but nothing shows up. I am using the asynchronous analytics tracker.
Could this be because my analytics code is included at the end of my web page? The jquery code is setup when the page loads, additionally the callback won't be called until the user presses the button.
Can anyone provide some next steps? How can I begin to debug this problem? If I had an error message of some kind I could do something...
I faced this kind of problem too in my localhost, I uploaded to test server which can access from internet, its working.
Another possible thing is Event tracking is not updating dynamically, it will take some times to reflect in your Analytics account

Resources