I think I may have come across a bug, or this could be a known thing. When I have the attribute name=”submit” in my submit button that contains the data-sitekey and data-callback, I get an “Uncaught (in promise) TypeError” in my console and it fails to continue doing anything.
As soon as I change the name attribute value to something other than submit it works.
I tried reporting this as a bug to recaptcha but there email for reporting bugs is no longer available.
I suggest trying a different captcha version. Invisible recaptcha is a new and better way of secority.
With a wrapper widget it can be a great solution with click functionality as well.
Have a look at this widget: https://www.custom-captcha.com/
CustomCaptcha.init("<your reCaptcha v3 siteKey>");
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/custom-recaptcha/dist/custom_captcha.min.css"></link>
<script src="https://cdn.jsdelivr.net/npm/custom-recaptcha/dist/custom_captcha.min.js"></script>
<captcha required></captcha>
Please note: The snippet above just shows the widget itself, and cannot work because there is no valid captcha key for the snippet site.
By default the widget has the website favicon as icon (which I think is a really nice feature) but it can be changed.
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.
Use phonegap 1.6,now called cordova 1.6, with jquery mobile 1.0.1,but I feel performance is a problem.
Also with some other js libs,such as iscroll.js, plus the performance problem.
Can I load phonegap js just once,and later all pages can still use phonegap api?
I have an idea that Page A load phonegap js ,and nested iframe refer Page B.
Page B will replace by other pages. Can Pages in iframe use its parent phonegap api?
eg: parent.(all phonegap api)
You can use jQuery Mobile data-role="page" to define multiple pages on a single html page with one phonegap.js load.
See the docs at http://jquerymobile.com/demos/1.1.0/docs/pages/page-anatomy.html
I tried the classic ajax approach, but that throws an access denied javascript exception when trying to add a script stored on another domain.
Now, I'm sure this is possible since google populates google ads via js only; so does twitter, and the list can continue.
How I thought of it so far:
<div id="divId"></div>
<script type="text/javascript" src="http://mysite.com/script.js"></script>
The script in script.js should have changed the innerHTML attribute of the div above. Instead, I get the following message in fireBug: Access to restricted URI denied code: 1012
I googled around a bit but only found workarounds that are useless, like php proxies and such, whereas I want this widget to be copy-pasted into other peoples sites, blogs, forums, etc..
Thanks in advance for any helpful replies. :)
The behavior that you are seeing is intended and there for security reasons. You wouldn't want a third party script to make any changes to your page as that can be exploited heavily.
Instead, give your users a JavaScript snippet to embed on their page.
<script>
// do stuff here
</script>
Note that inside this snippet you can create a script tag dynamically, set the src attribute and load the actual JavaScript. This snippet that your users embed on their page has access to the entire DOM, but the script loaded externally does not.
Here's an example of the profile widget that Twitter gives out to embed on web pages:
<!-- external js, can't access or change the DOM -->
<script src="http://widgets.twimg.com/j/2/widget.js"></script>
<!-- local js, does that -->
<script>
new TWTR.Widget({
version: 2,
..
..
}).render().setUser('hulu').start();
</script>
The first script tag loads the library, while the second one which actually manipulates the page is added as code directly.
I finally found a solution that doesn't involve ajax.
I simply use
<div id="objectId"></div>
<script type="text/javascript" src="http://mysite.com/getAndDisplayData.php"></script>
<script type="text/javascript">getAndDisplayData();</script>
And in getAndDisplayData.php I generate a JS script that will create my widget inside the div above. The php file also connects to the database and retrieves all required widget data.
Apparently this is how google ads works, though I am not sure. It is certain though that they don't use ajax.
I've implemented a simple example of the Twitter #anywhere api to display user hovercards. The example works great in Internet Explorer and Chrome. However, whenever I the page loads in Firefox I receive the following message in an alert window:
To set up #anywhere, please provide a
client ID
Surely if the results are correct in Chrome and IE then everything must be setup correctly?
Here is a simple code block which I've tested recreates the problem in Firefox only:
<script src="http://platform.twitter.com/anywhere.js?id=WMg5kRMlIw807lRTsktnNQ&v=1" type="text/javascript" >
</script>
<script type="text/javascript">
twttr.anywhere(onAnywhereLoad);
function onAnywhereLoad(twitter) {
twitter().hovercards();
});
</script>
This problem is showing up in various forums and mailing lists. I'm seeing it on Firefox 3.0.5 (but not 3.6). Looks like Twitter didn't do enough testing before springing this one on the world.
(Later: Try clearing hour cookies. Yeah, that's a very 90's thing to have to do.)