AJAX message under google ads - html

I'm building a ASP.NET application using C#. On my website, I also use AJAX toolkit from Microsoft. When error message are displayed, they appear under the Google ads.
It's very annoying because before adding the ads, everything was working good. In fact, it work perfectly but I'm searching for a way (probably CSS) to put the error message on top of the ads OR to put the ads from Google in the background.
With all the people having Google ads on their site, I hope someone has found a solution to this problem!

un tested solution.
put your adsense code in a div. add style to you div with z-index:-1. Add z-index:3 or above to your error container. In theory this will make google ads appear under you error message.

I believe the Google Ads code is specifically designed to make sure it is on top (to prevent "cheating the system" by obscuring or hiding the ads while still displaying them).
Your best bet is probably to try to alter how your error messages are displayed so that they don't go outside of the "content" area of the page into the ad area - perhaps make them appear below the input box instead of to the right of it, or something similar.

Related

Google reCAPTCHA Invisible working but not Invisible

I've implemented the invisible reCAPTCHA and it's all working fine, but Google in their wisdom add a terms/privacy box as an overlay on the bottom right side of the screen:
Unfortunately because I already have a schedule box there it looks a mess. Both Google and my scheduler are external code so I feel like I don't have control. Is there anyway to block/change sides etc the Google terms.
Just found this, although it doesn't give much control:
g-recaptcha tag attributes and grecaptcha.render parameters
If you add:
data-badge="bottomleft"
or
data-badge="inline"
It allows you to flip sides or put it in the form. In my opinion Google needs to address this, I'd happily have a link to all their privacy/terms but this encroaches massively on my site..

Inserting an iframe or Dynamic content into an info window?

I have a google map which is hooked up to a fusion table. Its pretty basic, lists street address, phone, and branch #.
I recently got a request though to add current weather to the info window that appears when a user clicks on a map marker.
Initially I thought I could just iframe this in, but it appears that google strips that HTML out of the info window when I add it in. I guess only basic html is allowed.
Does anyone know a way to throw dynamic content into that info window box or a way to get around google stripping out the iframe code?
The only iFrames I can get to work in fusion table map windows or cards are youtube embeds. Other iframes appear to get srtipped out as you say. It would be a good feature to be able to have universal iframe content instead of just google products.

Google PageSpeed abgc div id

I trying to pass Google PageSpeed Insights validation, but I have 1 issue, in User Experience section:
The tap target <div id="abgc"></div> is close to 1 other tap targets.
I searched my whole page, but I cannot find this code.
Finaly I realise that id abgc is google ad sense div class for arrow in top right box on ad. But maybe I'm wrong?
How to fix this?
There is no way to fix this - PSI oddly enough also counts Adsense and Analytics code as issues under "Leverage browser caching", "Minify JavaScript" and a couple others as well. Their code isn't cached or minified from their side unfortunately, and the CSS they use for some formats of their Adsense ads do create tap target niggles.
The end result is that getting 100/100 when you're using Adsense or Analytics is - for all intents and purposes - impossible until the wizards at Google exclude their own code from the criteria.

Website jumping down on page load with embedded iframe google form

When someone navigates to a particular page with a google web form on it, the browser automatically jumps down to the google web form near the bottom of the page.
Website URL
Any ideas on how to keep it at the top of the page?
Thanks!
Jeff
Its due to the a field in the form getting focus, if you can stop that it wont jump down.
I've had a look at google forms and it doesn't look like there is a way to configure it not to set focus, you could try some custom javascript to stop it.
I can see from the URL shared that the original user's issue is now resolved, but fyi for others seeking a solution, if the Google Form is embedded via an iFrame, or you're using a custom HTML form to post answers to a Google form via the target of an iFrame, and this jumping occurs, changing the src='' of the iFrame to src='about:blank' worked a treat to eliminate any jumping of the page.

How to acomplish the Google Phone stay on top effect html?

Google phone opens up a small widget on the right of Gmail and stays there. Even when navigating to other emails or composing at email (similar effect is achieved I believe by Facebook chat).
Are they using frames? I hope not.
I need to keep some images open while the user navigates other parts of the application so using the approach of google to place my image holders would be ideal.
I'm not familiar with google phone, but maybe an iframe is what you are after:
http://www.w3schools.com/tags/tag_iframe.asp
It's an inline reference to another document.