Google Website Optimizer: track AJAX - ajax

I am tracking AJAX goals in Google Analytics with no problems.
But I would like to use Google Website Optimizer to see what buttons or headlines get the most leads in our newsletter subscription form.
Since a new subscription only triggers AJAX/Javascript, I cannot add a separate success/thankyou.html page to track in Google Website Analyzer.
There is not much to find in Google's documentation about this.
Has anyone been able to do this?

Yes Google Website Optimizer can be used with goal conversions as links or buttons. The technique to use is to wrap the conversion code in a Javascript function and then to call this function from any link onclick or onsubmit event.
http://www.google.com/support/websiteoptimizer/bin/answer.py?hl=en&answer=93181

Related

Reload maps iframe on press a button

I have the problem, that not everybody who's visiting my website won't be tracked by google.
But in my county the law says, that you must have an imprint, and that have to be clear and easely to understand. So the most sites uses additional an google maps iframe. But when using this, google is crawling which is against the upcomming privacy law. So I'm searching a way, to make a button, which reloads the google iframe, when clicked, but not before. I think that must be done with AJAX, or is there an other possibility?
As a background Info, I wasn't succesfull with modificate some AJAX templates, so yes, need help.
Greetz QuackBrick

Google Hangouts website button

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.

Ajax generated content, crawling and black listing

My website uses ajax.
I've got a user list page which list users in an ajax table (with paging and more information stuff...).
The url of this page is :
/user-list
User list is created by ajax. When the user click on one user, he is redirected to a page which url is : /member/memberName
So we can see here that ajax is used to generate content and not to manage navigation (with the # character).
I want to detect bot to index all pages.
So, in ajax I want to display an ajax table with paging and cool ajax effetcs (more info...) and when I detect a bot I want to display all users (without paging) with a link to the member page like this :
JohnBob...
Do you think I can be black listed with this technique ? If you think so, could you please provide an alternative solution by keeping these clean urls and without redeveloping the user-list (without ajax) ?
Google support a specification to make AJAX crawlable:
http://code.google.com/web/ajaxcrawling/docs/specification.html
I did an experiment and it works:
http://seo-website-designer.com/SEO-Ajax-Google-Solution
As this is a Google specification, you won't get penalised (unless you abuse it).
Saying that, only Google support it at the moment (AFAIK).
Also, I believe following the concept of Progressive Enhancement is a better approach. That is, create a working html website then make the JavaScript enhance it
Maybe use the urls with an onclick to trigger your AJAX scripting? Like
Some URL
I don't think Google would punish you for this, you primarily use JScript, but you do provide a fall back for their bot, so your site doesn't get any less accessible.
EDIT
Ok, I misunderstood. Then my guess would be you basically have two options:
1. Write a different part of your site where bots end up, or,
2. Rewrite your current site to for example always give a 'full' page, with an option to only get, say, the content div. Then you can get only the content with JavaScript, but bots will always get a nice page.

Can I make simplemodal contact form post across domains?

I'm using the SMCF Wordpress plugin on this site: http://fingelly.com/
As you can see it uses ajax to post the form fields to get mailed and then updates the modal.
Some of the nav options at the site take you to a 3rd party IDX (real estate listings) provider. For example click on the tabs marked agents and the url changes to fingelly.idxre.com...
As you can see the html is customizable there... I had tried adding the same simple modal contact form to my template there but encountered a problem because I cannot post using ajax to my wordpress driven site from this other domain.
I understand this limitation is for security reasons to prevent xss. How would you suggest working around it in this case?
For now we've simply removed the contact tab.
If you just need to send information to the server and not worry about the response, you create a hidden iframe on the page and post the data there. You could also make a JSONP call if the data would fit in a GET.

How to post a Google Calendar in a web page without using <iframe>?

Google Calendar provides a way to insert your Google Calendar into a web page using an <iframe>. Is there a way to insert this data into a web page without having to use the <iframe>?
I know that there are ways to do this using the Google API, but is there any way that I can put that code directly into my page without the need to use the <iframe> or rewrite the entire source code and call the Google API?
Actually you can just make it an object and it will validate. For the Google calendar in particular, all you have to do is change "iframe" to "object" (don't for get to change the iframe break too), change "src" to "data", and remove the frameborder and scrolling tags and all is good. The only drawback is that objects are not supported in IE....
I'd say you'd get what you want with restylegc.
You can check the strategy the developer used and insert into your page.
It basically uses curl to get the entire webapp and rewrites links dynamically so that it's in the middle of some request.
This also allows you to restyle the calendar and add custom javascript.

Resources