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.
Related
Currently, we are working on our final year project and want to use Google ads to gain some more marks 😉😅.
While the website is still in development, we want to test where and how to use ads in the UI. In short, we wish to try Adsense ads, But how can I test Ads without approval?
The best way to see how and where Adsense ad is placed on your website is to sign up for Google Adsense. After you have been approved you can add your website and via the preview function you can see where adsense automatically places ads on your websites.
Here you can also indicate whether or not you want to show ads in this position. Adsense auto-ads will learn from your feedback.
If you want to keep control over the places where you display advertisements, it is best to disable auto ads and manually add ads in the location of your choice. Keep in mind the guidelines of Google Adsense.
Google Map and Google Analytics on the same page, here I need to display the analytics code as the first one but automatically google map Css taking the first place in the header. how could load the analytics as first one in the header section?
also, google captcha taking the second place, please help me to sort out this problem
FYR I have attached the screenshot :
https://imgur.com/a/ZgXPBiz
You don't need to bother too much about that. Google Analytics is loaded on the pages asynchronously, meaning that you can't determine the location in the HTML code served to the visitor.
Also, GA loading a couple of lines below the opening is more than good enough and doesn't pose a threat or a big difference in the performance of the tracking because of it.
How can a Chrome extension alter the Google Calendar event editing UI?
I see that, for example, the Moxtra extension has managed to inject UI including a button just below the location. According to their YouTube video they added a button to fill out the event description although when I installed Moxtra this no longer seems to work.
Stepping back from this a bit, it occurs to me that editing the Google Calendar page seems like something that could easily get messed up by future changes to Google Calendar. Perhaps it is better to edit the event description from the extension's own UI? If so, how can that be done?
Thanks.
It can be done with content scripts and modification of the DOM.
They probably check Event edit page for specific selectors and try to insert their own elements in the page, if they found it.
So, if UI of Google Calendar will change, extensions like Moxtra will be probably also broken.
You are right about the edit of the description - it's safer. But you still need to get a description field and change a content of it. There is no 100% safe way to do it and don't break on the change of UI.
I have create a html5 banner using Google Web Designer following pretty much all the guidelines (https://support.google.com/webdesigner/answer/3261498?hl=en&ref_topic=3261495&rd=1).
I published it locally and uploaded to google adwords campaign as an Image add. In my banner there is a simple form for the user to enter basic details and submit it. So i have just one event on submit button. All good so far. After i uploaded the banner to google adwords, when i tested the banner the whole banner is clickable for some reason. Somehow google is appending a click event on the whole banner.
But according to docs (https://support.google.com/adwordspolicy/answer/176108?hl=en)
"HTML5 ads that are not created in Google Web Designer are, by
default, clickable on the entire area of the ad."
I used google web designer for this specific reason still i see the entire area clickable. Any ideas or suggestions or references would be great.
Thanks.
In Code view, add a higher z-index to the submit button so that it sits above the exit element.
I published it locally and uploaded to google adwords campaign as an Image add.
I think you should try to find a way to not upload as an Image Ad.
Google Adwords requires an exit/destination URL when you upload an ad on their platform disregarding what type of ad you upload.
That URL is assigned to your whole ad.
What you need is DoubleClick account. DoubleClick for advertisers will allow you specific button exits/destination URLs.
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.